TEC : Animations menu
This commit is contained in:
Anthony Mahe
@@ -6,12 +6,11 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
row-gap: 10px;
|
row-gap: 10px;
|
||||||
column-gap: 2em;
|
column-gap: 0.7rem;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #CC4331;
|
background-color: #CC4331;
|
||||||
margin: auto;
|
padding: 1rem 1rem;
|
||||||
padding: 0.7rem 1rem;
|
|
||||||
color: #F9E7DB;
|
color: #F9E7DB;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
|
|||||||
257
index.html
257
index.html
@@ -25,142 +25,143 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="contact">
|
|
||||||
<div>Tel : 06.......... </div>
|
<header class="header">
|
||||||
<div>
|
<div class="contact">
|
||||||
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
|
<div>Tel : 06.......... </div>
|
||||||
Rendez vous en ligne
|
<div>
|
||||||
</a>
|
<a href="https://consultation.avocat.fr/avocat-nantes/charline-pasteur-54896.html" class="button">
|
||||||
</div>
|
Rendez vous en ligne
|
||||||
<div>
|
</a>
|
||||||
Email : c.pasteuravocate@gmail.com
|
</div>
|
||||||
|
<div>
|
||||||
|
Email : c.pasteuravocate@gmail.com
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<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" />
|
||||||
|
<label class="menu-icon" for="menu-btn">
|
||||||
|
<span class="navicon"></span>
|
||||||
|
</label>
|
||||||
|
<nav class="nav-wrapper" aria-label="Menu principal">
|
||||||
|
<ul class="menu">
|
||||||
|
<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><a href="honoraires.html">Honoraires</a></li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<div class="banner banner-accueil">
|
||||||
</div>
|
</div>
|
||||||
<header class="header">
|
<main>
|
||||||
<a href="index.html" class="logo">
|
<section id="accueil">
|
||||||
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
|
<div class="">
|
||||||
Charline Pasteur, Avocate
|
<div>
|
||||||
</a>
|
<h1>Charline Pasteur</h1>
|
||||||
<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">
|
|
||||||
<ul class="menu">
|
|
||||||
<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><a href="honoraires.html">Honoraires</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</header>
|
|
||||||
<div class="banner banner-accueil">
|
|
||||||
</div>
|
|
||||||
<main>
|
|
||||||
<section id="accueil">
|
|
||||||
<div class="">
|
|
||||||
<div>
|
|
||||||
<h1>Charline Pasteur</h1>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<h1>Avocate au Barreau de Nantes</h1>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="presentation">
|
<div>
|
||||||
<div class="portrait">
|
<h1>Avocate au Barreau de Nantes</h1>
|
||||||
<img src="assets/img/portraitCharlinePasteur.jpg">
|
|
||||||
</div>
|
|
||||||
<div class="texte">
|
|
||||||
<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
|
|
||||||
du
|
|
||||||
Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de
|
|
||||||
Nantes en
|
|
||||||
janvier
|
|
||||||
2018.
|
|
||||||
Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité,
|
|
||||||
probité,
|
|
||||||
conscience et indépendance.
|
|
||||||
</p>
|
|
||||||
<p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles
|
|
||||||
mais aussi
|
|
||||||
de
|
|
||||||
causes collectives, le droit étant à mes yeux avant tout un outil au service des droits
|
|
||||||
humains.
|
|
||||||
Parmi
|
|
||||||
ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent
|
|
||||||
particulièrement.
|
|
||||||
</p>
|
|
||||||
<p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à
|
|
||||||
travers
|
|
||||||
une
|
|
||||||
année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis
|
|
||||||
d'obtenir le
|
|
||||||
Diplôme
|
|
||||||
Universitaire « Protection de l'Enfance ».
|
|
||||||
</p>
|
|
||||||
<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.
|
|
||||||
</p>
|
|
||||||
<p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs,
|
|
||||||
du droit
|
|
||||||
de la
|
|
||||||
famille et du droit de l'éducation. J'exerce également dans le domaine du droit des
|
|
||||||
étrangers.
|
|
||||||
</p>
|
|
||||||
<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.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="specialiste">
|
|
||||||
<img src="assets/img/specialiste.png">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
|
<div class="presentation">
|
||||||
|
<div class="portrait">
|
||||||
|
<img src="assets/img/portraitCharlinePasteur.jpg">
|
||||||
|
</div>
|
||||||
|
<div class="texte">
|
||||||
|
<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
|
||||||
|
du
|
||||||
|
Barreau à Paris, j'ai débuté mon exercice en tant qu'avocate au sein du Barreau de
|
||||||
|
Nantes en
|
||||||
|
janvier
|
||||||
|
2018.
|
||||||
|
Conformément au serment que j'ai prêté, j'exerce ma profession avec dignité, humanité,
|
||||||
|
probité,
|
||||||
|
conscience et indépendance.
|
||||||
|
</p>
|
||||||
|
<p>Au quotidien, j'ai à cœur de mettre mes compétences au service de causes individuelles
|
||||||
|
mais aussi
|
||||||
|
de
|
||||||
|
causes collectives, le droit étant à mes yeux avant tout un outil au service des droits
|
||||||
|
humains.
|
||||||
|
Parmi
|
||||||
|
ces causes, défendre l'intérêt supérieur de l'enfant et porter leur parole m'animent
|
||||||
|
particulièrement.
|
||||||
|
</p>
|
||||||
|
<p>La justice des mineurs étant une justice spécialisée, j'ai souhaité me former davantage à
|
||||||
|
travers
|
||||||
|
une
|
||||||
|
année de formation en 2022/2023 auprès de l'Université de Bordeaux m'ayant permis
|
||||||
|
d'obtenir le
|
||||||
|
Diplôme
|
||||||
|
Universitaire « Protection de l'Enfance ».
|
||||||
|
</p>
|
||||||
|
<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.
|
||||||
|
</p>
|
||||||
|
<p>Je pratique ainsi les contentieux de l'assistance éducative, du droit pénal des mineurs,
|
||||||
|
du droit
|
||||||
|
de la
|
||||||
|
famille et du droit de l'éducation. J'exerce également dans le domaine du droit des
|
||||||
|
étrangers.
|
||||||
|
</p>
|
||||||
|
<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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="specialiste">
|
||||||
|
<img src="assets/img/specialiste.png">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<section id="domaines">
|
<section id="domaines">
|
||||||
<h2>Domaines d'intervention</h2>
|
<h2>Domaines d'intervention</h2>
|
||||||
<ul class="cards-list">
|
<ul class="cards-list">
|
||||||
<li>
|
<li>
|
||||||
<a href="assistance_educative.html"
|
<a href="assistance_educative.html"
|
||||||
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
|
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
|
||||||
<span>Assistance éducative</span>
|
<span>Assistance éducative</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="droit_penal_mineur.html"
|
<a href="droit_penal_mineur.html"
|
||||||
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
|
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
|
||||||
<span>Droit pénal des mineurs</span>
|
<span>Droit pénal des mineurs</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="droit_education.html"
|
<a href="droit_education.html"
|
||||||
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
|
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
|
||||||
<span>Droit de l'éducation</span>
|
<span>Droit de l'éducation</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="droit_etrangers.html"
|
<a href="droit_etrangers.html"
|
||||||
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
|
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
|
||||||
<span>Droit des étrangers</span>
|
<span>Droit des étrangers</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- ===== PIED-DE-PAGE ===== -->
|
<!-- ===== PIED-DE-PAGE ===== -->
|
||||||
<footer class="site-footer">
|
<footer class="site-footer">
|
||||||
<p>© 2025 - Maître Charline Pasteur. Tous droits réservés.</p>
|
<p>© 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
|
<p>Le contenu du site, y compris les illustrations, est protégé par des droits d'auteur. Les
|
||||||
illustrations
|
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>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -1,9 +1,7 @@
|
|||||||
/* Style pour le header et la navigation */
|
/* Style pour le header */
|
||||||
.header {
|
.header {
|
||||||
background-color: #F9E7DB;
|
background-color: #F9E7DB;
|
||||||
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top:40px;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -22,6 +20,29 @@
|
|||||||
padding: 0.5rem;
|
padding: 0.5rem;
|
||||||
border-right: 1px solid #F9E7DB;
|
border-right: 1px solid #F9E7DB;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.header li a {
|
||||||
|
position: relative;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
padding-bottom: 4px; /* pour éviter que la ligne touche le texte */
|
||||||
|
}
|
||||||
|
|
||||||
|
.header li a::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 0%;
|
||||||
|
height: 2px;
|
||||||
|
background-color: #CC4331;
|
||||||
|
transition: width 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header li a:hover::after {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header li a:hover,
|
.header li a:hover,
|
||||||
@@ -118,7 +139,7 @@
|
|||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Styles pour les écrans plus petits (téléphones) */
|
/* Styles pour les écrans plus grand (hors téléphones) */
|
||||||
@media (min-width: 48em) {
|
@media (min-width: 48em) {
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
|||||||
Reference in New Issue
Block a user