<?php

/**
 * Displays the top series part
 *
 * @package WordPress
 * @subpackage IZI_THEME
 * @since 1.0.0
 */
?>
<!-- TOP SERIES BEGIN -->
<section class="container my-5">
    <h2 class="htitles text-start mb-5">Top séries</h2>
    <div class="row text-center">
        <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card border-0">
                <a class="text-decoration-none" href="single-cpt.html">
                    <img loading="lazy" class="img-fluid w-100" src="<?php echo get_template_directory_uri(); ?>/assets/img/series/affiche/game-of-throne.jpg" alt="Game Of Throne">
                </a>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card border-0">
                <a class="text-decoration-none" href="single-cpt.html">
                    <img loading="lazy" class="img-fluid w-100" src="<?php echo get_template_directory_uri(); ?>/assets/img/series/affiche/dr-who.jpg" alt="Doctor Who">
                </a>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card border-0">
                <a class="text-decoration-none" href="single-cpt.html">
                    <img loading="lazy" class="img-fluid w-100" src="<?php echo get_template_directory_uri(); ?>/assets/img/series/affiche/house-of-cards.jpg" alt="House of cards">
                </a>
            </div>
        </div>
        <div class="col-12 col-sm-6 col-lg-3 mb-4">
            <div class="card border-0">
                <a class="text-decoration-none" href="single-cpt.html">
                    <img loading="lazy" class="img-fluid w-100" src="<?php echo get_template_directory_uri(); ?>/assets/img/series/affiche/breaking-bad.jpg" alt="Breaking Bad">
                </a>
            </div>
        </div>
        <div class="d-grid gap-2 d-lg-flex justify-content-lg-center">
            <a href="archive-cpt.html" class="btn btn-gradient btn-border" role="button" aria-pressed="true">voir
                plus...</a>
        </div>
    </div>
</section>
<!-- TOP SERIES END -->