Compare commits
2 Commits
4790a20238
...
23f9b448b4
| Author | SHA1 | Date | |
|---|---|---|---|
|
23f9b448b4 | ||
|
|
bb2f00a9a8 |
24
class.css
24
class.css
@@ -1,22 +1,4 @@
|
||||
/* Style de la bannière */
|
||||
.contact {
|
||||
top: 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 10px;
|
||||
column-gap: 2em;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #CC4331;
|
||||
margin: auto;
|
||||
padding: 0.7rem 1rem;
|
||||
color: #F9E7DB;
|
||||
z-index: 100;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.banner {
|
||||
margin-top: 3rem;
|
||||
background-size: contain;
|
||||
@@ -73,8 +55,12 @@
|
||||
align-self: flex-end;
|
||||
font-style: italic;
|
||||
}
|
||||
/* Style pour téléphone portable*/
|
||||
|
||||
/* Style pour téléphone portable*/
|
||||
@media (max-width: 48em) {
|
||||
.banner {
|
||||
min-height: 40vh;
|
||||
}
|
||||
|
||||
.presentation {
|
||||
flex-direction: column;
|
||||
|
||||
257
index.html
257
index.html
@@ -25,142 +25,143 @@
|
||||
</head>
|
||||
|
||||
<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
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<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" />
|
||||
<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>
|
||||
<main>
|
||||
<section id="accueil">
|
||||
<div class="">
|
||||
<div>
|
||||
<h1>Charline Pasteur</h1>
|
||||
</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>
|
||||
<h1>Avocate au Barreau de Nantes</h1>
|
||||
</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">
|
||||
<h2>Domaines d'intervention</h2>
|
||||
<ul class="cards-list">
|
||||
<li>
|
||||
<a href="assistance_educative.html"
|
||||
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
|
||||
<span>Assistance éducative</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_penal_mineur.html"
|
||||
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
|
||||
<span>Droit pénal des mineurs</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_education.html"
|
||||
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
|
||||
<span>Droit de l'éducation</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_etrangers.html"
|
||||
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
|
||||
<span>Droit des étrangers</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
<section id="domaines">
|
||||
<h2>Domaines d'intervention</h2>
|
||||
<ul class="cards-list">
|
||||
<li>
|
||||
<a href="assistance_educative.html"
|
||||
style="background-image: url('assets/img/AssistanceEducative.jpg');"></a>
|
||||
<span>Assistance éducative</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_penal_mineur.html"
|
||||
style="background-image: url('assets/img/DroitPenaldesMineurs.jpg');"></a>
|
||||
<span>Droit pénal des mineurs</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_education.html"
|
||||
style="background-image: url('assets/img/DroitddelEducation.jpg');"></a>
|
||||
<span>Droit de l'éducation</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="droit_etrangers.html"
|
||||
style="background-image: url('assets/img/DroitdesEtrangers.jpg');"></a>
|
||||
<span>Droit des étrangers</span>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
|
||||
</main>
|
||||
</main>
|
||||
|
||||
<!-- ===== PIED-DE-PAGE ===== -->
|
||||
<footer class="site-footer">
|
||||
<p>© 2025 - Maître Charline Pasteur. Tous droits réservés.</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
|
||||
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
|
||||
</footer>
|
||||
<script src="script.js" defer></script>
|
||||
<!-- ===== PIED-DE-PAGE ===== -->
|
||||
<footer class="site-footer">
|
||||
<p>© 2025 - Maître Charline Pasteur. Tous droits réservés.</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
|
||||
présentes sont la propriété de Marion Monnier. Pour en savoir plus, visitez www.creayon.fr.</p>
|
||||
</footer>
|
||||
<script src="script.js" defer></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,9 +1,24 @@
|
||||
/* Style pour le header et la navigation */
|
||||
/* Style pour le header */
|
||||
.contact {
|
||||
top: 0;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
row-gap: 10px;
|
||||
column-gap: 0.7rem;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #CC4331;
|
||||
padding: 1rem 1rem;
|
||||
color: #F9E7DB;
|
||||
z-index: 100;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.header {
|
||||
background-color: #F9E7DB;
|
||||
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .1);
|
||||
position: fixed;
|
||||
top:40px;
|
||||
width: 100%;
|
||||
z-index: 3;
|
||||
align-items: center;
|
||||
@@ -22,6 +37,29 @@
|
||||
padding: 0.5rem;
|
||||
border-right: 1px solid #F9E7DB;
|
||||
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,
|
||||
@@ -118,7 +156,7 @@
|
||||
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) {
|
||||
|
||||
.header {
|
||||
|
||||
Reference in New Issue
Block a user