pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout de animations logo

Browse Source
This commit is contained in:
hugogogo
2021-03-16 22:55:28 +01:00
parent 578238376a
commit 53e365a486
9 changed files with 189 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
index.html
View File

@@ -7,62 +7,33 @@
<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>
<link href="./styles/index.css" type="text/css" rel="stylesheet">
</head>
<body>
<main class="index">
<div id="all_container">
<div id="for_txt">
<img src="./docs/kosmopolit_logo.png" alt="logo kosmopolit">
<div class="all_container">
<div class="logo_txt">
<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
</div>
<div id="for_img">
<img src="./docs/kosmopolit_fond.png" alt="logo kosmopolit">
<div class="logo_bubbles">
<div class="_ratio">
<div class="circle _2"><div class="_ratio"></div></div>
<div class="circle _3"><div class="_ratio"></div></div>
<div class="circle _1"><div class="_ratio"></div></div>
<div class="circle _blend _2"><div class="_ratio"></div></div>
<div class="circle _blend _3"><div class="_ratio"></div></div>
<img class="logo_line"src="./docs/accueil/logo_line.png" alt="logo kosmopolit line">
<div class="circle _4"><div class="_ratio"></div></div>
</div>
</div>
<div id="for_links">
<h3 id="kosmopolit"><a href="./fr/kosmopolit.html">KOSMOPOLIT l'association</a></h3>
<div class="logo_links">
<h3 id="kosmopolit"><a href="./fr/kosmopolit.html">KOSMOPOLIT</a></h3>
<h3 id="litterall"><a href="./fr/litterall.html">LITTER<i>all</i></a></h3>
<h3 id="lea"><a href="./fr/lettredeeda.html">Lettres d'Europe et d'Ailleurs</a></h3>
<h3 id="evenements"><a href="./fr/evenements.html">évènements</a></h3>
</div>
</div>
</main>
</body>
</html>