CSS : simplification et maj contact et banner

This commit is contained in:
Anthony Mahe
2025-05-19 16:09:23 +02:00
parent 0110e77609
commit 4790a20238
7 changed files with 171 additions and 158 deletions

View File

@@ -18,11 +18,11 @@
} }
.banner { .banner {
position: relative; margin-top: 3rem;
top:50px; background-size: contain;
background-size: cover;
background-position: center; background-position: center;
min-height: 50vh; background-repeat: no-repeat;
min-height: 70vh;
} }
.banner-accueil { .banner-accueil {
@@ -73,26 +73,9 @@
align-self: flex-end; align-self: flex-end;
font-style: italic; font-style: italic;
} }
/* Style pour téléphone portable*/
/* Styles pour les écrans plus grand */
@media (min-width: 48em) {
.banner {
padding: 2rem 1rem;
min-height: 70vh;
}
}
@media (max-width: 48em) { @media (max-width: 48em) {
.banner {
top:80px !important;
min-height: 50vh;
}
.header {
top :68px !important
}
.presentation { .presentation {
flex-direction: column; flex-direction: column;
/* les enfants s'empilent verticalement */ /* les enfants s'empilent verticalement */

View File

@@ -25,11 +25,14 @@
<body> <body>
<div class="contact"> <div class="contact">
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div> <div>Tel : 06.......... </div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
vous en Rendez vous en ligne
ligne</a> </a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div> </div>
</div> </div>
<header class="header"> <header class="header">

View File

@@ -26,11 +26,14 @@
<body> <body>
<div class="contact"> <div class="contact">
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div> <div>Tel : 06.......... </div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
vous en Rendez vous en ligne
ligne</a> </a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div> </div>
</div> </div>
<header class="header"> <header class="header">

View File

@@ -26,11 +26,14 @@
<body> <body>
<div class="contact"> <div class="contact">
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div> <div>Tel : 06.......... </div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
vous en Rendez vous en ligne
ligne</a> </a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div> </div>
</div> </div>
<header class="header"> <header class="header">

View File

@@ -24,11 +24,14 @@
<body> <body>
<div class="contact"> <div class="contact">
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div> <div>Tel : 06.......... </div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
vous en Rendez vous en ligne
ligne</a> </a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div> </div>
</div> </div>
<header class="header"> <header class="header">

View File

@@ -26,11 +26,14 @@
<body> <body>
<div class="contact"> <div class="contact">
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div> <div>Tel : 06.......... </div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
vous en Rendez vous en ligne
ligne</a> </a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div> </div>
</div> </div>
<header class="header"> <header class="header">
@@ -53,7 +56,7 @@
</ul> </ul>
</nav> </nav>
</header> </header>
<div class="banner banner-accueil" > <div class="banner banner-accueil">
</div> </div>
<main> <main>
<section id="accueil"> <section id="accueil">
@@ -71,35 +74,46 @@
</div> </div>
<div class="texte"> <div class="texte">
<h2>Spécialiste droit des enfants</h2> <h2>Spécialiste droit des enfants</h2>
<p>Ayant obtenu mon certificat d'aptitude à la profession d'Avocat au sein de l'École de Formation <p>Ayant obtenu mon certificat d'aptitude à la profession d'Avocat au sein de l'École de
Formation
du du
Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de Nantes en Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de
Nantes en
janvier janvier
2018. 2018.
Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité, probité, Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité,
probité,
conscience et indépendance. conscience et indépendance.
</p> </p>
<p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles mais aussi <p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles
mais aussi
de de
causes collectives, le droit étant à mes yeux avant tout un outil au service des droits humains. causes collectives, le droit étant à mes yeux avant tout un outil au service des droits
humains.
Parmi Parmi
ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent
particulièrement. particulièrement.
</p> </p>
<p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à travers <p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à
travers
une une
année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis d'obtenir le année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis
d'obtenir le
Diplôme Diplôme
Universitaire « Protection de l'Enfance ». Universitaire « Protection de l'Enfance ».
</p> </p>
<p>J'ai également obtenu le certificat de spécialisation « Droit des enfants » en décembre 2024 me <p>J'ai également obtenu le certificat de spécialisation « Droit des enfants » en décembre
2024 me
permettant aujourd'hui d'exercer comme avocate spécialiste. permettant aujourd'hui d'exercer comme avocate spécialiste.
</p> </p>
<p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs, du droit <p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs,
du droit
de la de la
famille et du droit de l'éducation. J'exerce également dans le domaine du droit des étrangers. famille et du droit de l'éducation. J'exerce également dans le domaine du droit des
étrangers.
</p> </p>
<p>Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la commission <p>Je suis membre de l'Association de Défense du droit des mineurs à Nantes et j'anime la
commission
mineure du Syndicat des Avocats de France. mineure du Syndicat des Avocats de France.
</p> </p>
</div> </div>
@@ -142,7 +156,8 @@
<footer class="site-footer"> <footer class="site-footer">
<p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p> <p>&copy; 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
<p><a href="mentions.html">Mentions légales</a></p> <p><a href="mentions.html">Mentions légales</a></p>
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les illustrations <p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les
illustrations
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p> présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
</footer> </footer>
<script src="script.js" defer></script> <script src="script.js" defer></script>

View File

@@ -24,11 +24,14 @@
<body> <body>
<div class="contact"> <div class="contact">
<div>Tel : 06.......... Email : c.pasteuravocate@gmail.com</div> <div>Tel : 06.......... </div>
<div> <div>
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">Rendez <a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
vous en Rendez vous en ligne
ligne</a> </a>
</div>
<div>
Email : c.pasteuravocate@gmail.com
</div> </div>
</div> </div>
<header class="header"> <header class="header">