aboutsummaryrefslogtreecommitdiff
path: root/html/landing
diff options
context:
space:
mode:
Diffstat (limited to 'html/landing')
-rw-r--r--html/landing/prototype.html131
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>