diff options
| author | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-01 01:07:05 +0100 |
|---|---|---|
| committer | LUXEY Adrien <adrien.luxey@inria.fr> | 2021-02-01 01:07:05 +0100 |
| commit | a9f083983b5cb739df8d1ce1961ba9b1b258c06f (patch) | |
| tree | a05a1647f860e210cd4fad16e82e7b0a86088b0e /draft_site_adrien/index.html | |
| parent | 95b7780800540a08f868d9cc87a6b4dde971f54f (diff) | |
| download | design-a9f083983b5cb739df8d1ce1961ba9b1b258c06f.tar.gz design-a9f083983b5cb739df8d1ce1961ba9b1b258c06f.zip | |
premier draft html sympathique
Diffstat (limited to 'draft_site_adrien/index.html')
| -rw-r--r-- | draft_site_adrien/index.html | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/draft_site_adrien/index.html b/draft_site_adrien/index.html new file mode 100644 index 0000000..22f5c9a --- /dev/null +++ b/draft_site_adrien/index.html @@ -0,0 +1,121 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="utf-8" /> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <title>Deuxfleurs</title> + + <!--<link rel="stylesheet" href="assets/css/chota.min.css">--> + <link rel="stylesheet" href="assets/css/deuxfleurs-chato.css"> + <!--<link rel="stylesheet" href="assets/css/mini-default.min.css">--> +</head> + +<body> + <div id="main-page" class="container"> + + <header> + <nav class="nav"> + <div class="nav-left"> + <a id="logo" href="#">Deuxfleurs</a> + </div> + <div class="nav-right"> + <div class="tabs"> + <a>Services</a> + <a class="active">Infrastructure</a> + <a>Logiciels</a> + <a>Vision</a> + </div> + </div> + </nav> + + <img src="assets/images/illustration-ronce_1200x765px.png"> + </header> + + <section class="row"> + <div class="col-12"> + <h1>Bienvenue chez Deuxfleurs !</h1> + </div> + + <div class="col-6"> + <p> + Nous sommes une association pour<br> + une informatique <b>écologique</b> et <b>humaine</b>,<br> + et nous sommes en <b>colère</b>.<br> + <small>Nous avons donc pris le maquis.</small> + </p> + </div> + </section> + + <section class="row"> + <div class="col-12-sm col-6-md"> + <h2>Nous hébergeons</h2> + <p> + Celles et ceux qui ont besoin d'<b>outils libres</b><br> + pour discuter, collaborer, s'organiser, se divertir... + </p> + </div> + + <div class="col-2-md"></div> <!-- vertical space --> + + <div class="canopee right col-12-sm col-4-md"> + <h2><small>Sans parasite !</small></h2> + <p> + Toutes nos constructions loufoques<br> + sont garanties <b>sans ver espion</b>.<br> + <small>Nous préférons le bon goût d'un logiciel bien fait.</small> + </p> + </div> + </section> + + <section class="row"> + <div class="canopee left col-12-sm col-4-md"> + <h2><small>Infrastructure raisonnée</small></h2> + <p> + On essaye d'héberger nos ordinateurs <b>à la maison</b>.<br> + <small>Et c'est pas si facile !</small> + </p> + </div> + + <div class="col-2-md"></div> <!-- vertical space --> + + <div class="col-12-sm col-6-md"> + <h2>Nous créons</h2> + <p> + Des logiciels pour améliorer<br> + et <b>interconnecter nos cabanes</b>. + </p> + </div> + </section> + + <section class="row"> + <div class="col-2-md"></div> <!-- vertical space --> + <div class="col-12-sm col-10-md"> + <h2>Nous recrutons</h2> + + <p> + Des bâtisseuses de cabanes ou <b>des évadés</b>... + </p> + </div> + </section> + + <section> + <div class="branche row"> + <div class="col-3-md"></div> <!-- vertical space --> + <div class="col-12-sm col-6-md"> + <p>... des mondes d'en bas.</p> + </div> + <div class="col-3-md"></div> <!-- vertical space --> + </div> <!-- .branche --> + </section> + + <footer class="is-right"> + <small>Tous droits réservés à notre pangolin alcoolique.</small> + </footer> + + </div> <!-- #main-page --> +</body> + +</html>
\ No newline at end of file |