103 lines
4.1 KiB
HTML
103 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Agence Foudre - Social Media Agency</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<header class="header">
|
|
<div class="logo">Agence social media — Agence Foudre</div>
|
|
<nav class="main-nav">
|
|
<ul>
|
|
<li><a href="#home">Home</a></li>
|
|
<li><a href="#agence">Agence</a></li>
|
|
<li><a href="#projets">Projets</a></li>
|
|
<li><a href="#expertises">Expertises</a></li>
|
|
<li><a href="#faq">FAQ</a></li>
|
|
<li><a href="#contact">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="whatsapp-cta">
|
|
<span>On se capte sur Whatsapp ?</span>
|
|
<button>Discuter avec Margaux</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="main-content">
|
|
<section class="hero-section">
|
|
<video autoplay muted loop playsinline class="hero-video">
|
|
<source src="https://www.agencefoudre.com/wp-content/uploads/2023/09/video-agence-foudre.mp4" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
<div class="hero-overlay">
|
|
<h1>Votre agence social media qui fait des étincelles ⚡</h1>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="about-section" id="agence">
|
|
<h2>Qui sommes-nous ?</h2>
|
|
<p>Agence Foudre est une agence de communication digitale spécialisée dans les réseaux sociaux. Nous accompagnons les marques et les entreprises dans leur stratégie social media, de la création de contenu à la gestion de campagnes publicitaires.</p>
|
|
<!-- Team carousel placeholder -->
|
|
</section>
|
|
|
|
<section class="projects-section" id="projets">
|
|
<h2>Nos projets</h2>
|
|
<!-- Projects carousel placeholder -->
|
|
</section>
|
|
|
|
<section class="expertises-section" id="expertises">
|
|
<h2>Nos expertises</h2>
|
|
<ul>
|
|
<li>Stratégie social media</li>
|
|
<li>Création de contenu</li>
|
|
<li>Gestion de campagnes publicitaires</li>
|
|
<li>Influence marketing</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="process-section">
|
|
<h2>Notre processus en 5 étapes</h2>
|
|
<ol>
|
|
<li>Audit & Stratégie</li>
|
|
<li>Création de contenu</li>
|
|
<li>Publication & Diffusion</li>
|
|
<li>Analyse & Optimisation</li>
|
|
<li>Reporting & Suivi</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<section class="faq-section" id="faq">
|
|
<h2>FAQ</h2>
|
|
<!-- FAQ accordion placeholder -->
|
|
</section>
|
|
|
|
<section class="contact-section" id="contact">
|
|
<h2>Contactez-nous</h2>
|
|
<!-- Multi-step quiz form placeholder -->
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="footer-content">
|
|
<div class="footer-logo">Agence Foudre</div>
|
|
<div class="social-links">
|
|
<a href="#">Instagram</a>
|
|
<a href="#">TikTok</a>
|
|
<a href="#">Pinterest</a>
|
|
<a href="#">LinkedIn</a>
|
|
</div>
|
|
<div class="utility-links">
|
|
<a href="#">Confidentialité</a>
|
|
<a href="#">Mentions légales</a>
|
|
</div>
|
|
<div class="copyright">© 2023 Agence Foudre. Tous droits réservés.</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|