151 lines
7.2 KiB
HTML
151 lines
7.2 KiB
HTML
<!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 encours d’évolution</span>
|
||
<span>Site internet est encours d’évolution</span>
|
||
<span aria-hidden="true">Site internet est encours d’évolution</span>
|
||
</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>& 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 d’honneur à 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>03 27 63 66 00</span>
|
||
<address>
|
||
12 Rue Jean Messager, 59330 Saint-Remy-du-Nord
|
||
</address>
|
||
</li>
|
||
<li class="address-item">
|
||
<span class="address-item__title">Estaires</span>
|
||
<span>03 28 48 83 98</span>
|
||
<address>
|
||
52 Rue de la Chapelle, 59940 Estaires
|
||
</address>
|
||
</li>
|
||
<li class="address-item">
|
||
<span class="address-item__title">Auby</span>
|
||
<span>03 27 63 66 00</span>
|
||
<address>
|
||
Rue Jean-Jacques Rousseau, 59950 Auby
|
||
</address>
|
||
</li>
|
||
<li class="address-item">
|
||
<span class="address-item__title">Raillencourt-Sainte-Olle</span>
|
||
<span>03 27 85 06 47</span>
|
||
<address>81 Av. des Deux Vallées, 59554
|
||
Raillencourt-Sainte-Olle
|
||
</address>
|
||
</li>
|
||
<li class="address-item">
|
||
<span class="address-item__title">Bondues</span>
|
||
<span>03 20 26 00 15</span>
|
||
<address>Rue du Moulin Cardon, 59910 Bondues</address>
|
||
</li>
|
||
<li class="address-item">
|
||
<span class="address-item__title">Wignehies</span>
|
||
<span>03 27 63 66 00</span>
|
||
<address>Adresse à confirmer</address>
|
||
</li>
|
||
<li class="address-item">
|
||
<span class="address-item__title">Wignehies</span>
|
||
<span>03 27 63 66 00</span>
|
||
<address>Adresse à confirmer</address>
|
||
</li>
|
||
<li class="address-item">
|
||
<span class="address-item__title">Dunkerque</span>
|
||
<span>03 20 26 00 15</span>
|
||
<address>241 rue du Meunynck
|
||
ZI de Petite Synthe 59640 Dunkerque
|
||
</address>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
</main>
|
||
</body>
|
||
</html> |