templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'template.html.twig' %}
  4. {% block title %}Accueil | SriCab{% endblock %}
  6. {% block body %}
  8.     <!-- Navigation Section -->
  9.     <nav id="mainnav" class="navbar navbar-default navbar-fixed navbar-scrollspy divinnav no-background white"
  10.          data-minus-value-desktop="70" data-minus-value-mobile="55" data-speed="1000">
  11.         <div class="container-fluid">
  12.             <div class="navbar-header page-scroll">
  13.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
  14.                     <i class="fa fa-bars"></i>
  15.                 </button>
  16.                 <a class="navbar-brand" href="#home"><img src="{{ asset("images/sricab/sricab-white.png") }}"
  17.                                                           class="logo logo-display img-responsive" alt=""></a>
  18.                 <a class="navbar-brand" href="#home"><img src="{{ asset("images/sricab/sricab-white.png") }}"
  19.                                                           class="logo logo-scrolled img-responsive" alt=""></a>
  20.             </div>
  21.             <div class="collapse navbar-collapse navbar-ex1-collapse" id="navbar-menu">
  22.                 <ul class="nav navbar-nav navbar-right">
  23.                     <li class="active scroll"><a href="#home">Home</a></li>
  24.                     <li class="scroll"><a href="#service">Services</a></li>
  25.                     <li class="scroll"><a href="#about">About Us</a></li>
  26.                     <li class="scroll"><a href="#portfolio">Popular Tour</a></li>
  27.                     <li class="scroll"><a href="#testimonial">Testimonials</a></li>
  28.                     <li class="scroll"><a href="#package">Package</a></li>
  29.                     <li class="scroll"><a href="#news">Blog</a></li>
  30.                     {#                    <li class="scroll"><a href="#contact">Contact</a></li> #}
  31.                 </ul>
  32.             </div>
  33.         </div>
  34.     </nav>
  36.     <!--Slider Section-->
  37.     <section class="dart-no-padding-tb" id="home">
  39.         <div class="ms-fullscreen-template" id="slider1-wrapper">
  40.             <!-- masterslider -->
  41.             <div class="master-slider ms-skin-default" id="masterslider">
  42.                 <div class="ms-slide slide-1">
  43.                     <img src="{{ asset('masterslider/style/blank.gif') }}"
  44.                          data-src="{{ asset("images/sricab/slider_bg_1.jpg") }}" alt="lorem ipsum dolor sit">
  45.                     <h4 class="ms-layer bold-text-white bigtext" data-type="text" data-effect="rotate3dtop(70,0,0,180)"
  46.                         data-duration="2000" data-ease="easeInOutQuint">
  47.                         Welcome to
  48.                     </h4>
  49.                     <h3 class="ms-layer captiontext" data-type="text" data-effect="rotate3dbottom(-70,0,0,180)"
  50.                         data-duration="2000" data-ease="easeInOutQuint">
  51.                         SRI TRANSPORT SERVICES
  52.                     </h3>
  53.                 </div>
  54.                 <div class="ms-slide slide-3">
  55.                     <h3 class="ms-layer thin-text-white blacktext" data-type="text" data-effect="top(45)"
  56.                         data-duration="3400" data-ease="easeOutExpo">
  57.                         MANY DESTINATIONS
  58.                     </h3>
  60.                     <img src="{{ asset('masterslider/style/blank.gif') }}"
  61.                          data-src="{{ asset("images/sricab/slider_bg_2.jpg") }}" alt="lorem ipsum dolor sit">
  62.                 </div>
  63.             </div>
  64.             <!-- end of masterslider -->
  65.         </div>
  66.     </section>
  68.     <!--Service Section-->
  69.     <section class="service" id="service">
  70.         <div class="container">
  71.             <div class="row">
  73.                 <div class="col-lg-12 text-center">
  74.                     <div class="section-title">
  75.                         <h1 class="section-heading">Our Services</h1>
  76.                         <span class="divider"><img src="images/sep-1.png" alt="Divider"></span>
  77.                     </div>
  78.                 </div>
  79.                 <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInLeft">
  80.                     <div class="clearfix text-center">
  81.                         <img src="{{ asset("images/departures.png") }}" alt="Tour"/>
  82.                         <h3 class="sub-title">Aeroport Services</h3>
  83.                         <p>Nous venons vous récupérer de votre voyage directement à l'aéroport ou nous venons vous
  84.                             accompagner jusqu'a l'aéroport pour votre déport sur un simple réservation.</p>
  85.                     </div>
  86.                 </div>
  87.                 <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInDown">
  88.                     <div class="clearfix text-center">
  89.                         <img src="{{ asset("images/services.png") }}" alt="Tour"/>
  90.                         <h3 class="sub-title">Team</h3>
  91.                         <p>Plus d'une dizaine de véhicules (citadines, monospaces, Van etc) à votre service et une
  92.                             équipe à votre écoute.</p>
  93.                     </div>
  94.                 </div>
  96.                 <div class="col-lg-4 col-md-4 col-sm-4 wow fadeInRight">
  97.                     <div class="clearfix text-center">
  98.                         <img src="{{ asset("images/tickets.png") }}" alt="Tour"/>
  99.                         <h3 class="sub-title">TICKET ORDERING</h3>
  100.                         <p>Nous réservons pour vous vos activités sur demande (ex: tickets pour bateau mouche / visite
  101.                             Tour Eiffel)et organisons au mieux votre séjour.</p>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         </div>
  106.     </section>
  110.     <!--Special Offire Section-->
  111.     <section class="portfolio "  style="padding: 50px 0!important" id="about">
  112.     <div class="container">
  113.         <div class="col-lg-12 text-center">
  114.             <div class="section-title">
  115.                 <h1 class="section-heading">Offre Speciale</h1>
  116.                 <span class="divider"><img src="images/sep-1.png" alt="Divider"></span>
  117.             </div>
  118.         </div>
  119.         <div class="row">
  121.             <div class="col-md-12 col-sm-12 col-xs-12 col-lg-12 col-md-12 wow fadeInRight text-center">
  122.                 <div >
  124.                         <p>
  125.                             Pour fêter mes 15 ans de services de taxi et après avoir reçu le label de confiance qualité de service de la Chambre des Métiers et Artisans de Nanterre 92 et de la Mairie de Colombes,</p>
  126.                     <p>
  127.                         Je vous <strong>offre un billet</strong> pour une balade en Bateaux Mouche sur la Seine à Paris <strong>d'une valeur de 15€</strong>.
  128.                     </p>
  129.                     <p>
  130.                             Pour bénéficier de cette offre, il vous suffit de réserver vos trajets d'arrivée et de départ sur mon site internet avec un acompte de réservation de 20 €. Celui-ci sera déduit sur le montant de votre voyage de retour.
  131.                             Cette offre est valable uniquement pour une réservation d'une personne.
  132.                         </p>
  133.                         <p>
  135.                             Le lien pour le paiement 👇</p>
  137.                                 <a href="/booking5_step_1">Cliquez ici</a>
  141.                     </div>
  143.             </div>
  144.         </div>
  145.     </div>
  146. </section>
  149.     <!--About Section-->
  150.     {{ include('home/about.html.twig') }}
  154.     <!--Portfolio Section-->
  155.     <section class="portfolio" id="portfolio">
  156.         <div class="container-fluid">
  157.             <div class="row">
  158.                 <div class="col-lg-12 text-center">
  159.                     <div class="section-title"><!-- Section title -->
  160.                         <h1 class="section-heading">Our Popular Tour</h1>
  161.                         <span class="divider"><img src="{{ asset("images/sep-1.png") }}" alt="Divider"></span>
  162.                     </div>
  163.                 </div>
  164.             </div>
  165.             <div class="row no-gutter popup-gallery">
  166.                 {% for i in 1..8 %}
  167.                     {{ include('porfolio/include_pop_up_gallery.html.twig', {'img_name': "pic-full-0000#{i}.jpeg", 'thumb_name': "pic-#{i}.jpg"}) }}
  168.                 {% endfor %}
  170.             </div>
  171.         </div>
  172.     </section>
  174.     <!-- Testimonial Section -->
  175.     <section class="testimonials" id="testimonial"><!-- section id -->
  176.         <div class="container">
  177.             <div class="row">
  178.                 <div class="col-lg-12 text-center"><!-- section title -->
  179.                     <div class="section-title">
  180.                         <h1 class="section-heading">Customer Feedback</h1>
  181.                         <span class="divider"><img src="images/sep-1.png" alt="Divider"></span>
  182.                     </div>
  183.                 </div>
  184.                 <div class="carousel slide text-center" id="fade-quote-carousel" data-ride="carousel"
  185.                      data-interval="3000">
  186.                     <!-- Carousel items -->
  187.                     <div class="container">
  188.                         <div class="carousel-inner">
  189.                             <div class="item active">
  190.                                 <p>Mon récent voyage a été une expérience extraordinaire, avec des paysages magnifiques, un hébergement confortable et un accueil chaleureux. Chaque jour était une nouvelle aventure, créant des souvenirs qui resteront gravés dans ma mémoire. Recommande vivement cette destination pour une escapade mémorable!</p>
  191. {#                                <div class="profile-circle"><img src="images/avtar-1.png" alt="avtar"></div>#}
  192.                                 <p class="person">uma siva</p>
  193.                                 <p class="per-den"> Traveler</p>
  194.                             </div>
  195. {#                            <div class="item">#}
  196. {#                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget#}
  197. {#                                    dolor.<br>A wonderful serenity has taken possession of my entire soul, like these#}
  198. {#                                    sweet mornings of sprin</p>#}
  199. {#                                <div class="profile-circle"><img src="images/avtar-1.png" alt="avtar"></div>#}
  200. {#                                <p class="person">uma siva</p>#}
  201. {#                                <p class="per-den"> Traveler</p>#}
  202. {#                            </div>#}
  203.                         </div>
  204.                     </div>
  205.                 </div>
  207.             </div>
  208.         </div>
  209.     </section>
  211.     <!--Package Section-->
  212.     <section class="package" id="package"><!-- section id -->
  213.         <div class="container">
  214.             <div class="row justify-content-center ">
  215.                 <div class="col-lg-12 text-center"><!-- section title -->
  216.                     <div class="section-title">
  217.                         <h1 class="section-heading white">Choose your package</h1>
  218.                         <span class="divider"><img src="images/sep-1.png" alt="Divider"></span>
  219.                     </div>
  220.                 </div>
  221.                 {#        {%  include 'booking_model/model1.html.twig' %} #}
  223.                 {% include 'booking_model/model3.html.twig' with {
  224.                     'price' : 30,
  225.                     'nom' : "One Day Trip",
  226.                     'url': "images/tours/amsterdam-1280x720.jpg",
  227.                     'date' : "",
  228.                     'consigne': "réservez dès maintenant votre Voyage!",
  229.                     'id'    : 1
  230.                 } %}
  231.                 {% include 'booking_model/model3.html.twig' with {
  232.                     'price' :50,
  233.                     'nom' : "2 days trip",
  234.                     'url': "images/tours/amsterdam-1280x720.jpg",
  235.                     'date' : "",
  236.                     'consigne': "réservez dès maintenant votre Voyage!",
  237.                     'id'    : 2
  238.                 } %}
  239.                 {% include 'booking_model/model3.html.twig' with {
  240.                     'price' : 100,
  241.                     'nom' : "3 days trip",
  242.                     'url': "images/tours/amsterdam-1280x720.jpg",
  243.                     'date' : "",
  244.                     'consigne': "réservez dès maintenant votre Voyage!",
  245.                     'id'    : 3
  246.                 } %}
  247.             </div>
  248.             <div class="row " style="margin-top:2em">
  250.                 {% include 'booking_model/model3.html.twig' with {
  251.                     'price' : 10,
  252.                     'nom' : "Custum trip",
  253.                     'url': "images/tours/amsterdam-1280x720.jpg",
  254.                     'date' : "",
  255.                     'consigne': "réservez dès maintenant votre Voyage!",
  256.                     'id'    :4
  257.                 } %}
  258.                 {% include 'booking_model/model3.html.twig' with {
  259.                     'price' :20,
  260.                     'nom' : "Custum trip",
  261.                     'url': "images/tours/amsterdam-1280x720.jpg",
  262.                     'date' : "",
  263.                     'consigne': "réservez dès maintenant votre Voyage!",
  264.                     'id'    : 5
  265.                 } %}
  266.                 {% include 'booking_model/model3.html.twig' with {
  267.                     'price' : 40,
  268.                     'nom' : "Custum trip",
  269.                     'url': "images/tours/amsterdam-1280x720.jpg",
  270.                     'date' : "",
  271.                     'consigne': "réservez dès maintenant votre Voyage!",
  272.                     'id'    : 6
  273.                 } %}
  278.                 {#                <div class="col-lg-4 col-sm-4 wow fadeInDown"><!-- pack two --> #}
  279.                 {#                    <div class="package-box pack-two"> #}
  280.                 {#                        <div class="text-center"> #}
  281.                 {#                            <h2 class="package-name text-uppercase">Professional</h2> #}
  282.                 {#                            <h4 class="package-price">From $499</h4> #}
  283.                 {#                            <ul class="list-unstyled text-uppercase"> #}
  284.                 {#                                <li><p>Fixed schedule</p></li> #}
  285.                 {#                                <li><p>1-month series</p></li> #}
  286.                 {#                                <li><p>10% off sauna treatment</p></li> #}
  287.                 {#                            </ul> #}
  288.                 {#                            <ul class="list-unstyled"> #}
  289.                 {#                                <li class="text-uppercase">Yoga for Beginners</li> #}
  290.                 {#                                <li><p>Iyengar</p></li> #}
  291.                 {#                                <li><p>Ashtanga</p></li> #}
  292.                 {#                                <li><p>Bikram</p></li> #}
  293.                 {#                                <li><p>Hot Yoga</p></li> #}
  294.                 {#                            </ul> #}
  295.                 {#                            <ul class="list-unstyled"> #}
  296.                 {#                                <li class="text-uppercase">Meditation Techniques</li> #}
  297.                 {#                                <li><p>Zen</p></li> #}
  298.                 {#                                <li><p>Transcendental</p></li> #}
  299.                 {#                                <li><p>Loving-Kindness</p></li> #}
  300.                 {#                                <li><p>Kundalini</p></li> #}
  301.                 {#                            </ul> #}
  302.                 {#                            <a href="#" class="custom-btn contact-us">Contact Now!</a> #}
  303.                 {#                        </div> #}
  304.                 {#                    </div> #}
  305.                 {#                </div> #}
  306.                 {#                <div class="col-lg-4 col-sm-4 wow fadeInRight"><!-- pack three --> #}
  307.                 {#                    <div class="package-box pack-three"> #}
  308.                 {#                        <div class="text-center"> #}
  309.                 {#                            <h2 class="package-name text-uppercase">Premium</h2> #}
  310.                 {#                            <h4 class="package-price">From $999</h4> #}
  311.                 {#                            <ul class="list-unstyled text-uppercase"> #}
  312.                 {#                                <li><p>Fixed schedule</p></li> #}
  313.                 {#                                <li><p>1-month series</p></li> #}
  314.                 {#                                <li><p>10% off sauna treatment</p></li> #}
  315.                 {#                            </ul> #}
  316.                 {#                            <ul class="list-unstyled"> #}
  317.                 {#                                <li class="text-uppercase">Yoga for Beginners</li> #}
  318.                 {#                                <li><p>Hot Yoga</p></li> #}
  319.                 {#                                <li><p>Kundalini</p></li> #}
  320.                 {#                                <li><p>Yin Yoga</p></li> #}
  321.                 {#                                <li><p>Restorative</p></li> #}
  322.                 {#                            </ul> #}
  323.                 {#                            <ul class="list-unstyled"> #}
  324.                 {#                                <li class="text-uppercase">Meditation Techniques</li> #}
  325.                 {#                                <li><p>Kundalini</p></li> #}
  326.                 {#                                <li><p>Yoga Nidra</p></li> #}
  327.                 {#                                <li><p>Chakra</p></li> #}
  328.                 {#                                <li><p>Tonglen</p></li> #}
  329.                 {#                            </ul> #}
  330.                 {#                            <a href="#" class="custom-btn contact-us">Contact Now!</a> #}
  331.                 {#                        </div> #}
  332.                 {#                    </div> #}
  333.                 {#                </div> #}
  334.             </div>
  335.         </div>
  336.     </section>
  339.     <!--News Section Here-->
  340. {#    <section class="news" id="news">#}
  341. {#        <div class="container">#}
  342. {#            <div class="row">#}
  343. {#                <div class="col-lg-12 text-center"><!-- section title -->#}
  344. {#                    <div class="section-title">#}
  345. {#                        <h1 class="section-heading">Latest Blog</h1>#}
  346. {#                        <span class="divider"><img src="images/sep-1.png" alt="Divider"></span>#}
  347. {#                    </div>#}
  348. {#                </div>#}
  349. {#            </div>#}
  350. {#            <div class="row">#}
  351. {#                <div class="col-md-4 col-sm-4 wow fadeInLeft">#}
  352. {#                    <article class="blog-post-container clearfix">#}
  353. {#                        <div class="post-thumbnail">#}
  354. {#                            <img src="{{ asset("images/blog-post/blog-1.jpg") }}" class="img-responsive " alt="Image">#}
  355. {#                            <div class="post-date">#}
  356. {#                                <span class="dart-fs-26 dart-fw-500">29</span>#}
  357. {#                                <span class="dart-fs-14">AUG</span>#}
  358. {#                            </div>#}
  359. {#                        </div><!-- /.post-thumbnail -->#}
  361. {#                        <div class="blog-content">#}
  362. {#                            <div class="dart-header">#}
  363. {#                                <h4 class="dart-title"><a href="blog-single.html">Sea Surfing</a></h4>#}
  364. {#                                <div class="dart-meta">#}
  365. {#                                    <ul class="list-unstyled">#}
  366. {#                                        <li><span class="author"> By: <a href="#">Admin</a></span></li>#}
  367. {#                                        <li><span><a href="#">IN WEB DESIGN</a></span></li>#}
  368. {#                                    </ul>#}
  369. {#                                </div><!-- /.dart-meta -->#}
  370. {#                            </div><!-- /.dart-header -->#}
  372. {#                            <div class="dart-content">#}
  373. {#                                <p>Lorem Ipsum is simply dummy text of the rinting and typesetting industry. Lorem Ipsum#}
  374. {#                                    has been the industry's standard dummy text ever sincer they 1500s.</p>#}
  375. {#                            </div><!-- /.dart-content -->#}
  377. {#                            <div class="dart-footer light-gray">#}
  378. {#                                <ul class="dart-meta clearfix list-unstyled">#}
  379. {#                                    <li><a class="pull-left" href="#"><i class="fa fa-heart"></i> &nbsp; 30</a></li>#}
  380. {#                                    <li><a class="pull-left" href="#"><i class="fa fa-comment"></i> &nbsp; 30</a></li>#}
  381. {#                                    <li><a class="pull-right btn-more" href="#"> <i class="fa fa-long-arrow-right">#}
  382. {#                                                More </i></a></li>#}
  383. {#                                </ul>#}
  384. {#                            </div><!-- /.dart-footer -->#}
  385. {#                        </div><!-- /.blog-content -->#}
  386. {#                    </article>#}
  387. {#                </div>#}
  389. {#                <div class="col-md-4 col-sm-4 wow fadeInDown">#}
  390. {#                    <article class="blog-post-container clearfix">#}
  391. {#                        <div class="post-thumbnail">#}
  392. {#                            <img src="{{ asset("images/blog-post/blog-2.jpg") }}" class="img-responsive " alt="Image">#}
  393. {#                            <div class="post-date">#}
  394. {#                                <span class="dart-fs-26 dart-fw-500">29</span>#}
  395. {#                                <span class="dart-fs-14">AUG</span>#}
  396. {#                            </div>#}
  397. {#                        </div><!-- /.post-thumbnail -->#}
  399. {#                        <div class="blog-content">#}
  400. {#                            <div class="dart-header">#}
  401. {#                                <h4 class="dart-title"><a href="blog-single.html">Mountain Traking</a></h4>#}
  402. {#                                <div class="dart-meta">#}
  403. {#                                    <ul class="list-unstyled">#}
  404. {#                                        <li><span class="author"> By: <a href="#">Admin</a></span></li>#}
  405. {#                                        <li><span><a href="#">IN WEB DESIGN</a></span></li>#}
  406. {#                                    </ul>#}
  407. {#                                </div><!-- /.dart-meta -->#}
  408. {#                            </div><!-- /.dart-header -->#}
  410. {#                            <div class="dart-content">#}
  411. {#                                <p>Lorem Ipsum is simply dummy text of the rinting and typesetting industry. Lorem Ipsum#}
  412. {#                                    has been the industry's standard dummy text ever sincer they 1500s.</p>#}
  413. {#                            </div><!-- /.dart-content -->#}
  415. {#                            <div class="dart-footer light-gray">#}
  416. {#                                <ul class="dart-meta clearfix list-unstyled">#}
  417. {#                                    <li><a class="pull-left" href="#"><i class="fa fa-heart"></i> &nbsp; 30</a></li>#}
  418. {#                                    <li><a class="pull-left" href="#"><i class="fa fa-comment"></i> &nbsp; 30</a></li>#}
  419. {#                                    <li><a class="pull-right btn-more" href="#"> <i class="fa fa-long-arrow-right">#}
  420. {#                                                More </i></a></li>#}
  421. {#                                </ul>#}
  422. {#                            </div><!-- /.dart-footer -->#}
  423. {#                        </div><!-- /.blog-content -->#}
  424. {#                    </article>#}
  425. {#                </div>#}
  427. {#                <div class="col-md-4 col-sm-4 wow fadeInRight">#}
  428. {#                    <article class="blog-post-container clearfix">#}
  429. {#                        <div class="post-thumbnail">#}
  430. {#                            <img src="{{ asset("images/blog-post/blog-3.jpg") }}" class="img-responsive " alt="Image">#}
  431. {#                            <div class="post-date">#}
  432. {#                                <span class="dart-fs-26 dart-fw-500">29</span>#}
  433. {#                                <span class="dart-fs-14">AUG</span>#}
  434. {#                            </div>#}
  435. {#                        </div><!-- /.post-thumbnail -->#}
  437. {#                        <div class="blog-content">#}
  438. {#                            <div class="dart-header">#}
  439. {#                                <h4 class="dart-title"><a href="blog-single.html">Ice Sketing</a></h4>#}
  440. {#                                <div class="dart-meta">#}
  441. {#                                    <ul class="list-unstyled">#}
  442. {#                                        <li><span class="author"> By: <a href="#">Admin</a></span></li>#}
  443. {#                                        <li><span><a href="#">IN WEB DESIGN</a></span></li>#}
  444. {#                                    </ul>#}
  445. {#                                </div><!-- /.dart-meta -->#}
  446. {#                            </div><!-- /.dart-header -->#}
  448. {#                            <div class="dart-content">#}
  449. {#                                <p>Lorem Ipsum is simply dummy text of the rinting and typesetting industry. Lorem Ipsum#}
  450. {#                                    has been the industry's standard dummy text ever sincer they 1500s.</p>#}
  451. {#                            </div><!-- /.dart-content -->#}
  453. {#                            <div class="dart-footer light-gray">#}
  454. {#                                <ul class="dart-meta clearfix list-unstyled">#}
  455. {#                                    <li><a class="pull-left" href="#"><i class="fa fa-heart"></i> &nbsp; 30</a></li>#}
  456. {#                                    <li><a class="pull-left" href="#"><i class="fa fa-comment"></i> &nbsp; 30</a></li>#}
  457. {#                                    <li><a class="pull-right btn-more" href="#"> <i class="fa fa-long-arrow-right">#}
  458. {#                                                More </i></a></li>#}
  459. {#                                </ul>#}
  460. {#                            </div><!-- /.dart-footer -->#}
  461. {#                        </div><!-- /.blog-content -->#}
  462. {#                    </article>#}
  463. {#                </div>#}
  464. {#            </div><!-- /.row -->#}
  465. {#        </div>#}
  466. {#    </section>#}
  469.     <!--Contact Section-->
  470.     {#    <section  class="contact" id="contact"><!-- section id --> #}
  471.     {#        <div class="container"> #}
  472.     {#            <div class="row"> #}
  473.     {#                <div class="col-lg-push-6 col-lg-6"><!-- contact info --> #}
  474.     {#                    <div class="section-title wow fadeInDown"> #}
  475.     {#                        <h1 class="section-heading">Get In Touch</h1> #}
  476.     {#                    </div> #}
  477.     {#                    <div class="contact-form wow fadeInLeft"><!-- contact form --> #}
  478.     {#                        <form action="send_email.php" id="contact" name="contact" method="post"> #}
  479.     {#                            <div class="form-group"> #}
  480.     {#                                <input class="form-control" name="InputName" id="InputName" placeholder="Your Name" required="" type="text"> #}
  481.     {#                            </div> #}
  482.     {#                            <div class="form-group"> #}
  483.     {#                                <input class="form-control" name="InputEmail" id="InputEmail" placeholder="Your Email" required="" type="email"> #}
  484.     {#                            </div> #}
  485.     {#                            <div class="form-group"> #}
  486.     {#                                <input class="form-control" name="InputPhone" id="InputPhone" placeholder="Phone Number" required="" type="text"> #}
  487.     {#                            </div> #}
  488.     {#                            <div class="form-group"> #}
  489.     {#                                <textarea class="form-control" name="InputMessage" id="InputMessage" rows="4" placeholder="Message" required=""></textarea> #}
  490.     {#                            </div> #}
  492.     {#                            <button name="submit" type="submit" class="btn btn-default fs-18">Submit Now</button> #}
  493.     {#                        </form> #}
  494.     {#                    </div> #}
  495.     {#                </div> #}
  496.     {#            </div> #}
  497.     {#        </div> #}
  498.     {#    </section> #}
  501.     <!--Footer Section-->
  502.     <footer class="footer" id="footer"><!-- Section id -->
  503.         <div class="container">
  504.             <div class="row">
  505.                 <div class="col-lg-12 text-center footer-logo wow fadeInDown"><!-- logo -->
  506.                     <a href="#wrapper"><img src="{{ asset("images/sricab/sricab-white.png") }}" class="img-responsive"
  507.                                             alt="Photography Studio"></a>
  508.                 </div>
  509.                 <div class="col-md-4 col-sm-4 wow fadeInLeft">
  510.                     <div class="footer-block"><!-- footer block -->
  511.                         <img src=" {{ asset("images/call-icon.png") }}" alt="Call"><!-- call icon -->
  512.                         <h5>Phone Number</h5>
  513.                         <h4> + 33 6 63 10 37 83 </h4>
  514.                     </div>
  515.                 </div>
  516.                 <div class="col-md-4 col-sm-4 wow fadeInDown">
  517.                     <div class="footer-block"><!-- footer block -->
  518.                         <img src="{{ asset("images/mail-icon.png") }}" alt="Email"><!-- mail icon -->
  519.                         <h5>Info Services</h5>
  520.                         <h4>k-sri@hotmail.fr</h4>
  521.                     </div>
  522.                 </div>
  523.                 <div class="col-md-4 col-sm-4 wow fadeInRight">
  524.                     <div class="footer-block"><!-- footer block -->
  525.                         <img src="{{ asset("images/location-icon.png") }}" alt="Location"><!-- location icon -->
  526.                         <h5>Address</h5>
  527.                         <h4>Paris</h4>
  528.                     </div>
  529.                 </div>
  530.                 <div class="col-md-12 wow fadeInUp">
  531.                     <div class="footer-social">
  532.                         <ul class="list-inline">
  533.                             <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
  534.                             <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
  535.                             {#                            <li> <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a></li> #}
  536.                             {#                            <li> <a href="#" class="dribbble"><i class="fa fa-dribbble"></i></a></li> #}
  537.                             {#                            <li> <a href="#" class="behance"><i class="fa fa-behance"></i></a></li> #}
  538.                         </ul>
  539.                     </div>
  540.                 </div>
  541.             </div>
  542.         </div>
  543.         <div class="container-fluid">
  544.             <div class="row">
  545.                 <div class="col-md-12 copyright">
  546.                     <p>© 2023 SriCab Services. All Rights Reserved.</p>
  547.                 </div>
  548.             </div>
  549.         </div>
  550.     </footer>
  552. {% endblock %}