{% extends "base.html.twig" %}

{% block body %}

<!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><i class="fas fa-times"></i></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="#"><img src="{{asset('assets/assets/images/logo.png')}}" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>Chicago 12, Melborne City, USA</li>
                        <li><a href="tel:+8801682648101">+88 01682648101</a></li>
                        <li><a href="mailto:info@example.com">info@example.com</a></li>
                    </ul>
                </div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="#"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="#"><span class="fab fa-facebook-square"></span></a></li>
                        <li><a href="#"><span class="fab fa-pinterest-p"></span></a></li>
                        <li><a href="#"><span class="fab fa-instagram"></span></a></li>
                        <li><a href="#"><span class="fab fa-youtube"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->

 <!-- page-title -->
        <section class="page-title centred">
            <div class="bg-layer" style="background-image: url({{asset('assets/assets/images/background/page-title.jpg')}});"></div>
            <div class="auto-container">
                <div class="content-box">
                    <h1>Contactez nous</h1>
                    <ul class="bread-crumb clearfix">
                        <li><a href="{{path('home')}}">Accueil</a></li>
                        <li>Contact nous</li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- page-title end -->


        <!-- contact-section -->
        <section class="contact-section pt_150 pb_150">
            <div class="auto-container">
                <div class="row clearfix">
                    <div class="col-lg-4 col-md-12 col-sm-12 info-column">
                        <div class="sec-title mb_60">
                            <h2>Nous sommes disponibles</h2>
                        </div>
                        <div class="info-inner">
                            <div class="info-block-two">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-26"></i></div>
                                    <h3>En agence</h3>
                                    <p>Cocody - Rivera Bonoumin, Abidjan <br/> Côte d'Ivoire</p>
                                </div>
                            </div>
                            <div class="info-block-two">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-24"></i></div>
                                    <h3>En ligne</h3>
                                    <p><a href="tel:002252722205899">(+225) 27 22 20 58 99</a> <br />
                                        <a href="tel::002250160259900">(+225) 01 60 25 99 00</a> <br />
                                         <a href="tel::002250779726712">(+225) 07 79 72 67 12</a>
                                    </p>
                                </div>
                            </div>
                            <div class="info-block-two">
                                <div class="inner-box">
                                    <div class="icon-box"><i class="icon-25"></i></div>
                                    <h3>Par mail</h3>
                                    <p><a href="mailto:suntravels.sts@gmail.com">suntravels.sts@gmail.com</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8 col-md-12 col-sm-12 content-column">
                        <div class="content_block_six">
                            <div class="content-box">
                                <div class="form-inner">
                                    <form method="post" action="#">
                                        <div class="row clearfix">
                                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                <input type="text" name="fname" placeholder="Nom*" required>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                <input type="text" name="lname" placeholder="Prénoms*" required>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                <input type="text" name="phone" placeholder="Numéro de Mobile*" required>
                                            </div>
                                            <div class="col-lg-6 col-md-6 col-sm-12 form-group">
                                                <input type="text" name="email" placeholder="Email*" required>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                                <div class="select-box">
                                                    <select class="wide" required>
                                                       <option data-display="Sujet*">Sujet</option>
                                                       <option value="1">Demande d'assistance</option>
                                                       <option value="2">Demande d'informations</option>
                                                       <option value="3">Autre</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 form-group">
                                                <textarea name="message" placeholder="Votre Message*" required></textarea>
                                            </div>
                                            <div class="col-lg-12 col-md-12 col-sm-12 form-group message-btn centred">
                                                <button type="submit" class="theme-btn btn-one">Envoyer le Message</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- contact-section end -->


        
      
{% endblock %}