ajout des deux autres pages vides et mise en page rudimentaire de l'accueil
This commit is contained in:
53
index.html
53
index.html
@@ -7,13 +7,62 @@
|
||||
<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">
|
||||
<link href="./styles/index.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">
|
||||
<img src="./docs/kosmopolit_logo.png">
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user