Mobiles : Banner COVER

This commit is contained in:
Anthony Mahe
2025-05-23 14:05:52 +02:00
parent c29b956210
commit f8eedfd006
4 changed files with 82 additions and 88 deletions

View File

@@ -25,6 +25,7 @@
</head> </head>
<body> <body>
<header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
<div> <div>
@@ -32,32 +33,49 @@
Rendez vous en ligne Rendez vous en ligne
</a> </a>
</div> </div>
<div> <!--<div>
Email : c.pasteuravocate@gmail.com Email : c.pasteuravocate@gmail.com
</div>-->
</div> </div>
</div> <div class="navigation">
<header class="header">
<a href="index.html" class="logo">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
Charline Pasteur, Avocate
</a>
<input class="menu-btn" type="checkbox" id="menu-btn" /> <input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"> <label class="menu-icon" for="menu-btn">
<span class="navicon"></span> <span class="navicon"></span>
</label> </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>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<ul class="menu"> <!-- Grand écran : aucun sous-menu -->
<li><a href="index.html">Accueil</a></li> <ul class="menu" id="menuXL">
<li><a href="index.html"><span>Accueil</span></a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li> <li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li> <li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li> <li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li> <li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li><a href="honoraires.html">Honoraires</a></li> <li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- Tablette -->
<ul class="menu" id="menuM">
<li><a href="index.html">Accueil</a></li>
<li><a href="assistance_educative.html">Assistance éducative</a></li>
<li><a href="droit_penal_mineur.html">Droit pénal des mineurs</a></li>
<li><a href="droit_education.html">Droit de l'éducation</a></li>
<li><a href="droit_etrangers.html">Droit des étrangers</a></li>
<li class="dropdown">
<span class="dropdown-label">Autre ⏷</span>
<ul class="submenu">
<li><a href="honoraires.html">Honoraires</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</li>
</ul> </ul>
</nav> </nav>
</div>
</header> </header>
<div class="banner banner-assistance-educative"> <div class="banner banner-assistance-educative">
</div> </div>

View File

@@ -57,9 +57,10 @@
} }
/* Style pour téléphone portable*/ /* Style pour téléphone portable*/
@media (max-width: 48em) { @media (max-width: 849px) {
.banner { .banner {
min-height: 40vh; background-size: cover;
min-height: 50vh;
} }
.presentation { .presentation {

View File

@@ -23,19 +23,7 @@
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets/img/logo.png">
</head> </head>
<body> <body> <header class="header">
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div>
</div>
<header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
<div> <div>

View File

@@ -25,17 +25,6 @@
</head> </head>
<body> <body>
<div class="contact">
<div>Tel : 06.......... </div>
<div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
Rendez vous en ligne
</a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div>
</div>
<header class="header"> <header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
@@ -143,8 +132,6 @@
</p> </p>
</div> </div>
</section> </section>
</main> </main>
<!-- ===== PIED-DE-PAGE ===== --> <!-- ===== PIED-DE-PAGE ===== -->