gallerie.php

<main>
    <section>
        <h1>Gallerie</h1>
    </section>
    <section class="portfolio-section-photos">
        <div class="grid-paysages">
            <a href="images/img1.jpg" class="lien-conteneur-photo">
                <img src="images/img1.jpg" alt="Mont Aoraki - Nouvelle-Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img2.jpg" class="lien-conteneur-photo">
                <img src="images/img2.jpg" alt="Parc National d’Abel Tasman - Nouvelle-Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img3.jpg" class="lien-conteneur-photo">
                <img src="images/img3.jpg" alt="Lac Rotorua - Nouvelle-Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img4.jpg" class="lien-conteneur-photo">
                <img src="images/img4.jpg" alt="Lac Wanaka - Nouvelle-Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img5.jpg" class="lien-conteneur-photo">
                <img src="images/img5.jpg" alt="Mont Taranaki - Nouvelle-Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img6.jpg" class="lien-conteneur-photo">
                <img src="images/img6.jpg" alt="Milford Sound - Nouvelle-Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img7.jpg" class="lien-conteneur-photo">
                <img src="images/img7.jpg" alt="Twelve Apostle - Australie">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img8.jpg" class="lien-conteneur-photo">
                <img src="images/img8.jpg" alt="Wai-O-Tapu - Nouvelle-Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img9.jpg" class="lien-conteneur-photo">
                <img src="images/img9.jpg" alt="Mont Cook - Nouvelle Zélande">
                <div class="photo-hover">Voir la photo</div>
            </a>
        </div>
        <h2>TOP 3</h2>
        <div class="grid-portraits">
            <a href="images/img1.jpg" class="lien-conteneur-photo">
                <img src="images/img1.jpg" alt="Portrait jeune femme 1">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img2.jpg" class="lien-conteneur-photo">
                <img src="images/img2.jpg" alt="Portrait jeune femme 2">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img3.jpg" class="lien-conteneur-photo">
                <img src="images/img3.jpg" alt="Portrait jeune homme 3">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img4.jpg" class="lien-conteneur-photo">
                <img src="images/img4.jpg" alt="Portrait jeune femme 4">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img5.jpg" class="lien-conteneur-photo">
                <img src="images/img5.jpg" alt="Portrait jeune femme 5">
                <div class="photo-hover">Voir la photo</div>
            </a>
            <a href="images/img6.jpg" class="lien-conteneur-photo">
                <img src="images/img6.jpg" alt="Portrait jeune femme 6">
                <div class="photo-hover">Voir la photo</div>
            </a>

        </div>
    </section>
</main>