-
Matias Mennecart authoredMatias Mennecart authored
info.html 3.84 KiB
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Qui sommes-nous ?</title>
<link rel="stylesheet" href="./css/info.css" />
<link rel="stylesheet" href="./css/footer.css" />
</head>
<body>
<header>
<nav>
<div class="boxNav">
<!--<div><li><a href= "index.html">Acceuil</a></li></div>
<div><li><a href= "conducteur.html">Conducteur</a></li></div>
<div><li><a href= "passager.html">Passager</a></li></div> -->
<div><a href= "index.html">Acceuil</a></div>
<div><a href= "conducteur.html">Conducteur</a></div>
<div><a href= "passager.html">Passager</a></div>
</div>
</nav>
<div class="back"></div>
<div class="textHeader">
<div class="test">
<h1>Qui sommes-nous ?</h1>
<h2>Nous changeons les méthodes de transport de nos employés.</h2>
<p>Nous changeons la ville grâce au covoiturage quotidien.</p>
</div>
</div>
</header>
<main>
<section class="corp">
<div class="Container">
<div class="corpContainer">
<div class="card">
<p>
Klaxit est une <br> plateforme d’action <br>pour révolutionner la<br> mobilité quotidienne<br> grâce au covoiturage<br> domicile-travail.
</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">Nous construisons</p>
<p>Un mode de transport<br> communautaire et<br> accessible à tous pour les<br> trajets du quotidien, en<br> France et dans le monde.</p>
</div>
</div>
<div class="containerTextEquipe">
<div class="textEquipe">
<p class="Notre">Notre <span class="equipe">équipe</span></p>
<p id="p1">Nous sommes une équipe jeune et<br> passionnée qui révolutionne les transports<br> quotidiens. Chez Klaxit, les valeurs se vivent<br> et l’équipe est notre fierté à tous.</p>
</div>
<div class="container-ImgPersonel">
<div class="container-Rect">
</div>
<div class="container-Rect2">
</div>
<div class="container-Rect3">
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<section class="links">
<div class="f-column">
<a href="">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="passager.html">Passager</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>
</footer>
</body>
</html>