flamme-website/index.html

142 lines
7.3 KiB
HTML
Raw Normal View History

2024-12-10 08:34:48 +00:00
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>FLAMME assainissement</title>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<header class="header">
<img class="decoration-pipes--top" src="images/pipes.webp" alt="">
<p class="header__information">
<span aria-hidden="true">Site internet est en cours dévolution</span>
<span>Site internet est en cours dévolution</span>
<span aria-hidden="true">Site internet est en cours dévolution</span>
2024-12-10 08:34:48 +00:00
</p>
<div class="header-content">
<h1 class="header-content__title">
<span class="header-content__title--text-big">Votre partenaire</span>
<span>en assainissement</span>
<span>&&nbsp;maintenance industrielle</span>
<span class="header-content__title--text-big">depuis 1900<br/></span>
<span class="header-content__title--text-small">Expertise - Innovation - Réactivité</span>
</h1>
<img class="header-content__logo" alt="Flamme assainissement" src="images/logo.webp">
</div>
<div class="header__main-image">
<img src="images/truck.webp" alt="">
<div class="header__main-image--decoration"></div>
</div>
</header>
<main>
<section class="section-history">
<div class="section-history__content">
<h2>Entreprise familiale et indépendante</h2>
<p>Nous nous distinguons par notre capacité à innover et à nous adapter aux évolutions réglementaires.<br/>
Disponibles 24h/24 et 7j/7, nous mettons un point dhonneur à offrir des services fiables, réactifs et
sur
mesure, tout en respectant des valeurs familiales et de proximité.</p>
</div>
<img class="section-history__img" src="images/family.webp" alt="">
</section>
<section class="section-services">
<div class="section-services--decoration"></div>
<h2 class="section-services__title">Nos services</h2>
<ul class="section-services__cards">
<li class="section-services__card section-services__card--red">
<img class="section-services__card__img" src="images/service-1.webp" alt="">
<h3 class="section-services__card__title">Maintenance & nettoyage industriel</h3>
</li>
<li class="section-services__card section-services__card--red">
<img class="section-services__card__img" src="images/service-2.webp" alt="">
<h3 class="section-services__card__title">Pompage & enlèvement de déchets</h3>
</li>
<li class="section-services__card section-services__card--red">
<img class="section-services__card__img" src="images/service-3.webp" alt="">
<h3 class="section-services__card__title">Vidange · détartrage débouchage</h3>
</li>
<li class="section-services__card">
<img class="section-services__card__img" src="images/service-4.webp" alt="">
<h3 class="section-services__card__title">Nettoyage haute pression thp & uhp</h3>
</li>
<li class="section-services__card">
<img class="section-services__card__img" src="images/service-5.webp" alt="">
<h3 class="section-services__card__title">Balayage des voiries</h3>
</li>
<li class="section-services__card">
<img class="section-services__card__img" src="images/service-6.webp" alt="">
<h3 class="section-services__card__title">Dératisation & désinfection</h3>
</li>
<li class="section-services__card">
<img class="section-services__card__img" src="images/service-7.webp" alt="">
<h3 class="section-services__card__title">Désinsectisation</h3>
</li>
<li class="section-services__card">
<img class="section-services__card__img img-center" src="images/service-8.webp" alt="">
<h3 class="section-services__card__title">Passage de caméra</h3>
</li>
<li class="section-services__card">
<img class="section-services__card__img" src="images/service-9.webp" alt="">
<h3 class="section-services__card__title">Inspection & nettoyage par drone</h3>
</li>
<li class="section-services__card section-services__card--fullwidth">
<img class="section-services__card__img" src="images/service-10.webp" alt="">
<h3 class="section-services__card__title">Bureau détudes · diag anc</h3>
</li>
</ul>
<img class="decoration-pipes--bottom" src="images/pipes.webp" alt="">
</section>
<section class="section-contact">
<div class="section-contact__title">
<h2>Contactez-nous</h2>
<a href="mailto:contactflamme@flamme.fr">contactflamme@flamme.fr</a>
</div>
<ul class="section-contact__addresses">
<li class="address-item">
<span class="address-item__title">Saint-Rémy-du-Nord</span>
<span class="address-item__phone">03 27 63 66 00</span>
<address>12 Rue Jean Messager<br/>59330 Saint-Remy-du-Nord</address>
2024-12-10 08:34:48 +00:00
</li>
<li class="address-item">
<span class="address-item__title">Auby</span>
<span class="address-item__phone">03 27 63 66 00</span>
<address>Rue Jean-Jacques Rousseau <br/>59950 Auby</address>
2024-12-10 08:34:48 +00:00
</li>
2024-12-10 08:34:48 +00:00
<li class="address-item">
<span class="address-item__title">Bondues</span>
<span class="address-item__phone">03 20 26 00 15</span>
<address>Rue du Moulin Cardon<br/>59910 Bondues</address>
2024-12-10 08:34:48 +00:00
</li>
<li class="address-item">
<span class="address-item__title">Caudry</span>
<span class="address-item__phone">03 27 85 06 47</span>
<address>29 rue Edouard Vaillant <br/>59540 Caudry</address>
2024-12-10 08:34:48 +00:00
</li>
<li class="address-item">
<span class="address-item__title">Dunkerque</span>
<span class="address-item__phone">03 28 44 21 82</span>
<address>241 rue du Meunynck <br/>ZI de Petite Synthe <br/>59640 Dunkerque</address>
2024-12-10 08:34:48 +00:00
</li>
<li class="address-item">
<span class="address-item__title">Estaires</span>
<span class="address-item__phone">03 28 48 83 98</span>
<address>52 Rue de la Chapelle<br/>59940 Estaires</address>
2024-12-10 08:34:48 +00:00
</li>
<li class="address-item">
<span class="address-item__title">Raillencourt-Sainte-Olle</span>
<span class="address-item__phone">03 27 85 06 47</span>
<address>81 Av. des Deux Vallées <br/>59554 Raillencourt-Sainte-Olle</address>
2024-12-10 08:34:48 +00:00
</li>
<li class="address-item">
<span class="address-item__title">Wignehies</span>
<span class="address-item__phone">03 27 57 26 12</span>
<address>8 route Féron <br/>59212 Wigneghies</address>
2024-12-10 08:34:48 +00:00
</li>
</ul>
</section>
</main>
</body>
</html>