anthony/avocate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: anthony:6add698310923c6c2fcc9b9178a7b7d5e1c22ce6
Branches Tags
anthony:main anthony:alternatif
anthony:1.0.0
..
compare: anthony:80fb4dc6475352ad05f724c4d6f9c87e13d9c51a
Branches Tags
anthony:main anthony:alternatif
anthony:1.0.0

3 Commits
6add698310 ... 80fb4dc647

Author SHA1 Message Date
Anthony Mahe
80fb4dc647 CSS : Centrage texte 2025-06-01 12:12:49 +02:00
Anthony Mahe
54cc601916 TEC : Changement couleur image 2025-05-29 14:47:51 +02:00
Anthony Mahé
87691ed685 TEC : Mise à jour menu sandwish à droite 2025-05-27 09:52:20 +02:00
22 changed files with 157 additions and 134 deletions
Expand all files Collapse all files

BIN
assets/img/banner-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
assets2/img/AssistanceEducative.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
assets2/img/CharlinePasteur-banniere.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 593 KiB

BIN
assets2/img/DroitPenaldesMineurs.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

BIN
assets2/img/DroitddelEducation.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 304 KiB

BIN
assets2/img/DroitdesEtrangers.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 226 KiB

BIN
assets2/img/banner-mobile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
assets2/img/logo.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
assets2/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
assets2/img/portraitCharlinePasteur.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

BIN
assets2/img/specialiste.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

16
assistance_educative.html
View File

@@ -14,14 +14,14 @@
<meta property="og:description" <meta property="og:description"
content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." /> content="Informations juridiques et accompagnement en matière d'assistance éducative à Nantes et Pays de la Loire." />
<meta property="og:url" content="https://www.pasteuravocate.com/assistance_educative.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/assistance_educative.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets2/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/assistance_educative.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/assistance_educative.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
@@ -38,16 +38,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <div class="nav-phone">
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </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"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">

41
class.css
View File

@@ -8,23 +8,23 @@
} }
.banner-accueil { .banner-accueil {
background-image: url('assets/img/CharlinePasteur-banniere.jpg'); background-image: url('assets2/img/CharlinePasteur-banniere.jpg');
} }
.banner-droit-education { .banner-droit-education {
background-image: url('assets/img/DroitddelEducation.jpg'); background-image: url('assets2/img/DroitddelEducation.jpg');
} }
.banner-droit-etrangers { .banner-droit-etrangers {
background-image: url('assets/img/DroitdesEtrangers.jpg'); background-image: url('assets2/img/DroitdesEtrangers.jpg');
} }
.banner-droit-penal-mineur { .banner-droit-penal-mineur {
background-image: url('assets/img/DroitPenaldesMineurs.jpg'); background-image: url('assets2/img/DroitPenaldesMineurs.jpg');
} }
.banner-assistance-educative { .banner-assistance-educative {
background-image: url('assets/img/AssistanceEducative.jpg'); background-image: url('assets2/img/AssistanceEducative.jpg');
} }
.button { .button {
@@ -56,31 +56,39 @@
font-style: italic; font-style: italic;
} }
/* Style pour téléphone portable*/
@media (max-width: 849px) {
.banner {
background-size: cover;
min-height: 50vh;
}
@media (max-width: 849px) {
.presentation { .presentation {
flex-direction: column; flex-direction: column;
/* les enfants s'empilent verticalement */ /* les enfants s'empilent verticalement */
align-items: center; align-items: center;
} }
.portrait img, .portrait img,
.specialiste img { .specialiste img {
max-width: 80%; max-width: 80%;
/* pour s'adapter au petit écran */ /* pour s'adapter au petit écran */
padding: 1rem; padding: 1rem;
} }
.texte { .texte {
padding: 1rem; padding: 1rem;
} }
} }
/* Style pour petits écrans*/
@media (max-width: 600px) {
.banner {
background-size: center;
min-height: 50vh;
}
.banner-accueil {
background-image: url('assets2/img/banner-mobile.png');
}
}
@media (max-width: 499px) {
}
.cards-list { .cards-list {
list-style: none; list-style: none;
padding: 0; padding: 0;
@@ -112,14 +120,13 @@
.cards-list li span { .cards-list li span {
margin-top: 1rem; margin-top: 1rem;
display: block; display: block;
text-align: center; text-align: center;
color: #CC4331; color: #CC4331;
background-color: transparent; background-color: transparent;
font-size: 1.5em; font-size: 1.4em;
font-weight: bold; font-weight: bold;
margin: 1rem 0.7rem; margin: 1rem 0.1rem;
} }
.presentation { .presentation {
@@ -138,8 +145,10 @@
.texte { .texte {
flex-grow: 6; flex-grow: 6;
text-align: justify;
} }
.specialiste { .specialiste {
flex-grow: 1; flex-grow: 1;
} }

26
contact.html
View File

@@ -14,12 +14,12 @@
<meta property="og:description" <meta property="og:description"
content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." /> content="Contact téléphonique, adresse mail et plan d'accès au cabinet de maitre Pasteur." />
<meta property="og:url" content="https://www.pasteuravocate.com/contact.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/contact.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/contact.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/contact.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
@@ -36,16 +36,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <div class="nav-phone">
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </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"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
@@ -89,7 +91,7 @@
</div> </div>
<div class="presentation"> <div class="presentation">
<div class="portrait"> <div class="portrait">
<img src="assets/img/portraitCharlinePasteur.jpg"> <img src="assets2/img/portraitCharlinePasteur.jpg">
</div> </div>
<div class="texte"> <div class="texte">
<h2>Spécialiste droit des enfants</h2> <h2>Spécialiste droit des enfants</h2>
@@ -126,7 +128,7 @@
</p> </p>
</div> </div>
<div class="specialiste"> <div class="specialiste">
<img src="assets/img/specialiste.png"> <img src="assets2/img/specialiste.png">
</div> </div>
</div> </div>
</section> </section>
@@ -136,22 +138,22 @@
<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('assets2/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('assets2/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('assets2/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('assets2/img/DroitdesEtrangers.jpg');"></a>
<span>Droit des étrangers</span> <span>Droit des étrangers</span>
</li> </li>
</ul> </ul>

16
droit_education.html
View File

@@ -13,14 +13,14 @@
<meta property="og:description" <meta property="og:description"
content="Conseil et contentieux droits en matière de l'éducation à Nantes et Pays de la Loire." /> content="Conseil et contentieux droits en matière de l'éducation à Nantes et Pays de la Loire." />
<meta property="og:url" content="https://www.pasteuravocate.com/droit_education.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/droit_education.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets2/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/droit_education.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/droit_education.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <header class="header"> <body> <header class="header">
@@ -36,16 +36,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <div class="nav-phone">
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </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"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">

16
droit_etrangers.html
View File

@@ -14,14 +14,14 @@
<meta property="og:description" <meta property="og:description"
content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." /> content="Conseil et contentieux en matière de droit des étrangers à Nantes et Pays de la Loire." />
<meta property="og:url" content="https://www.pasteuravocate.com/droit_etrangers.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/droit_etrangers.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets2/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/droit_etrangers.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/droit_etrangers.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
@@ -38,16 +38,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <div class="nav-phone">
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </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"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">

16
droit_penal_mineur.html
View File

@@ -14,14 +14,14 @@
<meta property="og:description" <meta property="og:description"
content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." /> content="Conseil et contentieux en matière de droit pénal des mineurs à Nantes et Pays de la Loire." />
<meta property="og:url" content="https://www.pasteuravocate.com/droit_penal_mineur.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/droit_penal_mineur.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets2/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/droit_penal_mineur.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body><header class="header"> <body><header class="header">
@@ -37,16 +37,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <div class="nav-phone">
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </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"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">

16
honoraires.html
View File

@@ -12,14 +12,14 @@
<meta property="og:title" content="Honoraires - Charline Pasteur, Avocate à Nantes" /> <meta property="og:title" content="Honoraires - Charline Pasteur, Avocate à Nantes" />
<meta property="og:description" content="Honoraires" /> <meta property="og:description" content="Honoraires" />
<meta property="og:url" content="https://www.pasteuravocate.com/honoraires.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/honoraires.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets2/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/honoraires.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/honoraires.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
@@ -36,16 +36,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <div class="nav-phone">
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </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"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">

30
index.html
View File

@@ -5,7 +5,6 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Charline Pasteur - Avocate au barreau de Nantes</title> <title>Charline Pasteur - Avocate au barreau de Nantes</title>
<meta name="description" <meta name="description"
content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droit des mineurs à Nantes et Pays de la Loire." /> content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droit des mineurs à Nantes et Pays de la Loire." />
@@ -14,18 +13,17 @@
<meta property="og:description" <meta property="og:description"
content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droits des mineurs à Nantes et Pays de la Loire." /> content="Conseil et contentieux en droit des enfants, assistance éducative, droit pénal des mineurs, droits de l'éducation et droits des mineurs à Nantes et Pays de la Loire." />
<meta property="og:url" content="https://www.pasteuravocate.com" /> <meta property="og:url" content="https://www.pasteuravocate.com" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets2/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com" /> <link rel="canonical" href="https://www.pasteuravocate.com" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
<header class="header"> <header class="header">
<div class="contact"> <div class="contact">
<div>Tel : 06.......... </div> <div>Tel : 06.......... </div>
@@ -46,15 +44,15 @@
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </div>
</div>
<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>
<nav class="nav-wrapper" aria-label="Menu principal"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">
<li><a href="index.html"><span>Accueil</span></a></li> <li><a href="index.html" class="active">Accueil</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>
@@ -64,7 +62,7 @@
</ul> </ul>
<!-- Tablette --> <!-- Tablette -->
<ul class="menu" id="menuM"> <ul class="menu" id="menuM">
<li><a href="index.html">Accueil</a></li> <li><a href="index.html" class="active">Accueil</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>
@@ -84,17 +82,13 @@
</div> </div>
<main> <main>
<section id="accueil"> <section id="accueil">
<div class="">
<div> <div>
<h1>Charline Pasteur</h1> <h1>Charline Pasteur</h1>
</div>
<div>
<h1>Avocate au Barreau de Nantes</h1> <h1>Avocate au Barreau de Nantes</h1>
</div> </div>
</div>
<div class="presentation"> <div class="presentation">
<div class="portrait"> <div class="portrait">
<img src="assets/img/portraitCharlinePasteur.jpg"> <img src="assets2/img/portraitCharlinePasteur.jpg">
</div> </div>
<div class="texte"> <div class="texte">
<h2>Spécialiste droit des enfants</h2> <h2>Spécialiste droit des enfants</h2>
@@ -128,7 +122,7 @@
</p> </p>
</div> </div>
<div class="specialiste"> <div class="specialiste">
<img src="assets/img/specialiste.png"> <img src="assets2/img/specialiste.png">
</div> </div>
</div> </div>
</section> </section>
@@ -138,22 +132,22 @@
<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('assets2/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('assets2/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('assets2/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('assets2/img/DroitdesEtrangers.jpg');"></a>
<span>Droit des étrangers</span> <span>Droit des étrangers</span>
</li> </li>
</ul> </ul>

16
mentions.html
View File

@@ -12,14 +12,14 @@
<meta property="og:title" content="Mentions légales - Charline Pasteur, Avocate à Nantes" /> <meta property="og:title" content="Mentions légales - Charline Pasteur, Avocate à Nantes" />
<meta property="og:description" content="Mentions légales." /> <meta property="og:description" content="Mentions légales." />
<meta property="og:url" content="https://www.pasteuravocate.com/mentions.html" /> <meta property="og:url" content="https://www.pasteuravocate.com/mentions.html" />
<meta property="og:image" content="assets/img/og-cover.jpg" /> <meta property="og:image" content="assets2/img/og-cover.jpg" />
<!--<link rel="preload" href="assets/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>--> <!--<link rel="preload" href="assets2/fonts/WorkSans-Regular.woff2" as="font" type="font/woff2" crossorigin>-->
<link rel="stylesheet" href="style.css" /> <link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="class.css" /> <link rel="stylesheet" href="class.css" />
<link rel="stylesheet" href="navigation.css" /> <link rel="stylesheet" href="navigation.css" />
<link rel="canonical" href="https://www.pasteuravocate.com/mentions.html" /> <link rel="canonical" href="https://www.pasteuravocate.com/mentions.html" />
<link rel="icon" href="assets/img/logo.png"> <link rel="icon" href="assets2/img/logo.png">
</head> </head>
<body> <body>
@@ -36,16 +36,18 @@
</div>--> </div>-->
</div> </div>
<div class="navigation"> <div class="navigation">
<input class="menu-btn" type="checkbox" id="menu-btn" /> <div class="nav-phone">
<label class="menu-icon" for="menu-btn">
<span class="navicon"></span>
</label>
<div class="logo"> <div class="logo">
<a href="index.html"> <a href="index.html">
<img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate"> <img src="assets/img/logo.png" alt="Logo - Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <span>Charline Pasteur, Avocate</span>
</a> </a>
</div> </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"> <nav class="nav-wrapper" aria-label="Menu principal">
<!-- Grand écran : aucun sous-menu --> <!-- Grand écran : aucun sous-menu -->
<ul class="menu" id="menuXL"> <ul class="menu" id="menuXL">

11
navigation.css
View File

@@ -40,6 +40,11 @@
width: 100%; width: 100%;
} }
a .active {
border-bottom: solid;
border-color: #CC4331;
}
li a:hover::after { li a:hover::after {
width: 100%; width: 100%;
} }
@@ -130,7 +135,7 @@ nav {
color: #333; color: #333;
} }
@media (max-width: 1299px) and (min-width: 100px) { @media (max-width: 1299px) and (min-width: 1050px) {
#menuXL { #menuXL {
display: none; display: none;
} }
@@ -141,7 +146,7 @@ nav {
} }
/* Masque le texte après le logo pour écran moyen comme tablette*/ /* 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 { .logo span {
display: none; display: none;
} }
@@ -224,7 +229,7 @@ nav {
display: none; display: none;
} }
.menu-btn:checked~nav #menuXL { .menu-btn:checked~nav-phone #menuXL {
max-height: 100vh; max-height: 100vh;
max-width: 300px; max-width: 300px;
width: 300px; width: 300px;

5
style.css
View File

@@ -27,10 +27,11 @@ a {
text-decoration: none; text-decoration: none;
} }
h1 { h1 {
color: #bf9000; color: #CC4331;
vertical-align: baseline; vertical-align: baseline;
font-size: 2rem;
text-align: center; text-align: center;
font-size: 1.5rem;
line-height: unset !important;
} }
h2 { h2 {
color: #CC4331; color: #CC4331;