templates/contactus/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Fabios Roadstop - Contactos{% endblock %}
  5. {% block body %}
  6.     <div class="breadcumb-wrapper background-image" style="background-image: url(&quot;assets/img/breadcumb/breadcumb-bg.jpg&quot;);">
  7.         <div class="container z-index-common">
  8.             <div class="breadcumb-content">
  9.                 <h1 class="breadcumb-title">Conacte-<span class="font-style text-theme2">nos</span></h1>
  10.                 <ul class="breadcumb-menu">
  11.                     <li><a href="{{ path('app_default') }}">Home</a></li>
  12.                     <li>Contactos</li>
  13.                 </ul>
  14.             </div>
  15.         </div>
  16.     </div>
  18.     <div class="space">
  19.         <div class="container">
  20.             <div class="contact-map">
  21.                 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3181.9441469895523!2d-8.355756082556152!3d37.106447!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd1ad1942bdde8f7%3A0x635d7377c79dfca9!2sFabio&#39;s%20Roadstop!5e0!3m2!1spt-PT!2spt!4v1673361900844!5m2!1spt-PT!2spt" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  22.             </div>
  23.         </div>
  24.     </div>
  26.     <div class="" data-pos-for="#contactFormSec" data-sec-pos="bottom-half" style="margin-bottom: -155px;">
  27.             <div class="container">
  28.                 <div class="row gy-4">
  29.                     <div class="col-lg-4">
  30.                         <div class="contact-info background-image" style="background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  31.                             <div class="contact-info_icon"><i class="fal fa-phone"></i></div>
  32.                             <h4 class="contact-info_title box-title">Phone</h4>
  33.                             <span class="contact-info_text"><a href="tel:+65485965789">(+65) - 48596 - 5789</a> <a href="tel:+65485965789">+65-48596-5789</a></span>
  34.                         </div>
  35.                     </div>
  36.                     <div class="col-lg-4">
  37.                         <div class="contact-info background-image" style="background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  38.                             <div class="contact-info_icon"><i class="fal fa-envelope"></i></div>
  39.                             <h4 class="contact-info_title box-title">Email</h4>
  40.                             <span class="contact-info_text"><a href="mailto:info@pizzer.com">info@pizzer.com</a> <a href="mailto:info.example@gmail.com">info.example@gmail.com</a></span>
  41.                         </div>
  42.                     </div>
  43.                     <div class="col-lg-4">
  44.                         <div class="contact-info background-image" style="background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  45.                             <div class="contact-info_icon"><i class="fal fa-location-dot"></i></div>
  46.                             <h4 class="contact-info_title box-title">Location</h4>
  47.                             <span class="contact-info_text">1403 Washington Ave, New Orlea<br>ns, LA 70130, United States</span>
  48.                         </div>
  49.                     </div>
  50.                 </div>
  51.             </div>
  52.     </div>
  54.     <div class="" data-pos-for="#contactFormSec" data-sec-pos="bottom-half" style="margin-bottom: 2rem;margin-top: 10rem;">
  55.         <div class="container">
  56.             <div class="row gy-4 justify-content-center">
  57.                 <div class="col-auto">
  58.                     <div class="contact-info background-image" style="    min-width: 150px; background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  59.                         <h4 class="contact-info_title box-title" style="   font-size: 15px;">Segunda-Feira</h4>
  60.                         <span class="contact-info_text">Fechado</span>
  61.                     </div>
  62.                 </div>
  63.                 <div class="col-auto">
  64.                     <div class="contact-info background-image" style="     min-width: 150px;background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  65.                         <h4 class="contact-info_title box-title" style="   font-size: 15px;">Terça-Feira</h4>
  66.                         <span class="contact-info_text">09:00 - 23:00</span>
  67.                     </div>
  68.                 </div>
  69.                 <div class="col-auto">
  70.                     <div class="contact-info background-image" style="     min-width: 150px;background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  71.                         <h4 class="contact-info_title box-title" style="   font-size: 15px;">Quarta-Feira</h4>
  72.                         <span class="contact-info_text">09:00 - 23:00</span>
  74.                     </div>
  75.                 </div>
  76.                 <div class="col-auto">
  77.                     <div class="contact-info background-image" style="     min-width: 150px;background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  78.                         <h4 class="contact-info_title box-title" style="   font-size: 15px;">Quinta-Feira</h4>
  79.                         <span class="contact-info_text">09:00 - 23:00</span>
  81.                     </div>
  82.                 </div>
  83.                 <div class="col-auto">
  84.                     <div class="contact-info background-image" style="     min-width: 150px;background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  85.                         <h4 class="contact-info_title box-title" style="   font-size: 15px;">Sexta-Feira</h4>
  86.                         <span class="contact-info_text">09:00 - 23:00</span>
  88.                     </div>
  89.                 </div>
  90.                 <div class="col-auto">
  91.                     <div class="contact-info background-image" style="     min-width: 150px;background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  92.                         <h4 class="contact-info_title box-title" style="   font-size: 15px;">Sábado</h4>
  93.                         <span class="contact-info_text">09:00 - 23:00</span>
  95.                     </div>
  96.                 </div>
  97.                 <div class="col-auto">
  98.                     <div class="contact-info background-image" style="     min-width: 150px;background-image: url(&quot;assets/img/bg/contact_info_bg.png&quot;);">
  99.                         <h4 class="contact-info_title box-title" style="   font-size: 15px;">Domingo</h4>
  100.                         <span class="contact-info_text">09:00 - 23:00</span>
  102.                     </div>
  103.                 </div>
  107.             </div>
  108.         </div>
  109.     </div>
  111.     <section class=" " id="" style="margin-bottom: 3rem;margin-top: 10rem;">
  112.         <div class="container">
  113.             <form action="#" method="POST" class="contact-form ajax-contact">
  114.                 <h3 class="form-title">Entre em contacto</h3>
  115.                 <div class="row">
  116.                     <div class="form-group col-md-6"><input type="text" class="form-control" name="name" id="name" placeholder="Seu Nome"> <i class="fal fa-user"></i></div>
  117.                     <div class="form-group col-md-6"><input type="email" class="form-control" name="email" id="email" placeholder="Seu Email"> <i class="fal fa-envelope"></i></div>
  118.                     <div class="form-group col-md-6"><input type="tel" class="form-control" name="number" id="number" placeholder="Telemovel"> <i class="fal fa-phone"></i></div>
  119.                     <div class="form-group col-md-6">
  120.                         <select name="subject" id="subject" class="form-select">
  121.                             <option value="" disabled="disabled" selected="selected" hidden="">Assunto</option>
  122.                             <option value="Reservation For Birthday">Reserva de Aniversário</option>
  123.                             <option value="Book A Table">Reserva de Mesa</option>
  124.                             <option value="Food Pre-order">Encomendar Comida</option>
  125.                             <option value="Request a Quote">Aderir a Equipa</option>
  126.                         </select>
  127.                         <i class="fal fa-chevron-down"></i>
  128.                     </div>
  129.                     <div class="form-group col-12"><textarea name="message" id="message" cols="30" rows="3" class="form-control" placeholder="Sua Mensagem"></textarea> <i class="fal fa-comment"></i></div>
  130.                     <div class="form-btn text-center col-12"><button class="as-btn">Enviar a Mensagem</button></div>
  131.                 </div>
  132.                 <p class="form-messages mb-0 mt-3"></p>
  133.             </form>
  134.         </div>
  135.     </section>
  138. {% endblock %}