@extends('layouts.app')
@section('content')
<div class="container">

    <!--Section: Contact v.2-->
    <section class="mb-4">

        <!--Section heading-->
        <h2 class="h1-responsive font-weight-bold text-center my-4">Contactez-nous</h2>
        <!--Section description-->
        <p class="text-center w-responsive mx-auto mb-2">
            Avez-vous des questions? N'hésitez pas à nous contacter directement. Notre équipe reviendra vers vous pour vous aider le plus rapidement possible.
        </p>
        <p class="text-center w-responsive mx-auto mb-5">
            Do you have any questions? Please do not hesitate to contact us directly. Our team will come back to you as fast as possible.
        </p>

        <div class="row">

            <!--Grid column-->
            <div class="col align-self-center text-center">
                <ul class="list-unstyled mb-0">
                    <li><i class="fas fa-map-marker-alt"></i>
                        <p>Centre de soutien à l'enseignement, UNIL</p>
                        <p>Bâtiment Anthropole  2126</p>
                    </li>

                    <li><i class="fas fa-phone mt-4 fa-2x"></i>
                        <p>+41 21 692 38 15</p>
                    </li>

                    <li><i class="fas fa-envelope mt-4 fa-2x"></i>
                        <p>cse@unil.ch</p>
                    </li>
                </ul>
            </div>
            <!--Grid column-->

        </div>

    </section>
    <!--Section: Contact v.2-->
</div>
@stop