91 lines
4.4 KiB
HTML
91 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Page d'acceuille Ozcom</title>
|
|
<link rel="icon" type="image/png" href="logo-ozcom.png">
|
|
<link rel="stylesheet" href="styles.css">
|
|
<div class="burger-menu-container">
|
|
<div class="burger-menu-button">
|
|
<div class="burger-menu-icon"></div>
|
|
</div>
|
|
<div class="burger-menu">
|
|
<nav>
|
|
<ul>
|
|
<li><link rel="icon" type="image/png" href="logo-ozcom.png"></li>
|
|
<li><a href="pageweb.html">Accueil</a></li>
|
|
<li><a href="Apropos">À propos</a></li>
|
|
<li><a href="notrehistoire.html">Histoire</a></li>
|
|
<li><a href="pagecontacte.html">Contact</a></li>
|
|
<li><a href="pagefaq.html">FAQ</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</head>
|
|
<body>
|
|
|
|
<div>
|
|
<nav>
|
|
<ul>
|
|
<li><a href="pageweb.html">Accueil</a></li>
|
|
<li> <a href="Apropos">À propos</a></li>
|
|
<li><a href="notrehistoire.html">Histoire</a></li>
|
|
<li><a href="pagecontacte.html">Contact</a></li>
|
|
<li><a href="pagefaq.html">FAQ</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div id="content">
|
|
<p class="style"> "Ils m'ont fait adorer leur passion..."</p>
|
|
<p class="style"> "Aujourd'hui, je suis à leur côté dans cette aventure palpitante." -Francis</p>
|
|
<div class="grid-container">
|
|
<img src="imgmotocrosse.jpg" class="grid-item" alt="image">
|
|
<p class="grid-item style">"Ils m'ont soutenu de tous leurs cœurs, ils ont toujours été derrière moi pour cette compétition dont j'ai toujours rêvé de gagner." -Amir le téméraire <br><br><br>
|
|
"Après tant d'heures et d'assistance, je me dois de gagner cette compétition." -Matéo le joueur pro<br><br><br>
|
|
"Toutes les personnes qui ont travaillé dur ne sont pas toujours récompensées, mais ce qui est sûr, c'est que tout ceux qui ont réussi ont travaillé dur." -Arnaud le Coach <br><br><br>
|
|
"Je n'arrive pas à comprendre pourquoi ils mettent tant d'efforts dans tout ça, mais j'arrive à ressentir leur passion dans ce qu'ils font." -Alexeï au exo supplémentaire </p>
|
|
</div>
|
|
</div>
|
|
<div id="new-text">
|
|
|
|
<h1>Venez découvrir notre aventure palpitante qui ne peut que vous séduire... Bienvenue chez OZCOM </h1>
|
|
<h1>Bienvenue chez OZCOM </h1>
|
|
<p>Laissez moi vous faire découvrir notre monde rempli de personnes passionnées par un sport aussi divertissant que compétitif. </p>
|
|
<p>vous etre curieux et vous voulez découvrire ce qu'est la motocrosse nous avons une seance de découverte offert </p>
|
|
<p>Nous avons plusieurs type d'abonnement pour votre choix a la hauteur de vos attentes et de vos envies </p>
|
|
<p>Pour les amateurs de compétition sachez que nous aussi nous en adorons ceci et que nous en organison souvent</p>
|
|
<p>pour ce avec un niveau avancer et qui veut venir nous montrer ces talents a ce sport sera toujours le bien venu</p>
|
|
<div class="video">
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/1xo3qk-Kx0U"
|
|
title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
|
|
</div>
|
|
<p>vous etes un expert en la matiere et vous n'avez plus le temp pour faire de la motocrosse? nous pouvons reprendre votre deux roues </p>
|
|
<p>vous cherchez un travaille dans certain domaines n'hesiter pas a postuler, nous avons surement des postes pour vous </p>
|
|
</div>
|
|
<button onclick="topFunction()" id="topBtn" title="Go to top">Haut de page</button>
|
|
<footer>
|
|
<div class="circle">
|
|
<a href="https://www.tiktok.com/"><img src="tiktok-logo.png" alt="tiktok"></a>
|
|
</div>
|
|
<div class="circle">
|
|
<a href="https://twitter.com/"><img src="twitter-logo.png" alt="Twitter"></a>
|
|
</div>
|
|
<div class="circle">
|
|
<a href="https://www.instagram.com/"><img src="instagram-logo.png" alt="Instagram"></a>
|
|
</div>
|
|
<div class="circle">
|
|
<a href="https://www.youtube.com/"><img src="youtube-logo.png" alt="YouTube"></a>
|
|
</div>
|
|
<a href="https://fr.wikipedia.org/wiki/Mentions_l%C3%A9gales" class=""> Mentions légales</a>
|
|
<a href="https://www.google.com/intl/fr/gmail/about/" class=""> Notre mail</a>
|
|
<div>
|
|
<p>Tous droits réservés 2022 </p>
|
|
<p> Adam Combeau- Mikailcan OZCAN </p>
|
|
</div>
|
|
</footer>
|
|
<script src="script.js"></script>
|
|
<script src="scriptmb.js"></script>
|
|
<script src="scriptbtnhdp.js"></script>
|
|
</body>
|
|
</html> |