<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>French Airsoft Squad</title>
<meta
name="description"
content="Découvrez French Airsoft Squad, l'association passionnée d'airsoft offrant des expériences uniques. Profitez de nos services complets : organisation de parties, location de matériel, vente de merch aux couleurs de l'asso et buvette pour des moments inoubliables entre passionnés d'airsoft"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Righteous&family=Yaldevi:wght@400;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/styles.css" />
<link rel="shortcut icon" href="images/LOGO/FAS.svg" type="image/x-icon" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
crossorigin="anonymous"
/>
</head>
<body>
<!-- Début NavBar -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container">
<a class="navbar-brand" href="#">
<img
src="images/LOGO/FASRounded.svg"
alt="Bootstrap"
width="70"
height="70"
/>
</a>
<a class="navbar-brand" href="index.html">French Airsoft Squad</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNav"
>
<ul class="navbar-nav">
<li class="nav-item">
<a
class="nav-link active fw-bold"
aria-current="page"
href="index.html"
>Accueil</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="Qui Sommes Nous.html"
>Qui somme nous
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Airsoft & regles</a>
</li>
<li class="nav-item">
<a class="nav-link" href="galerie.html">Galerie photo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a href="#" class="btn btn-danger rounded-5"> Connexion </a>
</li>
<!--<li class="nav-item">
<a href="cart.html" class="btn btn-primary rounded-5">
<img src="images/Icon/cart2.svg" alt="Cart" />
</a>
</li>-->
</ul>
</div>
</div>
</nav>
<!-- Fin NavBar -->
<!-- DÉBUT WELCOME TO LINEAR -->
<section class="welcome">
<div>
<h1>Bienvenue sur le Site web de la FAS</h1>
<p>
French Airsoft Squad est née d'une idée completement delirante. <br />
Juste trois potes, et une envie inarrêtable de tirer de la bille.
</p>
<p>
Retrouvez nous sur nos reseaux sociaux
<a href="https://www.instagram.com/french.airsoft.squad/"
><img src="images/Icon/instagram.svg" alt="instagram"
/></a>
<a href="https://www.tiktok.com/@frenchairsoftsquad"
><img src="images/Icon/tiktok.svg" alt="tiktok"
/></a>
</p>
</div>
</section>
<!-- FIN WELCOME TO LINEAR -->
<!-- DEBUT CAROUSEL -->
<div id="carouselExampleIndicators" class="carousel slide">
<div class="carousel-indicators">
<button
type="button"
data-bs-target="#carouselExampleIndicators"
data-bs-slide-to="0"
class="active"
aria-current="true"
aria-label="Slide 1"
></button>
<button
type="button"
data-bs-target="#carouselExampleIndicators"
data-bs-slide-to="1"
aria-label="Slide 2"
></button>
<button
type="button"
data-bs-target="#carouselExampleIndicators"
data-bs-slide-to="2"
aria-label="Slide 3"
></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img
src="https://mdbcdn.b-cdn.net/img/Photos/Slides/img%20(15).webp"
class="d-block w-100"
alt="..."
/>
</div>
<div class="carousel-item">
<img
src="https://mdbcdn.b-cdn.net/img/Photos/Slides/img%20(22).webp"
class="d-block w-100"
alt="..."
/>
</div>
<div class="carousel-item">
<img
src="https://mdbcdn.b-cdn.net/img/Photos/Slides/img%20(23).webp"
class="d-block w-100"
alt="..."
/>
</div>
</div>
<button
class="carousel-control-prev"
type="button"
data-bs-target="#carouselExampleIndicators"
data-bs-slide="prev"
>
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button
class="carousel-control-next"
type="button"
data-bs-target="#carouselExampleIndicators"
data-bs-slide="next"
>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!--FIN CARROUSEL -->
<!-- Début Produit & Service -->
<section class="products">
<h2>Nos Services</h2>
<div class="row row-cols-1 row-cols-md-3 g-4">
<div class="col">
<div class="card h-100">
<img
src="images/img service/pexels-lukas-669270.jpg"
class="card-img-top"
alt="Organisation de parties d'Airsoft"
/>
<div class="card-body">
<h5 class="card-title">Organisation de parties d'Airsoft</h5>
<p class="card-text">
Nous Proposerons bientot des evenements. <br />
Suivez nous sur nos reseaux sociaux pour etre sur d'avoir
l'information.
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img
src="images/img service/Patch & Stiker FAS.PNG"
class="card-img-top"
alt="Photo de Patch et Stiker de la French Airsoft Squad"
/>
<div class="card-body">
<h5 class="card-title">Goodies</h5>
<p class="card-text">
Nous proposons la vente de goodies en lien avec la French
Airsoft Squad.
<br />
La vente de c'est goodies nous permet de financer nos projet en
lien avec la pratique de l'airsoft (Partie, item de jeux, ect...
)
</p>
</div>
</div>
</div>
<div class="col">
<div class="card h-100">
<img
src="images/img service/mp40etBille.webp"
class="card-img-top"
alt="Réplique d'arme d'airsoft mp40 et bille sur un fond en bois"
/>
<div class="card-body">
<h5 class="card-title">Location de replique d'airsoft</h5>
<p class="card-text">
Nous proposons un service de location de repliques lors des
evenement que nous organisation, pour tout question n'hesitez
pas à nous contacter sur
<a href="mailto:contact.fas.asso@gmail.com"
>contact.fas.asso@gmail.com</a
>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- FIN PRODUCTS -->
<!-- DÉBUT FOOTER -->
<footer>
<h2>Nous Contacter</h2>
<p>16 Rue De la Gaudrée, 91410, DOURDAN.</p>
<p>Mail : contact.fas.asso@gmail.com</p>
<a href="#top">↑ Top</a>
</footer>
<!-- FIN FOOTER -->
<!-- Début Scrit -->
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"
></script>
<!-- Google tag (gtag.js) -->
<script
async
src="https://www.googletagmanager.com/gtag/js?id=AW-11442424142"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "AW-11442424142");
</script>
<!-- Fin Scrit -->
</body>
</html>
