Joururi/sample-el
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RELEASE 1.0

Browse Source 
Finished the menu, mobile versions and animations.
This commit is contained in:
AlexisNP
2019-08-22 14:11:15 +02:00
committed by GitHub
parent aa2e057741
commit 96726341b8
3 changed files with 180 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
index.html
View File

@@ -17,6 +17,9 @@
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script src="https://kit.fontawesome.com/fc86bb0b54.js"></script>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="./js/app.js"></script>
</head>
<body>
@@ -25,11 +28,11 @@
<div>
<a href="#"><img src="img/EL-logo.png" class="logo" alt="éditions législatives logo"></a>
</div>
<div class="phone">
<address><a href="tel:0189786312">01 89 78 63 12</a></address>
<b class="free-tooltip">Gratuit</b>
</div>
<nav>
<div class="phone">
<address><a href="tel:0189786312">01 89 78 63 12</a></address>
<b class="free-tooltip">Gratuit</b>
</div>
<div class="my-cart">
<a href="#">
<i class="fas fa-shopping-cart fa-2x"></i>
@@ -37,7 +40,31 @@
</a>
</div>
<button type="button" class="login-btn">Connexion</button>
<button type="button" class="menu-btn">Menu</button>
<div class="menu">
<button type="button" class="menu-btn">Menu</button>
<ul class="menu-body">
<li class="menu-item">
<a href="#" title="Accueil">
<i class="fas fa-home"></i>
</a>
</li>
<li class="menu-item">
<a href="#" title="Boutique">
<i class="fas fa-shopping-bag"></i>
</a>
</li>
<li class="menu-item">
<a href="#" title="Mon profil">
<i class="fas fa-user"></i>
</a>
</li>
<li class="menu-item">
<a href="#" title="Nous contacter">
<i class="fas fa-paper-plane"></i>
</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="news-container">
@@ -48,16 +75,19 @@
<form action="#">
<label for="q">Une recherche ?</label>
<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>
<div class="select-wrapper">
<i class="fas fa-sort-down"></i>
<select name="domain" aria-placeholder="Votre Domaine">
<option value="void" disabled selected>Votre domaine</option>
<option value="rh">Ressources humaines</option>
<option value="staffrep">Représentant du personnel</option>
<option value="accountant">Expert comptable</option>
<option value="lawyers">Avocat et direction juridique</option>
<option value="HSE">HSE</option>
<option value="regions">Collectivités territoriales</option>
<option value="housing">Immobilier</option>
</select>
</div>
<div>
<button type="submit">Rechercher</button>
</div>
@@ -285,4 +315,4 @@
</body>
</html>
</html>