BETA-1.1
Finished responsive CSS. Merged and optimized existing CSS styles.
This commit is contained in:
AlexisNP
104
index.html
104
index.html
@@ -16,6 +16,7 @@
|
||||
<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">
|
||||
<script src="https://kit.fontawesome.com/fc86bb0b54.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -31,13 +32,7 @@
|
||||
</div>
|
||||
<div class="my-cart">
|
||||
<a href="#">
|
||||
<svg style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 382 467.5" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd">
|
||||
<g>
|
||||
<path class="fil0" d="M11 0l59 14c4,0 6,3 7,6l9 44 289 27c5,1 9,6 7,11l-45 138c-1,4 -4,6 -8,6l-205 0 4 21 198 0c11,0 11,20 0,20l-207 0c-4,0 -8,-2 -9,-7l-51 -248 -52 -12c-12,-3 -7,-22 4,-20zm79 84l29 142 202 0 38 -116 -269 -26z"/>
|
||||
<path class="fil0" d="M163 296c21,0 39,18 39,39 0,22 -18,39 -39,39 -21,0 -39,-17 -39,-39 0,-21 18,-39 39,-39zm0 20c-10,0 -19,9 -19,19 0,11 8,19 19,19 10,0 19,-8 19,-19 0,-10 -9,-19 -19,-19z"/>
|
||||
<path class="fil0" d="M284 296c21,0 39,18 39,39 0,22 -18,39 -39,39 -21,0 -39,-17 -39,-39 0,-21 18,-39 39,-39zm0 20c-10,0 -19,9 -19,19 0,11 9,19 19,19 10,0 19,-8 19,-19 0,-10 -9,-19 -19,-19z"/>
|
||||
</g>
|
||||
</svg>
|
||||
<i class="fas fa-shopping-cart fa-2x"></i>
|
||||
<div class="cart-itemcounter">2</div>
|
||||
</a>
|
||||
</div>
|
||||
@@ -72,14 +67,14 @@
|
||||
|
||||
<div class="ourproducts">
|
||||
<header>
|
||||
<label>Nos produits pour :</label>
|
||||
<label>Nos produits pour:</label>
|
||||
<div class="btn-group">
|
||||
<button type="button" class="product-tag rh active">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 acl">Administrations & collectivités locales</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>
|
||||
</div>
|
||||
</header>
|
||||
@@ -110,7 +105,7 @@
|
||||
<p>La réforme du code du travail : Ce qui change !</p>
|
||||
<footer>
|
||||
<a href="#">
|
||||
<span>Ajouter au panier</span>
|
||||
<span><i class="fas fa-shopping-cart"></i> Ajouter au panier</span>
|
||||
</a>
|
||||
</footer>
|
||||
</div>
|
||||
@@ -163,50 +158,49 @@
|
||||
<p><b>SANS ENGAGEMENTS ET EN ACCES ILLIMITÉ PENDANT 15 JOURS.</b></p>
|
||||
</header>
|
||||
<ul class="product-list">
|
||||
|
||||
<li class="product-item">
|
||||
<div class="title">Dossier spécial</div>
|
||||
<div class="product-card">
|
||||
<header>
|
||||
<img src="./img/products/brp-gerer-la-mobilite-en-entreprise.png" alt="#">
|
||||
<b class="price">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="product-item">
|
||||
<div class="title">Top téléchargement</div>
|
||||
<div class="product-card">
|
||||
<header>
|
||||
<img src="./img/products/baux_commerciaux.png" alt="#">
|
||||
<b class="price">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="product-item">
|
||||
<div class="title">Article à la une</div>
|
||||
<div class="product-card">
|
||||
<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>
|
||||
<li class="product-item">
|
||||
<div class="title">Dossier spécial</div>
|
||||
<div class="product-card">
|
||||
<header>
|
||||
<img src="./img/products/brp-gerer-la-mobilite-en-entreprise.png" alt="#">
|
||||
<b class="price">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="product-item">
|
||||
<div class="title">Top téléchargement</div>
|
||||
<div class="product-card">
|
||||
<header>
|
||||
<img src="./img/products/baux_commerciaux.png" alt="#">
|
||||
<b class="price">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="product-item">
|
||||
<div class="title">Article à la une</div>
|
||||
<div class="product-card">
|
||||
<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="#">Toutes nos ressources à consulter <b>gratuitement</b></a>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="newsletter">
|
||||
@@ -227,10 +221,10 @@
|
||||
<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>
|
||||
<li><a href="facebook.com"><i class="fab fa-facebook-f"></i></a></li>
|
||||
<li><a href="twitter.com"><i class="fab fa-twitter"></i></a></li>
|
||||
<li><a href="linkedin.com"><i class="fab fa-linkedin-in"></i></a></li>
|
||||
<li><a href="youtube.com"><i class="fab fa-youtube"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sitemap">
|
||||
|
||||
Reference in New Issue
Block a user