diff options
Diffstat (limited to 'html/landing')
-rw-r--r-- | html/landing/prototype.html | 131 |
1 files changed, 0 insertions, 131 deletions
diff --git a/html/landing/prototype.html b/html/landing/prototype.html deleted file mode 100644 index e211e7c..0000000 --- a/html/landing/prototype.html +++ /dev/null @@ -1,131 +0,0 @@ -<!doctype html> -<html> - <head> - <title>💮💮 deuxfleurs</title> - <meta charset="utf-8"/> - <style> -@font-face { - font-family: "Heroes"; - src: url('fonts/texgyreheros-regular.otf') format('truetype'); -} -* { - font-family: Heroes; - margin: 0; - padding: 0; -} - -header { - background-color: #519c60; - color: #ffffff; - padding: 30px 0px 1px 0px; -} - -h1 { - font-size: 5em; -} - -h2 { - font-size: 3em; -} - -.spacing { - margin-top: 1em; -} - -header > .container > h1 { - margin: 10px 0px -27px 0px; -} - -header > .container > .site-name > img { - vertical-align: -9px; -} - -header > .container > .site-name > a { - font-size: 30px; - color: white; - text-decoration: none; -} - -.container { - padding: 0px 40px 0px 40px; -} - -.chapeau { - font-size: 1.8em; - font-weight: bold; - line-height: 1.2; -} - -.service-box { - color: #000; - text-decoration: none; - border: 0.2em solid #000; - width: 250px; - text-align:center; - margin-right: 1em; -} - -.service-box:hover { - background-color: #000; - color: #fff; -} - -.list { - display: flex; -} - </style> - </head> - - <body> - <header> - <div class="container"> - <div class="site-name" style="float:right"> - <a href="./prototype.html">deuxfleurs</a> - <img src="img/flower.svg" width="38"> - <img src="img/flower.svg" width="38"> - </div> - <h1>deuxfleurs</h1> - </div> - </header> - - <main> - <div class="container spacing"/> - <div class="chapeau">⇨ protège votre vie privée</div> - <div class="chapeau">⇨ défend vos libertés et vos droits</div> - <div class="chapeau">⇨ ne vous manipule pas</div> - <div class="chapeau">⇨ promeut l'écologie via la sobriété numérique</div> - - <section class="spacing"> - <h2>nos services permettent de</h2> - - <div class="list" /> - <a href="" class="service-box spacing"> - <div style="font-size: 80px">💬</div> - <h3>discuter</h3> - </a> - <a href="" class="service-box spacing"> - <div style="font-size: 80px">📄</div> - <h3>sauvegarder vos documents</h3> - </a> - <a href="" class="service-box spacing"> - <div style="font-size: 80px">📨</div> - <h3>envoyer des emails</h3> - </a> - </div> - </section> - - <section class="spacing"> - <h2>internet est politique</h2> - </section> - - <section class="spacing"> - <h2>nous sommes une association collégiale</h2> - </section> - - <section class="spacing"> - <h2>nous contacter</h2> - </section> - </div> - </main> - </body> -</html> |