EL - Alpha 1.0
Includes the barebone layout of the HTML document and barebones CSS (reset mainly)
This commit is contained in:
AlexisNP
282
index.html
Normal file
282
index.html
Normal file
@@ -0,0 +1,282 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<!-- Meta -->
|
||||
<title>Éditions Législatives</title>
|
||||
<meta charset="utf-8" lang="fr" >
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="author" content="Alexis Pelé">
|
||||
<meta name="keywords" content="éditions législatives, juridique, conventions collectives, solutions rh, rh, ressources humaines, ordonnances, macron, représentant personnel, comptables, immobilier">
|
||||
<meta name="description" content="Éditions Législatives - L'actualité juridique, convention collective à l'unité, droit social… nous avons des produits et services analysés mis à jour en permanence.">
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="#">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="#">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="#">
|
||||
<!-- Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap" rel="stylesheet">
|
||||
<!-- Stylesheets -->
|
||||
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="landing">
|
||||
<header>
|
||||
<nav>
|
||||
<div class="logo">
|
||||
<img src="#" alt="éditions législatives logo">
|
||||
</div>
|
||||
<div class="phone">
|
||||
<address><a href="tel:0189786312">01 89 78 63 12</a></address>
|
||||
<div class="free-tooltip">Gratuit</div>
|
||||
</div>
|
||||
<div class="my-cart">
|
||||
<img src="img\icons\cart.svg" alt="icône panier">
|
||||
<span class="cart-itemscounter">2</span>
|
||||
</div>
|
||||
<button type="button">Connexion</button>
|
||||
<button type="button">Menu</button>
|
||||
</nav>
|
||||
</header>
|
||||
<div>
|
||||
<article>
|
||||
<a href="#">
|
||||
<h1>L'actualité juridique, convention collective à l'unité, droit social...</h1>
|
||||
<p>Nous avons des produits et services analysés mis à jour en permanence. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus mollis et orci sit amet consequat.</p>
|
||||
</a>
|
||||
</article>
|
||||
<form action="#">
|
||||
<input name="q" type="text" placeholder="Ex: Fiche de paie, loi Macron...">
|
||||
<select name="domain">
|
||||
<option value="" disabled selected>Votre domaine</option>
|
||||
<option value="">Ressources humaines</option>
|
||||
<option value="">Représentant du personnel</option>
|
||||
<option value="">Expert comptable</option>
|
||||
<option value="">Avocat et direction juridique</option>
|
||||
<option value="">Ressources humaines</option>
|
||||
<option value="">Ressources humaines</option>
|
||||
<option value="">Ressources humaines</option>
|
||||
</select>
|
||||
<button type="submit">Rechercher</button>
|
||||
<button type="reset">Effacer</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ourproducts">
|
||||
<header>
|
||||
<div>Nos produits pour :</div>
|
||||
<button type="button" class="product-tag rh">Ressources humaines</button>
|
||||
<button type="button" class="product-tag compta">Comptabilité</button>
|
||||
<button type="button" class="product-tag droit">Droit</button>
|
||||
<button type="button" class="product-tag hse">HSE</button>
|
||||
<button type="button" class="product-tag irp">IRP</button>
|
||||
<button type="button" class="product-tag acl">Administrations & collectivités locales</button>
|
||||
<button type="button" class="product-tag autres">Autres...</button>
|
||||
</header>
|
||||
<ul class="product-list">
|
||||
|
||||
<li class="product-item">
|
||||
<div>Solution métier</div>
|
||||
<div>
|
||||
<header>
|
||||
<img src="#" alt="#">
|
||||
<b>802,00 € <sup>HT</sup></b>
|
||||
</header>
|
||||
<h3>SOLUTIONS RH PAIE</h3>
|
||||
<p>Le dispositif infaillible pour gérer la paie.</p>
|
||||
<footer>
|
||||
<a href="#">Tester gratuitement</a>
|
||||
</footer>
|
||||
</div>
|
||||
</li>
|
||||
<li class="product-item">
|
||||
<div>Ouvrage pratique</div>
|
||||
<div>
|
||||
<header>
|
||||
<img src="#" alt="#">
|
||||
<b>60,00 € <sup>TTC</sup></b>
|
||||
</header>
|
||||
<h3>ORDONNANCE MACRON</h3>
|
||||
<p>La réforme du code du travail : Ce qui change !</p>
|
||||
<footer>
|
||||
<a href="#"><img src="img\icons\cart.svg" alt="icône panier"> Ajouter au panier</a>
|
||||
</footer>
|
||||
</div>
|
||||
</li>
|
||||
<li class="product-item">
|
||||
<div>Ressource gratuite</div>
|
||||
<div>
|
||||
<header>
|
||||
<img src="#" alt="#">
|
||||
<b>GRATUIT</b>
|
||||
</header>
|
||||
<h3>SOLUTIONS RH PAIE</h3>
|
||||
<p>Une nouvelle articulation accords de branche/accords d’entreprise</p>
|
||||
<footer>
|
||||
<a href="#">Consulter gratuitement</a>
|
||||
</footer>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<footer>
|
||||
<a href="#">Tous nos produits pour <b>« Ressources humaines »</b></a>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<div class="extra-infos">
|
||||
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<img src="img\icons\doublearrow.svg" alt="">
|
||||
<p>Satisfait ou remboursé pendant 2 semaines</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="img\icons\medal.svg" alt="">
|
||||
<p>Qualité et mise à jour assurées par nos experts</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="img\icons\speechbubble.svg" alt="">
|
||||
<p>Réponse gratuite à toutes vos questions sur l’utilisation de nos produits</p>
|
||||
</li>
|
||||
<li>
|
||||
<img src="img\icons\lock.svg" alt="">
|
||||
<p>Règlement par chèque, virement, ou CB sécurisé en ligne</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="freetrials">
|
||||
<header>
|
||||
<p>Découvrez gratuitement tous nos produits</p>
|
||||
<p><b>SANS ENGAGEMENTS ET EN ACCES ILLIMITÉ PENDANT 15 JOURS.</b></p>
|
||||
</header>
|
||||
<ul class="freetrials-list">
|
||||
|
||||
<li class="freetrial-item">
|
||||
<div>Dossier spécial</div>
|
||||
<div>
|
||||
<header>
|
||||
<img src="#" alt="#">
|
||||
<b>GRATUIT</b>
|
||||
</header>
|
||||
<h3>ORDONNANCE MACRON</h3>
|
||||
<p>Une nouvelle articulation accords de branche/accords d’entreprise</p>
|
||||
<footer>
|
||||
<a href="#">Consulter gratuitement</a>
|
||||
</footer>
|
||||
</div>
|
||||
</li>
|
||||
<li class="freetrial-item">
|
||||
<div>Top téléchargement</div>
|
||||
<div>
|
||||
<header>
|
||||
<img src="#" alt="#">
|
||||
<b>GRATUIT</b>
|
||||
</header>
|
||||
<h3>BAIL COMMERCIAL</h3>
|
||||
<p>Une nouvelle articulation accords de branche/accords d’entreprise</p>
|
||||
<footer>
|
||||
<a href="#">Consulter gratuitement</a>
|
||||
</footer>
|
||||
</div>
|
||||
</li>
|
||||
<li class="freetrial-item">
|
||||
<div>Article à la une</div>
|
||||
<div>
|
||||
<h3>"L'ACCORD SUR LA FORMATION PROFESSIONNELLE MANQUE D’AMBITION"</h3>
|
||||
<p>Marc Dennery, co-fondateur et co-dirigeant de C-Campus, regrette que le projet d'accord soumis à signature ne modifie pas en profondeur le système de la formation professionnelle. Loin des annonces de l'été 2017. Interview...</p>
|
||||
<footer>
|
||||
<a href="#">Consulter gratuitement</a>
|
||||
</footer>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<footer>
|
||||
<a href="#">Tous nos produits pour <b>gratuitement</b></a>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="newsletter">
|
||||
<p>Suivez toute notre actualité en vous inscrivant à notre newsletter</p>
|
||||
<form action="#">
|
||||
<input type="text" placeholder="Votre adresse mail">
|
||||
<button type="submit">S'inscrire</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="contact-info">
|
||||
<div class="logo">
|
||||
<img src="#" alt="éditions législatives logo">
|
||||
</div>
|
||||
<div class="phone">
|
||||
<p>Appelez-nous !</p>
|
||||
<address><a href="tel:0189786312">01 89 78 63 12</a></address>
|
||||
</div>
|
||||
<ul class="social-links">
|
||||
<li><a href="facebook.com">F</a></li>
|
||||
<li><a href="twitter.com">T</a></li>
|
||||
<li><a href="linkedin.com">L</a></li>
|
||||
<li><a href="youtube.com">Y</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sitemap">
|
||||
<div>
|
||||
<h4>NOS MÉTIERS</h4>
|
||||
<ul>
|
||||
<li><a href="#">Ressources humaines</a></li>
|
||||
<li><a href="#">Représentant du personnel</a></li>
|
||||
<li><a href="#">Experts-comptables</a></li>
|
||||
<li><a href="#">Avocats et directions juridiques</a></li>
|
||||
<li><a href="#">HSE</a></li>
|
||||
<li><a href="#">Collectivités territoriales</a></li>
|
||||
<li><a href="#">Immobilier</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4>NOS DOMAINES</h4>
|
||||
<ul>
|
||||
<li><a href="#">Ressources humaines</a></li>
|
||||
<li><a href="#">Représentant du personnel</a></li>
|
||||
<li><a href="#">Experts-comptables</a></li>
|
||||
<li><a href="#">Avocats et directions juridiques</a></li>
|
||||
<li><a href="#">HSE</a></li>
|
||||
<li><a href="#">Collectivités territoriales</a></li>
|
||||
<li><a href="#">Immobilier</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4>À PROPOS</h4>
|
||||
<ul>
|
||||
<li><a href="#">Ressources humaines</a></li>
|
||||
<li><a href="#">Représentant du personnel</a></li>
|
||||
<li><a href="#">Experts-comptables</a></li>
|
||||
<li><a href="#">Avocats et directions juridiques</a></li>
|
||||
<li><a href="#">HSE</a></li>
|
||||
<li><a href="#">Collectivités territoriales</a></li>
|
||||
<li><a href="#">Immobilier</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4>TOP RECHERCHE</h4>
|
||||
<ul>
|
||||
<li><a href="#">Ressources humaines</a></li>
|
||||
<li><a href="#">Représentant du personnel</a></li>
|
||||
<li><a href="#">Experts-comptables</a></li>
|
||||
<li><a href="#">Avocats et directions juridiques</a></li>
|
||||
<li><a href="#">HSE</a></li>
|
||||
<li><a href="#">Collectivités territoriales</a></li>
|
||||
<li><a href="#">Immobilier</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user