info.html

<!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>