Autorities News

<section>
    <h2 class="mb-4">Les autorités</h2>
    <div class="d-flex flex-md-row flex-column mb-4">
        <a href="#" class="col-12 col-md-4 border-1 border text-decoration-none text-black d-flex justify-content-between align-items-center p-2 mb-4 mb-md-0 me-md-4">
            <span class="fw-bold">Grand Conseil</span>
            <span class="fas fa-chevron-right"></span>
        </a>
        <a href="#" class="col-12 col-md-4 border-1 border text-decoration-none text-black d-flex justify-content-between align-items-center p-2 mb-4 mb-md-0 me-md-4">
            <span class="fw-bold">Conseil d'état</span>
            <span class="fas fa-chevron-right"></span>
        </a>
        <a href="#" class="col-12 col-md-4 border-1 border text-decoration-none text-black d-flex justify-content-between align-items-center p-2">
            <span class="fw-bold">Ordre Judiciaire</span>
            <span class="fas fa-chevron-right"></span>
        </a>
    </div>
    <a href="#">Toutes les autorités<span class="fas fa-arrow-right text-primary ms-2"></span></a>
    <div class="mt-5 position-relative">
        <div class="vd-sticker-title position-absolute">
            <h3 class="text-white bg-primary p-2">Actus</h3>
        </div>
    </div>
    <div class="vd-reel mt-5">
        <a href="#" class="card text-decoration-none">
            <img class="card-img-top" src="https://placehold.it/360x240/F1BF9F/ffffff?text=Default|360x240">
            <div class="card-body">
                <h5 class="card-title">Vaccination contre le covid</h5>
                <p class="card-text">Lorem ipsum Lorem ipsum</p>
            </div>
        </a>
        <a href="#" class="card text-decoration-none">
            <img class="card-img-top" src="https://placehold.it/360x240/F1BF9F/ffffff?text=Default|360x240">
            <div class="card-body">
                <h5 class="card-title">Vaccination contre le covid</h5>
                <p class="card-text">Lorem ipsum Lorem ipsum</p>
            </div>
        </a>
        <a href="#" class="card text-decoration-none">
            <img class="card-img-top" src="https://placehold.it/360x240/F1BF9F/ffffff?text=Default|360x240">
            <div class="card-body">
                <h5 class="card-title">Vaccination contre le covid</h5>
                <p class="card-text">Lorem ipsum Lorem ipsum</p>
            </div>
        </a>
        <a href="#" class="card text-decoration-none">
            <img class="card-img-top" src="https://placehold.it/360x240/F1BF9F/ffffff?text=Default|360x240">
            <div class="card-body">
                <h5 class="card-title">Vaccination contre le covid</h5>
                <p class="card-text">Lorem ipsum Lorem ipsum</p>
            </div>
        </a>
        <a href="#" class="card text-decoration-none">
            <img class="card-img-top" src="https://placehold.it/360x240/F1BF9F/ffffff?text=Default|360x240">
            <div class="card-body">
                <h5 class="card-title">Vaccination contre le covid</h5>
                <p class="card-text">Lorem ipsum Lorem ipsum</p>
            </div>
        </a>
        <a href="#" class="card text-decoration-none">
            <img class="card-img-top" src="https://placehold.it/360x240/F1BF9F/ffffff?text=Default|360x240">
            <div class="card-body">
                <h5 class="card-title">Vaccination contre le covid</h5>
                <p class="card-text">Lorem ipsum Lorem ipsum</p>
            </div>
        </a>
    </div>
    <div class="d-flex flex-column flex-md-row mt-5 justify-content-between">
        <div class="col-12 col-md-5 border border-1 p-4 mb-4 mb-md-0">
            <h3 class="mb-4">Derniers communiqués de presse</h3>
            <div class="d-flex flex-column mb-4">
                <a href="#" class="col-12 border-bottom border-1 text-decoration-none text-black d-flex justify-content-between pb-3 align-items-center mb-4">
                    Lorem ipsum
                    <span class="fas fa-chevron-right"></span>
                </a>
                <a href="#" class="col-12 border-bottom border-1 text-decoration-none text-black d-flex justify-content-between pb-3 align-items-center mb-4">
                    Lorem ipsum
                    <span class="fas fa-chevron-right"></span>
                </a>
                <a href="#" class="col-12 border-bottom border-1 text-decoration-none text-black d-flex justify-content-between pb-3 align-items-center">
                    Lorem ipsum
                    <span class="fas fa-chevron-right"></span>
                </a>
            </div>
            <div class="d-flex flex-row text-center">
                <a href="#" class="col-12">Tous les communiqués de presse<span class="fas fa-arrow-right text-primary ms-2"></span></a>
            </div>
        </div>
        <div class="col-12 col-md-5 border border-1 p-4 mb-4 mb-md-0">
            <h3 class="mb-4">Derniers communiqués de presse</h3>
            <div class="d-flex flex-column mb-4">
                <a href="#" class="col-12 border-bottom border-1 text-decoration-none text-black d-flex justify-content-between pb-3 align-items-center mb-4">
                    Lorem ipsum
                    <span class="fas fa-chevron-right"></span>
                </a>
                <a href="#" class="col-12 border-bottom border-1 text-decoration-none text-black d-flex justify-content-between pb-3 align-items-center mb-4">
                    Lorem ipsum
                    <span class="fas fa-chevron-right"></span>
                </a>
                <a href="#" class="col-12 border-bottom border-1 text-decoration-none text-black d-flex justify-content-between pb-3 align-items-center">
                    Lorem ipsum
                    <span class="fas fa-chevron-right"></span>
                </a>
            </div>
            <div class="d-flex flex-row text-center">
                <a href="#" class="col-12">Tous les communiqués de presse<span class="fas fa-arrow-right text-primary ms-2"></span></a>
            </div>
        </div>
    </div>
</section>