94 lines
3.8 KiB
HTML
94 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr" 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">
|
|
<link href="./styles/index.css" type="text/css" rel="stylesheet">
|
|
</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/lettredeeda.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 _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/lettredeeda.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/lettredeeda.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>
|
|
|