@{
    ViewData["Title"] = "Contact";
}

<div class="container">
    <h1>Contact</h1>
    <div class="my-2">
        C.U.C.D.B - DIIAGE <br />   
        69 Avenue Aristide Briand<br />
        21000 Dijon
    </div>

    <div class ="my-2">
        <i class="fa-solid fa-phone"></i> Phone : 03 80 40 50 60<br />
        <i class="fa-solid fa-envelope"></i> <span class="text-primary">secretariat@cucdb.fr</span>
    </div>

</div>

<div class="container mt-5">

    <h2>Suivez-nous</h2>
    <div class="row g-4 text-center">
        <div class="col-md-4">
            <a href="#" class="card h-100 p-4 border-0 bg-light">
                <i class="fa-solid fa-link fa-3x text-primary mb-3 align-self-center"></i>
                <div class="fw-bold text-primary">Site officiel du DIIAGE</div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="#" class="card h-100 p-4 border-0 bg-light">
                <i class="fa-brands fa-facebook fa-3x text-primary mb-3 align-self-center"></i>
                <div class="fw-bold text-primary">Facebook</div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="#" class="card h-100 p-4 border-0 bg-light">
                <i class="fa-brands fa-instagram fa-3x text-primary mb-3 align-self-center"></i>
                <div class="fw-bold text-primary">Instagram</div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="#" class="card h-100 p-4 border-0 bg-light">
                <i class="fa-brands fa-linkedin fa-3x text-primary mb-3 align-self-center"></i>
                <div class="fw-bold text-primary">LinkedIn</div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="#" class="card h-100 p-4 border-0 bg-light">
                <i class="fa-solid fa-map fa-3x text-primary mb-3 align-self-center"></i>
                <div class="fw-bold text-primary">Google Maps</div>
            </a>
        </div>

        <div class="col-md-4">
            <a href="#" class="card h-100 p-4 border-0 bg-light">
                <i class="fa-brands fa-twitter fa-3x text-primary mb-3 align-self-center"></i>
                <div class="fw-bold text-primary">Twitter</div>
            </a>
        </div>
    </div>

</div>