<!doctype html>
<html class="no-js" lang="en">

<head>
    @include('layouts.css')
</head>

<body>
    
    @include('layouts.header')
   



    <!-- main-area -->
    <main class="main-area fix">
        
       <!-- breadcrumb-area -->
        <section class="breadcrumb__area">
            <div class="breadcrumb__bg" data-background="assets/img/bg/breadcrumb__bg.jpg"></div>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb__content">
                            <h2 class="title">Contactez-nous</h2>
                            <nav class="breadcrumb">
                                <span property="itemListElement" typeof="ListItem">
                                    <a href="{{ url('/') }}">Accueil</a>
                                </span>
                                <span class="breadcrumb-separator"><i class="fas fa-angle-right"></i></span>
                                <span property="itemListElement" typeof="ListItem">Contact</span>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- breadcrumb-area-end -->

        <!-- contact-map -->
        <div class="contact-map">
            
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3793.035583947539!2d10.329289976267374!3d36.73117237158691!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12fd493c93f77937%3A0xb209d90ba02474cb!2s5%20Bd%20Farhat%20Hachad%2C%20Hammam%20Lif!5e1!3m2!1sfr!2stn!4v1765190719480!5m2!1sfr!2stn" allowfullscreen loading="lazy" style="    mix-blend-mode: normal;"></iframe>
        </div>
        <!-- contact-map-end -->

<!-- contact-area -->
<section class="contact__area">
    <div class="container">
        <div class="row">
            <!-- Infos -->
            <div class="col-lg-6">
                <div class="contact__info-wrap">
                    <div class="contact__info-item">
                        <h4 class="title">Contactez-nous</h4>
                        <p>Chez <b>CREABRAIN</b>, nous sommes à votre disposition pour répondre à vos questions, vous accompagner dans vos projets et vous proposer des solutions adaptées à vos besoins.</p>
                        <ul class="list-wrap">
                            <li><i class="fa fa-envelope"></i> <a href="mailto:contact@creabrain.com">contact@creabrain.com</a></li>
                            <li><i class="fa fa-phone"></i> <a href="tel:+21652957555">+216 52 957 555</a></li>
                            
                        </ul>
                        <h5 class="mt-3">Horaires d’ouverture :</h5>
                        <p>Lundi à Vendredi : 9h00 – 18h00</p>
                    </div>

                    
                </div>
            </div>

            <!-- Formulaire -->
            <div class="col-lg-6">
                <div class="contact__info-item">
                        <h4 class="title">Plan d’accès</h4>
                        <ul class="list-wrap">
                            <li><i class="fa fa-map-marker"></i> 5 Boulvard Farhat hached Hammem-Lif 2050</li>
                            
                            <li><i class="fas fa-subway"></i> Métro : Station <b>Hammam-Lif</b> – Ligne 2</li>
                            <li><i class="fas fa-bus"></i> Bus : Lignes 3710 </li>
                            <li><i class="fas fa-parking"></i> Parking public disponible à proximité</li>
                        </ul>
                    </div>
            </div>
        </div>
    </div>
</section>
<!-- contact-area-end -->


       

    </main>
    <!-- main-area-end -->

    @include('layouts.footer')



    @include('layouts.js')



    
</body>

</html>