<!-- ═══════════════════════════════════════════ FOOTER – Samuel Maurin Colle ce bloc dans ton et le
là où tu veux l'afficher ═══════════════════════════════════════════ --> <!-- 1. STYLES → à coller dans ton --> /* Google Fonts – ajoute aussi ce dans ton si pas déjà présent : */ .sm-footer { width: 100%; padding: 56px 40px 40px; border-top: none; background: #fff; text-align: center; } /* ligne décorative + label */ .sm-footer__share-row { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 36px; } .sm-footer__share-row::before, .sm-footer__share-row::after { content: ''; flex: 0 0 60px; height: 1px; background: #b8afa6; } .sm-footer__share-label { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.35em; color: #9a9087; text-transform: uppercase; } /* rangée d'infos */ .sm-footer__info { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 28px; } .sm-footer__sep { display: inline-block; width: 1px; height: 14px; background: #c8bfb6; margin: 0 20px; } /* nom */ .sm-footer__name { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; letter-spacing: 0.12em; color: #2a2520; text-transform: uppercase; } /* rôles */ .sm-footer__role { font-family: 'Montserrat', sans-serif; font-size: 9.5px; font-weight: 400; letter-spacing: 0.3em; color: #7a8c6e; text-transform: uppercase; } /* localisation */ .sm-footer__location { font-family: 'Montserrat', sans-serif; font-size: 9.5px; font-weight: 300; letter-spacing: 0.28em; color: #9a9087; text-transform: uppercase; } /* liens contact */ .sm-footer__contact { font-family: 'Montserrat', sans-serif; font-size: 10.5px; font-weight: 300; letter-spacing: 0.06em; color: #6a8a9a; text-decoration: none; transition: color 0.25s ease; } .sm-footer__contact:hover { color: #2a5068; } /* icône Instagram */ .sm-footer__instagram { display: inline-flex; align-items: center; justify-content: center; color: #9a9087; text-decoration: none; transition: color 0.25s ease, transform 0.25s ease; } .sm-footer__instagram:hover { color: #c05a8e; transform: scale(1.15); } .sm-footer__instagram svg { width: 17px; height: 17px; fill: currentColor; } /* copyright */ .sm-footer__copy { font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 300; letter-spacing: 0.2em; color: #c0b8b0; text-transform: uppercase; margin-top: 10px; } /* Responsive mobile */ @media (max-width: 700px) { .sm-footer__info { flex-direction: column; gap: 12px; } .sm-footer__sep { display: none; } .sm-footer__name { font-size: 20px; } } document.getElementById('sm-instagram-link').addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); window.open('https://www.instagram.com/', '_blank', 'noopener,noreferrer'); });
<!-- ═══════════════════════════════════════════ FOOTER – Samuel Maurin Colle ce bloc dans ton et le
là où tu veux l'afficher ═══════════════════════════════════════════ --> <!-- 1. STYLES → à coller dans ton --> /* Google Fonts – ajoute aussi ce dans ton si pas déjà présent : */ .sm-footer { width: 100%; padding: 56px 40px 40px; border-top: none; background: #fff; text-align: center; } /* ligne décorative + label */ .sm-footer__share-row { display: flex; align-items: center; justify-content: center; gap: 18px; margin-bottom: 36px; } .sm-footer__share-row::before, .sm-footer__share-row::after { content: ''; flex: 0 0 60px; height: 1px; background: #b8afa6; } .sm-footer__share-label { font-family: 'Montserrat', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: 0.35em; color: #9a9087; text-transform: uppercase; } /* rangée d'infos */ .sm-footer__info { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-bottom: 28px; } .sm-footer__sep { display: inline-block; width: 1px; height: 14px; background: #c8bfb6; margin: 0 20px; } /* nom */ .sm-footer__name { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 300; letter-spacing: 0.12em; color: #2a2520; text-transform: uppercase; } /* rôles */ .sm-footer__role { font-family: 'Montserrat', sans-serif; font-size: 9.5px; font-weight: 400; letter-spacing: 0.3em; color: #7a8c6e; text-transform: uppercase; } /* localisation */ .sm-footer__location { font-family: 'Montserrat', sans-serif; font-size: 9.5px; font-weight: 300; letter-spacing: 0.28em; color: #9a9087; text-transform: uppercase; } /* liens contact */ .sm-footer__contact { font-family: 'Montserrat', sans-serif; font-size: 10.5px; font-weight: 300; letter-spacing: 0.06em; color: #6a8a9a; text-decoration: none; transition: color 0.25s ease; } .sm-footer__contact:hover { color: #2a5068; } /* icône Instagram */ .sm-footer__instagram { display: inline-flex; align-items: center; justify-content: center; color: #9a9087; text-decoration: none; transition: color 0.25s ease, transform 0.25s ease; } .sm-footer__instagram:hover { color: #c05a8e; transform: scale(1.15); } .sm-footer__instagram svg { width: 17px; height: 17px; fill: currentColor; } /* copyright */ .sm-footer__copy { font-family: 'Montserrat', sans-serif; font-size: 8.5px; font-weight: 300; letter-spacing: 0.2em; color: #c0b8b0; text-transform: uppercase; margin-top: 10px; } /* Responsive mobile */ @media (max-width: 700px) { .sm-footer__info { flex-direction: column; gap: 12px; } .sm-footer__sep { display: none; } .sm-footer__name { font-size: 20px; } } document.getElementById('sm-instagram-link').addEventListener('click', function(e) { e.preventDefault(); e.stopPropagation(); window.open('https://www.instagram.com/', '_blank', 'noopener,noreferrer'); });