69 lines
1.6 KiB
HTML
69 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>kosmopolit</title>
|
|
<meta name="description" content="description du site web">
|
|
<meta name="keywords" content="truc, bidule, chouette">
|
|
<link href="./styles/style.css" type="text/css" rel="stylesheet">
|
|
<style>
|
|
main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: auto;
|
|
}
|
|
#all_container {
|
|
width: 550px;
|
|
margin: 20px auto;
|
|
}
|
|
#for_txt {
|
|
height: 110px;
|
|
overflow: hidden;
|
|
}
|
|
#for_img {
|
|
}
|
|
#for_links {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 10px;
|
|
}
|
|
#for_links > * {
|
|
margin: auto;
|
|
}
|
|
#for_links > :first-child {
|
|
margin-left: 0px;
|
|
}
|
|
#for_links > :last-child {
|
|
margin-right: 0px;
|
|
}
|
|
#for_links #kosmopolit a {
|
|
color: #ee1998;
|
|
}
|
|
#for_links #litterall a {
|
|
color: #8fce3c;
|
|
}
|
|
#for_links #lea a {
|
|
color: #0c9cb5;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main class="index">
|
|
<div id="all_container">
|
|
<div id="for_txt">
|
|
<img src="./docs/kosmopolit_logo.png" alt="logo kosmopolit">
|
|
</div>
|
|
<div id="for_img">
|
|
<img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit">
|
|
</div>
|
|
<div id="for_links">
|
|
<h3 id="kosmopolit"><a href="./pages/kosmopolit.html">KOSMOPOLIT l'association</a></h3>
|
|
<h3 id="litterall"><a href="./pages/litterall.html">LITTER<i>all</i></a></h3>
|
|
<h3 id="lea"><a href="./pages/lettredeeda.html">Lettres d'Europe et d'Ailleurs</a></h3>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|