accueil.php

<header>
    <div id="containerMain">
        <img src="assets/img/couv.jpg" alt="Image de couverture" width="700" />
        <div id="navigation">
            <ul>
                <li>
                    <a href="index.php">>> Continuer</a>
                </li>
                <li>
                    <a href="lecture.php">Démarrer la lecture</a>
                </li>
                <li>
                    <a href="pages.php">À propos</a>
                </li>
            </ul>
        </div>
    </div>
    <!--<div id="langues" class="d-inline float-right ">
        <a class="langue" href="#">FR</a><span id="espace">|</span><a class="langue" href="#">ENG</a>
    </div>-->
</header>
<section id="chapitres">
    <div id="containerChap">
        <div class="row text-center">
            <div class="col-12">
                <h1>Les épisodes</h1>
            </div>
        </div>
        <div class="row text-center pt-5 pl-3 pr-3">
            <div class="col-12 col-md-3">
                <a href="#"><img src="assets/img/ep0.jpg" alt="Accéder à l'épisode 0" class="imgChap"></a>
            </div>
            <div class="col-12 col-md-3">
                <a href="#"><img src="assets/img/ep1.jpg" alt="Accéder à l'épisode 1" class="imgChap"></a>
            </div>
            <div class="col-12 col-md-3">
                <a href="#"><img src="assets/img/ep2.jpg" alt="Accéder à l'épisode 2" class="imgChap"></a>
            </div>
            <div class="col-12 col-md-3">
                <a href="#"><img src="assets/img/ep3.jpg" alt="Accéder à l'épisode 3" class="imgChap"></a>
            </div>
        </div>
        <div class="row text-center p-5">
            <div class="col-12">
                <button>Continuer la progression</button>
            </div>
        </div>
    </div>
</section>
<section id="apropos">
    <div class="containerProp">
        <div class="row text-center">
            <div class="col-12">
                <h1>À propos</h1>
            </div>
        </div>
        <div class="row p-4">
            <div class="col-12 text-center">
                <img src="assets/img/placeholder2.png" class="apropos"/>
            </div>
        </div>
        <div class="row pt-5">
            <div class="col-12 text-center proposfond">
                <img src="assets/img/placeholder1.png" class="apropos"/>
            </div>
        </div>
    </div>
</section>