EL - Alpha 1.0
Includes the barebone layout of the HTML document and barebones CSS (reset mainly)
This commit is contained in:
AlexisNP
17
css/style.css
Normal file
17
css/style.css
Normal file
@@ -0,0 +1,17 @@
|
||||
/* CSS RESET */
|
||||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
body{
|
||||
font-family: 'Open Sans', serif;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 20px;
|
||||
}
|
||||
7
img/icons/cart.svg
Normal file
7
img/icons/cart.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" 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>
|
||||
|
After Width: | Height: | Size: 966 B |
10
img/icons/doublearrow.svg
Normal file
10
img/icons/doublearrow.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97 99.625" x="0px" y="0px">
|
||||
<g data-name="Layer 2">
|
||||
<g>
|
||||
<line class="cls-1" x1="24.3" y1="22.15" x2="95.49" y2="22.15"/>
|
||||
<polyline class="cls-1" points="74.87 1.5 95.5 22.15 74.87 42.8"/>
|
||||
<line class="cls-1" x1="72.7" y1="57.55" x2="1.51" y2="57.55"/>
|
||||
<polyline class="cls-1" points="22.13 78.2 1.5 57.55 22.13 36.9"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 469 B |
6
img/icons/lock.svg
Normal file
6
img/icons/lock.svg
Normal file
@@ -0,0 +1,6 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 293 550" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd">
|
||||
<g>
|
||||
<path class="fil0" d="M67 181l160 0 0 -84c0,-44 -36,-80 -80,-80 -44,0 -80,36 -80,80l0 84zm176 0c28,1 50,23 50,51l0 158c0,28 -23,50 -50,50l-193 0c-27,0 -50,-22 -50,-50l0 -158c0,-28 22,-50 50,-51l0 -84c0,-53 43,-97 97,-97 53,0 96,44 96,97l0 84zm0 17l-193 0c-18,0 -33,15 -33,34l0 158c0,18 15,33 33,33l193 0c18,0 33,-15 33,-33l0 -158c0,-19 -15,-34 -33,-34z"/>
|
||||
<path class="fil0" d="M147 263c15,0 28,13 28,28l0 40c0,15 -13,28 -28,28 -16,0 -29,-13 -29,-28l0 -40c0,-15 13,-28 29,-28zm0 17c-7,0 -12,5 -12,11l0 40c0,6 5,11 12,11 6,0 11,-5 11,-11l0 -40c0,-6 -5,-11 -11,-11z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 901 B |
19
img/icons/medal.svg
Normal file
19
img/icons/medal.svg
Normal file
@@ -0,0 +1,19 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 55 68.75" style="enable-background:new 0 0 55 55;" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<path d="M27.6519775,29.5772095c-4.7548828,0-8.6240234-3.8686523-8.6240234-8.6240234s3.8691406-8.6245117,8.6240234-8.6245117 c4.7558594,0,8.625,3.8691406,8.625,8.6245117S32.4078369,29.5772095,27.6519775,29.5772095z M27.6519775,13.3286743 c-4.2041016,0-7.6240234,3.4204102-7.6240234,7.6245117s3.4199219,7.6240234,7.6240234,7.6240234s7.625-3.4199219,7.625-7.6240234 S31.8560791,13.3286743,27.6519775,13.3286743z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M37.3052979,34.2905884c-0.1972656,0-0.3847656-0.1181641-0.4638672-0.3129883 c-0.1035156-0.2558594,0.0205078-0.5473633,0.2763672-0.6508789c1.8984375-0.765625,3.125-2.578125,3.125-4.6171875 c0-1.5981445,0.6220703-3.1010742,1.7529297-4.2319336c1.9433594-1.9433594,1.9433594-5.1054688,0-7.0493164 c-1.1308594-1.1308594-1.7529297-2.6337891-1.7529297-4.2319336c0-2.7485352-2.2363281-4.9848633-4.984375-4.9848633 c-1.5986328,0-3.1015625-0.6225586-4.2324219-1.7529297c-1.9433594-1.9433594-5.1054688-1.9433594-7.0488281,0 c-1.1308594,1.1303711-2.6337891,1.7529297-4.2324219,1.7529297c-2.7480469,0-4.984375,2.2363281-4.984375,4.9848633 c0,1.5981445-0.6220703,3.1010742-1.7529297,4.2319336c-0.9414063,0.9418945-1.4599609,2.1933594-1.4599609,3.5249023 s0.5185547,2.5830078,1.4599609,3.5244141c1.1308594,1.1308594,1.7529297,2.6337891,1.7529297,4.2319336 c0,2.0395508,1.2265625,3.8520508,3.1240234,4.6171875c0.2568359,0.1035156,0.3808594,0.3945313,0.2773438,0.6508789 c-0.1044922,0.2568359-0.3994141,0.378418-0.6503906,0.2768555c-2.2792969-0.9189453-3.7509766-3.0952148-3.7509766-5.5449219 c0-1.3310547-0.5185547-2.5830078-1.4599609-3.5249023c-1.1308594-1.1298828-1.7529297-2.6328125-1.7529297-4.2314453 s0.6220703-3.1015625,1.7529297-4.2319336c0.9414063-0.9418945,1.4599609-2.1938477,1.4599609-3.5249023 c0-3.300293,2.6845703-5.9848633,5.984375-5.9848633c1.3310547,0,2.5830078-0.5185547,3.5253906-1.4599609 c2.3320313-2.3330078,6.1289063-2.3339844,8.4628906,0c0.9423828,0.9414063,2.1943359,1.4599609,3.5253906,1.4599609 c3.2998047,0,5.984375,2.6845703,5.984375,5.9848633c0,1.3310547,0.5185547,2.5830078,1.4599609,3.5249023 c2.3330078,2.3334961,2.3330078,6.1303711,0,8.4633789c-0.9414063,0.9418945-1.4599609,2.1938477-1.4599609,3.5249023 c0,2.4492188-1.4716797,4.6254883-3.75,5.5449219C37.4312744,34.2788696,37.3677979,34.2905884,37.3052979,34.2905884z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M27.5015869,37.881897c-0.1904297,0-0.3808594-0.0092773-0.5703125-0.0273438 c-0.2744141-0.0258789-0.4765625-0.2700195-0.4501953-0.5449219c0.0273438-0.2753906,0.2763672-0.4799805,0.5458984-0.4501953 c0.3144531,0.0292969,0.6347656,0.0292969,0.9492188,0c0.2705078-0.0288086,0.5185547,0.1748047,0.5458984,0.4501953 c0.0263672,0.2749023-0.1757813,0.519043-0.4501953,0.5449219C27.8824463,37.8726196,27.6920166,37.881897,27.5015869,37.881897z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M33.2174072,50.9985962c-0.0058594,0-0.0107422,0-0.0166016-0.0004883 c-0.1992188-0.0063477-0.375-0.1303711-0.4482422-0.315918l-5.1933594-13.1416016 c-0.0576172-0.1459961-0.0439453-0.3110352,0.0380859-0.4448242s0.2226563-0.2216797,0.3789063-0.2363281 c1.1845703-0.1132813,2.2392578-0.6015625,3.0498047-1.4121094c1.1308594-1.1303711,2.6337891-1.7529297,4.2324219-1.7529297 c0.6298828,0,1.2558594-0.1235352,1.859375-0.3676758c0.125-0.0493164,0.2617188-0.0478516,0.3847656,0.0043945 c0.1220703,0.0527344,0.21875,0.1518555,0.2675781,0.2758789l5.1591797,13.0537109 c0.0732422,0.1850586,0.0292969,0.3959961-0.1113281,0.5371094c-0.140625,0.1416016-0.3505859,0.1865234-0.5371094,0.1113281 l-5.8994141-2.3305664l-2.7119141,5.7338867C33.5865479,50.8877563,33.40979,50.9985962,33.2174072,50.9985962z M28.7203369,37.7593384l4.5380859,11.4829102l2.4189453-5.1147461c0.1123047-0.2387695,0.3935547-0.3486328,0.6357422-0.2509766 l5.2626953,2.0791016l-4.5576172-11.5317383c-0.5761719,0.1796875-1.1660156,0.2705078-1.7597656,0.2705078 c-1.3310547,0-2.5830078,0.5185547-3.5253906,1.4599609C30.9078369,36.9795532,29.8756104,37.5274048,28.7203369,37.7593384z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M21.7857666,50.9985962c-0.1923828,0-0.3691406-0.1108398-0.4521484-0.2861328l-2.7119141-5.7338867L12.72229,47.3091431 c-0.1845703,0.0751953-0.3955078,0.0302734-0.5371094-0.1113281c-0.140625-0.1411133-0.1845703-0.3520508-0.1113281-0.5371094 l5.1591797-13.0537109c0.0488281-0.1240234,0.1455078-0.2231445,0.2675781-0.2758789 c0.1210938-0.0522461,0.2597656-0.0537109,0.3847656-0.0043945c0.6035156,0.2441406,1.2294922,0.3676758,1.859375,0.3676758 c1.5986328,0,3.1015625,0.6225586,4.2324219,1.7529297c0.8105469,0.8105469,1.8652344,1.2988281,3.0498047,1.4121094 c0.15625,0.0146484,0.296875,0.1025391,0.3789063,0.2363281s0.0957031,0.2988281,0.0380859,0.4448242l-5.1933594,13.1416016 c-0.0732422,0.1855469-0.2490234,0.3095703-0.4482422,0.315918C21.7965088,50.9985962,21.791626,50.9985962,21.7857666,50.9985962 z M18.8736572,43.8413696c0.1875,0,0.3671875,0.1064453,0.4521484,0.2861328l2.4189453,5.1147461l4.5380859-11.4829102 c-1.1552734-0.2319336-2.1875-0.7797852-3.0126953-1.6049805c-0.9423828-0.9414063-2.1943359-1.4599609-3.5253906-1.4599609 c-0.59375,0-1.1835938-0.0908203-1.7597656-0.2705078l-4.5576172,11.5317383l5.2626953-2.0791016 C18.7496338,43.8526001,18.8121338,43.8413696,18.8736572,43.8413696z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.4 KiB |
7
img/icons/speechbubble.svg
Normal file
7
img/icons/speechbubble.svg
Normal file
@@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" viewBox="0 0 30 37.5" version="1.1" x="0px" y="0px">
|
||||
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
|
||||
<g sketch:type="MSArtboardGroup" transform="translate(-360.000000, -45.000000)" fill="#000000">
|
||||
<path d="M382,55 L382,48.5 C382,48.2238576 381.776142,48 381.5,48 L360.5,48 C360.223858,48 360,48.2238576 360,48.5 L360,63.5 C360,63.7761424 360.223858,64 360.5,64 L366,64 L366,67.7412109 C366,68.1937522 366.55325,68.4134892 366.863746,68.0842693 L370.71521,64 L371,64 L371,67.5 C371,67.7761424 371.223858,68 371.5,68 L378.28479,68 L382.136254,72.0842693 C382.44675,72.4134892 383,72.1937522 383,71.7412109 L383,68 L389.5,68 C389.776142,68 390,67.7761424 390,67.5 L390,55.5 C390,55.2238576 389.776142,55 389.5,55 L382,55 Z M382,56 L382,63.5 C382,63.7761424 381.776142,64 381.5,64 L372,64 L372,67 L378.5,67 C378.637685,67 378.769277,67.0567767 378.863746,67.1569416 L382,70.4815674 L382,67.5 C382,67.2238576 382.223858,67 382.5,67 L389,67 L389,56 L382,56 Z M361,49 L381,49 L381,63 L370.5,63 C370.362315,63 370.230723,63.0567767 370.136254,63.1569416 L367,66.4815674 L367,63.5 C367,63.2238576 366.776142,63 366.5,63 L361,63 L361,49 Z M366,57 C366.552285,57 367,56.5522847 367,56 C367,55.4477153 366.552285,55 366,55 C365.447715,55 365,55.4477153 365,56 C365,56.5522847 365.447715,57 366,57 Z M371,57 C371.552285,57 372,56.5522847 372,56 C372,55.4477153 371.552285,55 371,55 C370.447715,55 370,55.4477153 370,56 C370,56.5522847 370.447715,57 371,57 Z M376,57 C376.552285,57 377,56.5522847 377,56 C377,55.4477153 376.552285,55 376,55 C375.447715,55 375,55.4477153 375,56 C375,56.5522847 375.447715,57 376,57 Z" sketch:type="MSShapeGroup"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
BIN
img/landing-background.jpg
Normal file
BIN
img/landing-background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
BIN
img/products/baux_commerciaux.png
Normal file
BIN
img/products/baux_commerciaux.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 31 KiB |
BIN
img/products/brp-gerer-la-mobilite-en-entreprise.png
Normal file
BIN
img/products/brp-gerer-la-mobilite-en-entreprise.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
img/products/ordonnances-macron.png
Normal file
BIN
img/products/ordonnances-macron.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
img/products/solution_rh_paie.png
Normal file
BIN
img/products/solution_rh_paie.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
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