diff --git a/index.html b/index.html new file mode 100644 index 0000000000000000000000000000000000000000..249672a0c6504216517207cdcdfc0a664de8ec99 --- /dev/null +++ b/index.html @@ -0,0 +1,82 @@ +<!DOCTYPE html> +<html> +<head> + <meta charset='utf-8'> + <title>Acceuil</title> + <link rel='stylesheet' href="./css/index.css"> + <link rel='stylesheet' href="./css/footer.css"> +</head> + +<body> + <header> + <div class="nav-bar"> + <nav> + <a class="img" href="index.html"><img src="./css/images/logoKlaxit_BBCD_Color.webp" alt="Logo Klaxit"></a> + <div> + <a href="index.html">ACCEUIL</a> + <a href="conducteur.html">CONDUCTEUR</a> + <a href="login.html" class="login-button">LOGIN</a> + </div> + </nav> + </div> + + <div class="back"></div> + + <div class="textHeader"> + <h1>Le moyen de transport pour nos employés !</h1> + <h2>Ce service est dédier au transport domicile-travail entre employés de chez Klaxit.</h2> + </div> + + </header> + <main> + <section class="corp"> + <div class="Container"> + <div class="corpContainer"> + <div class="card"> + <p> + Klaxit est la plateforme<br> de covoiturage conçue <br> spécifiquement pour répondre aux besoins <br>des entreprises Klaxit <br>et de leurs employés.<br> + </p> + </div> + <div class="card2"> + <p id="titreCard">Nous inventons</p> + <p>Une nouvelle manière de <br>se déplacer : plus rapide, <br>plus économique, plus<br> durable, plus sympa, plus<br> logique !<br><br> </p> + <p id="titreCard">Pour les employés</p> + <p>Un service gratuit, et <br> prime salariales pour les<br> personnes qui propose <br>leurs services !</p> + </div> + </div> + </div> + <div class="container-Text"> + <div class="textEquipe"> + <p class="Notre">Pourquoi <span class="equipe">Klaxit</span></p> + <p id="p1">En proposant une solution de covoiturage dédiée,<br> Klaxit vise à faciliter les déplacements domicile-travail<br> tout en favorisant la mobilité durable.<br> + Ce nouveau services vise les employés de Klaxit,<br> afin qu'ils puissent ce rendre à leurs bureaux <br>sans avoir à prendre chacun leurs voitures.<br></p> + </div> + <div class="button"> + <a href="login.html" class="login-button">Réserver</a> + </div> + </div> + + </section> + + </main> + <footer> + <section class="links"> + <div class="f-column"> + <a href="info.html">Qui sommes nous ?</a> <br /> + <a href="https://www.klaxit.com/presse">Espace presse</a> <br /> + <a href="contact.html">Nous contacter</a> + </div> + <div class="s-column"> + <a href="conducteur.html">Conducteur</a> <br /> + <a href="reserver.html">Reserver</a> <br /> + <a href="faq.html">FAQ</a> <br /> + </div> + <div class="t-colum"> + <a href="https://www.klaxit.com/conditions-generales">CGU</a> <br /> + <a href="https://www.klaxit.com/politique-de-confidentialite">Politique de confidentialité</a> <br /> + <a href="https://www.klaxit.com/mentions-legales">mentions légales</a> + </div> + </section> + +</body> +</html> \ No newline at end of file