FIX : Espaces dans num téléphone + centrage linkedin

This commit is contained in:
Anthony Mahé
2025-09-02 14:29:34 +02:00
parent bd29d6e31a
commit 749b579153
11 changed files with 47 additions and 22 deletions

2
404
View File

@@ -92,7 +92,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

View File

@@ -114,7 +114,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

View File

@@ -111,7 +111,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

View File

@@ -117,7 +117,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

View File

@@ -143,7 +143,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

View File

@@ -124,7 +124,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

2
faq
View File

@@ -209,7 +209,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

View File

@@ -149,7 +149,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

View File

@@ -49,7 +49,7 @@
<a href="/"> <a href="/">
<img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261" <img src="assets/img/logo-charline-pasteur-avocate.webp" width="363" height="261"
alt="Logo de Charline Pasteur Avocate"> alt="Logo de Charline Pasteur Avocate">
<span>Charline Pasteur, Avocate</span> <strong>Charline Pasteur, Avocate</strong>
</a> </a>
</div> </div>
</div> </div>
@@ -94,7 +94,8 @@
<source srcset="assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp" media="(max-width: 849px)"> <source srcset="assets/img/avocat-droit-enfants-charline-pasteur-mobile.webp" media="(max-width: 849px)">
<!-- Image pour desktop --> <!-- Image pour desktop -->
<img src="assets/img/avocat-droit-enfants-charline-pasteur.webp" <img src="assets/img/avocat-droit-enfants-charline-pasteur.webp"
alt="Avocate spécialisée en droit des enfants à Nantes" class="banner-img" width="1920" height="803" fetchpriority="high"> alt="Avocate spécialisée en droit des enfants à Nantes" class="banner-img" width="1920" height="803"
fetchpriority="high">
</picture> </picture>
</section> </section>
<main> <main>
@@ -211,7 +212,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>
@@ -220,7 +221,12 @@
<footer class="site-footer"> <footer class="site-footer">
<div class="footer-main"> <div class="footer-main">
<div class="footer-center"> <div class="footer-center">
<p>&copy; 2025 - Maître Charline Pasteur</p> <p>&copy; 2025 - Maître Charline Pasteur
<a href="https://www.linkedin.com/in/charline-pasteur-a3550650"
class="card" title="consulter le profil LinkedIn de Charline Pasteur">
<img src="assets/img/in.webp" alt="Logo likedIn" width="32" height="32" loading="lazy">
</a>
</p>
<p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p> <p>Contenu protégé, illustrations © Marion Monnier (creayon.fr)</p>
</div> </div>
<div class="footer-right"> <div class="footer-right">

View File

@@ -178,7 +178,7 @@
<section class="section-contact"> <section class="section-contact">
<div class="btn-container"> <div class="btn-container">
<a href="contact" class="btn-contact">Contact</a> <a href="contact" class="btn-contact">Contact</a>
<a href="tel:0685985645" class="btn-phone">0685985645</a> <a href="tel:0685985645" class="btn-phone">06 85 98 56 45</a>
</div> </div>
</section> </section>
</main> </main>

31
style-min.css vendored
View File

@@ -186,7 +186,6 @@ body {
text-align: justify text-align: justify
} }
.footer-center,
.section-contact, .section-contact,
a h3, a h3,
h1, h1,
@@ -194,11 +193,31 @@ h2 {
text-align: center text-align: center
} }
.footer-center,
.specialiste { .specialiste {
flex-grow: 1 flex-grow: 1
} }
.footer-main {
display: flex;
justify-content: space-between; /* centre gauche/droite */
align-items: center;
flex-wrap: wrap; /* pour mobile */
}
.footer-center {
flex: 1;
text-align: center; /* centre le contenu */
}
.footer-center p {
display: inline-flex; /* contenu centré en ligne */
align-items: center;
gap: 6px; /* petit espace entre texte et logo */
}
.footer-center p a img {
position: relative;
top: 1px; /* léger ajustement vertical si besoin */
}
.specialiste img { .specialiste img {
padding: 2rem; padding: 2rem;
width: 100px; width: 100px;
@@ -246,8 +265,7 @@ h2 {
.btn-phone { .btn-phone {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
gap: .5rem; font-size:0.9rem;
font-size: 1rem;
text-decoration: none; text-decoration: none;
border-radius: 8px; border-radius: 8px;
font-weight: 700; font-weight: 700;
@@ -256,9 +274,10 @@ h2 {
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-y: 6px; background-position-y: 6px;
background-position-x: 6px; background-position-x: 6px;
background-size: 40px 40px; background-size: 30px 35px;
padding: .8rem 1rem .8rem 3rem; padding: .8rem 1rem .8rem 3rem;
background-color: #b00f2e background-color: #b00f2e;
width : 5.9rem;
} }
#menuXL, #menuXL,