diff options
| author | Joris Guyonvarch | 2015-06-27 01:04:51 +0200 |
|---|---|---|
| committer | Joris Guyonvarch | 2015-06-27 01:04:51 +0200 |
| commit | 6ec9a6fc1d43c8d2a1495e147157dc545175b129 (patch) | |
| tree | 9e9809a02c937e6a95eb9c63890a945a250ffa11 /Page/Index.html | |
| parent | b590ca0aea8bbae34885e98b59bc465c09400ca3 (diff) | |
Generate static pages with a watcher and serve files with a simple http server
Diffstat (limited to 'Page/Index.html')
| -rw-r--r-- | Page/Index.html | 113 |
1 files changed, 113 insertions, 0 deletions
diff --git a/Page/Index.html b/Page/Index.html new file mode 100644 index 0000000..d3aa426 --- /dev/null +++ b/Page/Index.html @@ -0,0 +1,113 @@ +<!DOCTYPE html> +<html> + + <head> + <meta charset="UTF-8"> + <script src="/analytics.js"></script> + <link rel="shortcut icon" href="/Images/icon.png"> + <link rel="stylesheet" type="text/css" href="/CSS/reset.css"> + <link rel="stylesheet" type="text/css" href="/CSS/font.css"> + <link rel="stylesheet" type="text/css" href="/CSS/menu.css"> + <link rel="stylesheet" type="text/css" href="/CSS/style.css"> + <title>Le meilleur du maquillage</title> + </head> + + <body> + <header> + <a href="/"> + <img src="/Images/logo2.png" alt="icône" /> + </a> + + <nav> + <ul> + <li> + <a href="/Page/Teint.html">Teint</a> + <ul> + <li><a href="/Page/Teint/Phase preparatoire.html">Phase préparatoire</a></li> + <li><a href="/Page/Teint/Primer et base.html">Primer et base</a></li> + <li><a href="/Page/Teint/BB Cream vs CC Cream.html">BB Cream vs CC Cream</a></li> + <li><a href="/Page/Teint/Fond de teint.html">Fond de teint</a></li> + <li><a href="/Page/Teint/Anti cernes.html">Anti-cernes</a></li> + <li><a href="/Page/Teint/Poudre libre.html">Poudre libre</a></li> + <li><a href="/Page/Teint/Poudre bronzante.html">Poudre bronzante</a></li> + <li><a href="/Page/Teint/Blush.html">Blush</a></li> + <li><a href="/Page/Teint/Contouring.html">Contouring</a></li> + </ul> + </li> + <li> + <a href="/Page/Yeux.html">Yeux</a> + <ul> + <li><a href="/Page/Yeux/Base.html">Base</a></li> + <li><a href="/Page/Yeux/Crayon.html">Crayon</a></li> + <li><a href="/Page/Yeux/Fard a paupieres.html">Fard à paupières</a></li> + <li><a href="/Page/Yeux/Eyeliner.html">Eye-liner</a></li> + <li><a href="/Page/Yeux/Mascara.html">Mascara</a></li> + <li><a href="/Page/Yeux/Faux cils.html">Faux cils</a></li> + <li><a href="/Page/Yeux/special yeux sensibles.html">Spécial "yeux sensibles"</a></li> + </ul> + </li> + <li> + <a href="/Page/Levres.html">Lèvres</a> + <ul> + <li><a href="/Page/Levres/Gloss.html">Gloss</a></li> + <li><a href="/Page/Levres/Rouge a levres.html">Rouge à lèvres</a></li> + </ul> + </li> + <li> + <a href="/Page/Accessoires.html">Accessoires</a> + <ul> + <li><a href="/Page/Accessoires/Eponges.html">Eponges</a></li> + <li><a href="/Page/Accessoires/Pinceaux.html">Pinceaux</a></li> + </ul> + </li> + <li> + <a href="/Page/Demaquillant.html">Démaquillant</a> + <ul> + <li><a href="/Page/Demaquillant/Visage.html">Visage</a></li> + <li><a href="/Page/Demaquillant/Yeux.html">Yeux</a></li> + </ul> + </li> + <li> + <a href="/Page/Promos.html">Promos</a> + </li> + </ul> + </nav> + </header> + + <div id="content"> +<h1 id="présentation">Présentation</h1> +<p>Il était une fois l'histoire d'une femme qui voulait être belle. Cette histoire n'est-elle pas celle de chacune d'entre nous ? Oui, mais quand vient l'heure d'arpenter les parfumeries, aïe aïe aïe, les questions se multiplient : <em>quel rouge à lèvres choisir ? Quelle marque pour mon fard à paupières ? Quelle couleur pour mon fond de teint ?</em></p> +<div class="figure"> +<img src="/Images/lequel.png" alt="Quel maquillage choisir ?" /><p class="caption">Quel maquillage choisir ?</p> +</div> +<p>Et pour peu que vous ne vous soyez pas mise sur votre 31 mais plutôt sur votre <em>« day off »</em> pour faire les boutiques, bonjour le regard de la vendeuse ultra maquillée qui vous rappelle du long de ses faux-cils combien vous avez la tête dans le pâté !</p> +<div class="figure"> +<img src="/Images/dayoff.jpg" alt="Day off" /><p class="caption">Day off</p> +</div> +<p><em>« C'est fini !! »</em>, vous ressortez les mains vides, frustrée de ne pas pouvoir ni savoir mettre en valeur les traits que la nature vous a octroyés. Ou bien pire encore, vous repartez avec la dernière marque de luxe qu'on vous a refourguée, et qui n'a de luxe que le prix, sans savoir pourquoi vous l'avez achetée !</p> +<div class="figure"> +<img src="/Images/arnaqueluxe.jpg" alt="Le luxe quelle arnaque" /><p class="caption">Le luxe quelle arnaque</p> +</div> +<p>Si vous êtes ici, c'est que <strong>vous cherchez désespèrement le Graal</strong> : savoir quelle marque choisir pour embellir le teint, savoir poser du mascara pour avoir les yeux de biche comme cette fille vue dans le métro... Tant de questions et pas l'envie de se farcir la multitude de blogs de maquillage, de comparer le <em>« mascara volume ultra »</em> avec le <em>« mascara volume extra large »</em> : on vous comprend !!! :)</p> +<div class="figure"> +<img src="/Images/lequelmascara.jpg" alt="Quel mascara choisir" /><p class="caption">Quel mascara choisir</p> +</div> +<p>D'où <strong>l'idée de ce site</strong> : un <strong>repère pour les non-expertes</strong> en maquillage, qui veulent <strong>aller à l'essentiel</strong> - à savoir <strong>un récap' des tops cosmétiques</strong> du net, sans se prendre la tête, ni vider leur portefeuille !</p> +<p>1, 2, 3... C'est parti !</p> +<div class="figure"> +<img src="/Images/start2.jpg" alt="Starting block" /><p class="caption">Starting block</p> +</div> +<h2 id="sources-des-images">Sources des images</h2> +<ul> +<li><a href="http://www.e-leclerc.com/objetsportail//content/sites/portail/files/univers/rayons/Beaute/320x248/accessoires_maquillage_image_w320_h248.png">Traces de maquillage</a>, <a href="http://media.meltyfashion.fr/plus-gracieuse-maquillee-image-522088-article-ajust_930.jpg">day off</a>, <a href="http://www.tuxboard.com/photos/2012/08/Cocktail-essence-trop-chere.jpg">caricature</a>, <a href="http://commentplaire.com/wp-content/uploads/2014/12/mascara02.jpg">quel mascara ?</a>, <a href="http://www.cranemou.com/wp-content/uploads/2012/04/course-escarpins-course-femmes-talons-aiguill-L-6ZxNc8.jpg">starting block</a>, <a href="http://thehoopla.com.au/wp-content/uploads/2012/04/Retro-beauty-salon-225x300.jpg">logo</a></li> +</ul> + </div> + + <footer> + <div class="contact"> + Contact : Auriane + </div> + </footer> + + </body> +</html> |