TEC : Mise à jour menu sandwish à droite
This commit is contained in:
@@ -38,15 +38,17 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
<div class="nav-phone">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
|
||||
20
contact.html
20
contact.html
@@ -36,15 +36,17 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
<div class="nav-phone">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
|
||||
@@ -36,15 +36,17 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
<div class="nav-phone">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
|
||||
@@ -38,15 +38,17 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
<div class="nav-phone">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
|
||||
@@ -37,15 +37,17 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
<div class="nav-phone">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
|
||||
@@ -36,15 +36,17 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
<div class="nav-phone">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
|
||||
@@ -46,11 +46,11 @@
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
<ul class="menu" id="menuXL">
|
||||
|
||||
@@ -36,15 +36,17 @@
|
||||
</div>-->
|
||||
</div>
|
||||
<div class="navigation">
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
<div class="nav-phone">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
||||
<span>Charline Pasteur, Avocate</span>
|
||||
</a>
|
||||
</div>
|
||||
<input class="menu-btn" type="checkbox" id="menu-btn" />
|
||||
<label class="menu-icon" for="menu-btn">
|
||||
<span class="navicon"></span>
|
||||
</label>
|
||||
</div>
|
||||
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||
<!-- Grand écran : aucun sous-menu -->
|
||||
|
||||
@@ -130,7 +130,7 @@ nav {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@media (max-width: 1299px) and (min-width: 100px) {
|
||||
@media (max-width: 1299px) and (min-width: 1050px) {
|
||||
#menuXL {
|
||||
display: none;
|
||||
}
|
||||
@@ -141,7 +141,7 @@ nav {
|
||||
}
|
||||
|
||||
/* Masque le texte après le logo pour écran moyen comme tablette*/
|
||||
@media (max-width: 999px) and (min-width: 850px) {
|
||||
@media (max-width: 1049px) and (min-width: 850px) {
|
||||
.logo span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user