@{
    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">
        <a href="tel:+0380405060"><i class="fa-solid fa-phone"></i> Phone : 03 80 40 50 60</a><br />
        <a href="mailto:secretariat@cucdb.fr"><i class="fa-solid fa-envelope"></i> <span class="text-primary">secretariat@cucdb.fr</span></a>
    </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="https://diiage.cucdb.fr/" 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="https://www.facebook.com/diiage" 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="https://www.instagram.com/diiage.cucdb/" 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="https://www.linkedin.com/company/diiage/posts/?feedView=all" 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="https://www.google.com/maps/place/C.U.C.D.B.+Centre+Universitaire+Catholique+De+Bourgogne/%4047.3348851,5.0514267,695m/data=!3m1!1e3!4m6!3m5!1s0x47f29dfee14743ed:0x7d1348ede68455cb!8m2!3d47.3348851!4d5.0540016!16s%2Fg%2F1td04cy3?entry=ttu&g_ep=EgoyMDI2MDQwMS4wIKXMDSoASAFQAw%3D%3D" 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>