animation plus smooth
This commit is contained in:
90
index.html
90
index.html
@@ -11,82 +11,26 @@
|
||||
</head>
|
||||
<body>
|
||||
<main class="index">
|
||||
|
||||
<div class="all_container _1">
|
||||
<div class="moment_center_wrapper">
|
||||
<div class="logo_txt">
|
||||
<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
|
||||
</div>
|
||||
<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 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/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
|
||||
<h3 id="evenements"><a href="./fr/evenements.html">évènements</a></h3>
|
||||
<div class="logo_txt">
|
||||
<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
|
||||
</div>
|
||||
<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 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/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
|
||||
<h3 id="actualites"><a href="./fr/actualites.html">actualités</a></h3>
|
||||
</div>
|
||||
|
||||
<div class="all_container _2">
|
||||
<div class="moment_center_wrapper">
|
||||
<div class="logo_txt">
|
||||
<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
|
||||
</div>
|
||||
<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 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/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
|
||||
<h3 id="evenements"><a href="./fr/evenements.html">évènements</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="all_container _3">
|
||||
<div class="moment_center_wrapper">
|
||||
<div class="logo_txt">
|
||||
<img src="./docs/accueil/logo_ecritures.png" alt="logo kosmopolit">
|
||||
</div>
|
||||
<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 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/lettres.html">Lettres d'Europe et d'Ailleurs</a></h3>
|
||||
<h3 id="evenements"><a href="./fr/evenements.html">évènements</a></h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user