@extends('frontend.jpt.layout.mainlayout')
@section('content')
    <section class="cover-background full-screens py-0 md-h-250px sm-h-250px"
        style="background-image:url({{ URL::asset('/assets/frontend/jpt/img/banner-3.jpg') }});">
        <div class="opacity-light bg-black"></div>
        <div class="container h-100">
            <div class="row align-items-center justify-content-center h-300px sm-h-300px">
                <div class="col-xl-10 col-lg-10 col-md-10 position-relative z-index-1 mt-5">
                    <div class="d-flex justify-content-center">
                        <h3 class="alt-font text-white fw-600 text-center letter-spacing-4px pt-2 mt-5"> CONTACT
                        </h3>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="pt-4 pb-4 bg-very-light-gray" id="nos-partenaires">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="card border-0 shadow-sm">
                        <div class="card-body p-5">
                            <div class="row justify-content-center mb-4">
                                <div class="col-lg-4 col-md-4">
                                    <div class="mb-3">
                                        <img src="{{ URL::asset('/assets/frontend/jpt/img/conect-logo.jpg') }}"
                                            alt="CONECT - Confédération des Entreprises Citoyennes de Tunisie"
                                            class="img-fluid" style="max-height: 120px;">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-4 mb-4 mb-lg-0">
                                    <h6 class="alt-font text-green mb-4 fw-600">Adresse</h6>
                                    <div class="d-flex align-items-start mb-4">
                                        <div class="me-3">
                                            <i class="fas fa-map-marker-alt text-dark-gray fs-5"></i>
                                        </div>
                                        <div>
                                            <p class="mb-0 text-dark-gray fs-6">
                                                Conect National<br>
                                                5 Rue du 1er Juin 1955<br>
                                                Tunis 1082
                                            </p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-4 mb-4 mb-lg-0">
                                    <h6 class="alt-font text-green mb-4 fw-600">Contact</h6>

                                    <div class="d-flex align-items-start mb-3">
                                        <div class="me-3">
                                            <i class="fas fa-phone text-dark-gray fs-5"></i>
                                        </div>
                                        <div>
                                            <p class="mb-1 text-dark-gray fs-6">+216 31 330 330</p>
                                            <p class="mb-1 text-dark-gray fs-6">+216 71 23 14 22</p>
                                            <p class="mb-3 text-dark-gray fs-6">+216 71 23 14 02</p>
                                        </div>
                                    </div>

                                    <div class="d-flex align-items-start">
                                        <div class="me-3">
                                            <i class="fas fa-envelope text-dark-gray fs-5"></i>
                                        </div>
                                        <div>
                                            <p class="mb-0 text-dark-gray fs-6">conect@conect.org.tn</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-4">
                                    <h6 class="alt-font text-green mb-4 fw-600">Site Web</h6>
                                    <div class="d-flex align-items-start">
                                        <div class="me-3">
                                            <i class="fas fa-globe text-dark-gray fs-5"></i>
                                        </div>
                                        <div>
                                            <a href="https://www.conect.org.tn/"
                                                class="text-dark-gray fs-6 text-decoration-underline" target="_blank"
                                                rel="noopener noreferrer">
                                                https://www.conect.org.tn/
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection