templates/contact/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Arvernus - Contact{% endblock %}
  5. {% block body %}
  6.     <!-- ========================================== -->
  7.     <!-- Start Breadcumb Section -->
  8.     <!-- ========================================== -->
  9.     <section class="page-title" style="background-image: url(images/background/breadcumb-bg.jpg);">
  10.         <div class="auto-container">
  11.             <div class="title-outer text-center">
  12.                 <h1 class="title">Kontaktiere uns</h1>
  13.                 <ul class="page-breadcrumb">
  14.                     <li><a href="{{ path('app_default') }}"><i class="fa-solid fa-home"></i>Heim</a></li>
  15.                     <li>Kontaktiere uns</li>
  16.                 </ul>
  17.             </div>
  18.         </div>
  19.     </section>
  20.     <!-- ========================================== -->
  21.     <!-- End Breadcumb Section -->
  22.     <!-- ========================================== -->
  27.     <!--==================================================-->
  28.     <!-- Start energin Contact Section  -->
  29.     <!--==================================================-->
  30.     <section class="contact-section gap-two">
  31.         <div class="auto-container">
  34.             <div class="info-container">
  35.                 <div class="row clearfix">
  36.                     <!--Info Block-->
  37.                     <div class="info-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="0ms"
  38.                          data-wow-duration="1500ms">
  39.                         <div class="info-inner-box">
  40.                             <div class="icon-box">
  41.                                 <img src="images/icons/address.svg" alt="">
  42.                             </div>
  43.                             <div class="title-box">
  44.                                 <h4>Address</h4>
  45.                                 <div class="subtitle">For Visit Our Office</div>
  46.                             </div>
  47.                             <div class="content-box">
  48.                                 <div class="text">26, Old Brozon Mall, <br> Newyrok NY 10005</div>
  49.                             </div>
  50.                             <div class="link-box">
  51.                                 <a href="#" class="theme-btn">
  52.                                     <div class="btn-title">Tour Find On Map</div>
  53.                                 </a>
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                     <!--Info Block-->
  58.                     <div class="info-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="300ms"
  59.                          data-wow-duration="1500ms">
  60.                         <div class="info-inner-box">
  61.                             <div class="icon-box">
  62.                                 <img src="images/icons/phone.svg" alt="">
  63.                             </div>
  64.                             <div class="title-box">
  65.                                 <h4>Phone</h4>
  66.                                 <div class="subtitle">For mobile fans</div>
  67.                             </div>
  68.                             <div class="content-box">
  69.                                 <div class="text">Call Us On: 555 626-0234 & <br>555 420-1234 </div>
  70.                             </div>
  71.                             <div class="link-box">
  72.                                 <a href="#" class="theme-btn">
  73.                                     <div class="btn-title">Get Call Back</div>
  74.                                 </a>
  75.                             </div>
  76.                         </div>
  77.                     </div>
  78.                     <!--Info Block-->
  79.                     <div class="info-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="600ms"
  80.                          data-wow-duration="1500ms">
  81.                         <div class="info-inner-box">
  82.                             <div class="icon-box">
  83.                                 <img src="images/icons/email.svg" alt="">
  84.                             </div>
  85.                             <div class="title-box">
  86.                                 <h4>Email</h4>
  87.                                 <div class="subtitle">For Ask Anything</div>
  88.                             </div>
  89.                             <div class="content-box">
  90.                                 <div class="text">supportyou@sailing.com & <br> info@sailing.com </div>
  91.                             </div>
  92.                             <div class="link-box">
  93.                                 <a href="#" class="theme-btn">
  94.                                     <div class="btn-title">Live Chat</div>
  95.                                 </a>
  96.                             </div>
  97.                         </div>
  98.                     </div>
  99.                     <!--Info Block-->
  100.                     <div class="info-block col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInLeft" data-wow-delay="900ms"
  101.                          data-wow-duration="1500ms">
  102.                         <div class="info-inner-box">
  103.                             <div class="icon-box">
  104.                                 <img src="images/icons/time.svg" alt="">
  105.                             </div>
  106.                             <div class="title-box">
  107.                                 <h4>Op. Hrs</h4>
  108.                                 <div class="subtitle">For Comfortable Visit</div>
  109.                             </div>
  110.                             <div class="content-box">
  111.                                 <div class="text">Mon - Sat: 9.00am to 6.00pm <br>Sun: Closed </div>
  112.                             </div>
  113.                             <div class="link-box">
  114.                                 <a href="#" class="theme-btn">
  115.                                     <div class="btn-title">Appointment</div>
  116.                                 </a>
  117.                             </div>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.             </div>
  123.             <div class="contact-container">
  124.                 <div class="row clearfix">
  125.                     <!--Form-->
  126.                     <div class="form-column col-lg-6 col-md-12 col-sm-12">
  127.                         <div class="inner wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
  128.                             <div class="sec-title">
  129.                                 <h2>Send <strong>Your Message</strong></h2>
  130.                                 <div class="lower-text">Don’t Hesitate to Contact US</div>
  131.                             </div>
  132.                             <div class="default-form contact-form">
  133.                                 <form method="post" id="contact-form" action="sendemail.php">
  134.                                     <div class="row clearfix">
  135.                                         <div class="form-group col-lg-6 col-md-6 col-sm-12">
  136.                                             <div class="field-label">Name</div>
  137.                                             <div class="field-inner">
  138.                                                 <input id="user" type="text" name="username" placeholder="Your Name" required=""
  139.                                                        autocomplete="on">
  140.                                             </div>
  141.                                         </div>
  143.                                         <div class="form-group col-lg-6 col-md-6 col-sm-12">
  144.                                             <div class="field-label">Email</div>
  145.                                             <div class="field-inner">
  146.                                                 <input id="ema" type="email" name="email" placeholder="Email Address" required=""
  147.                                                        autocomplete="on">
  148.                                             </div>
  149.                                         </div>
  151.                                         <div class="form-group col-lg-12 col-md-12 col-sm-12">
  152.                                             <div class="field-label">Subject</div>
  153.                                             <div class="field-inner">
  154.                                                 <select name="boat" id="filterboat" class="custom-select">
  155.                                                     <option selected="selected">Do you want to discuss about</option>
  156.                                                     <option>Water Surfing</option>
  157.                                                     <option>Yacht Racing</option>
  158.                                                     <option>Boat Sailing</option>
  159.                                                 </select>
  160.                                             </div>
  161.                                         </div>
  163.                                         <div class="form-group col-lg-12 col-md-12 col-sm-12">
  164.                                             <div class="field-label">Message</div>
  165.                                             <div class="field-inner">
  166.                                                 <textarea name="message" placeholder="Write your message..." required=""></textarea>
  167.                                             </div>
  168.                                         </div>
  170.                                         <div class="form-group col-lg-12 col-md-12 col-sm-12">
  171.                                             <button type="submit" class="btn btn_primary"><span class="btn-title">Send Your
  172.                             Message</span></button>
  173.                                         </div>
  174.                                     </div>
  175.                                 </form>
  176.                             </div>
  177.                         </div>
  178.                     </div>
  179.                     <!--Map-->
  180.                     <div class="map-column col-lg-6 col-md-12 col-sm-12">
  181.                         <div class="inner wow fadeInRight" data-wow-delay="300ms" data-wow-duration="1500ms">
  182.                             <!--Map Box-->
  183.                             <div class="map-box">
  184.                                 <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d311029.6340151018!2d13.330112!3d52.480602!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a85063da463bc5%3A0x39e6fcd6542a6b7e!2sT%C3%BCbinger%20Str.%202%2C%2010715%20Berlin%2C%20Deutschland!5e0!3m2!1sde!2spt!4v1727347624296!5m2!1sde!2spt" width="600" height="360" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  185.                                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2354.457843896767!2d10.694221876991385!3d53.83472023806981!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47b2091a3084cf3b%3A0xbcc69d9aabe236ad!2sMaria-Goeppert-Stra%C3%9Fe%203%2C%2023562%20L%C3%BCbeck%2C%20Alemanha!5e0!3m2!1spt-PT!2spt!4v1727347745489!5m2!1spt-PT!2spt" width="600" height="360" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  186.                             </div>
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             </div>
  192.         </div>
  193.     </section>
  194.     <!--==================================================-->
  195.     <!-- End energin Contact Section  -->
  196.     <!--==================================================-->
  197. {% endblock %}