templates/website/pages/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'website/base.html.twig' %}
  3. {% block title %}Contact{% endblock %}
  5. {% block body %}
  7.     <section class="position-relative bg-fit overlay-black-50 page-header-bg">
  9.         <div class="position-absolute" style="right: 0;
  10.         background-color: white;
  11.   bottom: 0;
  12.   z-index: -1;
  13.   min-width: 100%;
  14.   min-height: 100%;">
  15.             <video autoplay muted loop playsinline>
  16.                 <source src="{{ asset('assets/images/background/hero-section.webm') }}" type="video/webm">
  17.                 Your browser does not support the video tag.
  18.             </video>
  19.         </div>
  20.         <div class="container">
  21.             <div class="row text-center justify-content-center">
  22.                 <div class="col-lg-8">
  23.                     <h1 class="text-white">Contact Me</h1>
  24.                     <h2 class="scroll-down"></h2>
  25.                 </div>
  26.             </div>
  27.         </div>
  28.     </section>
  29.     <section class="slice-pt">
  30.         <div class="container">
  31.             <div class="row">
  32.                 <div class="col-lg-6">
  34.                     <!--===== Start of left =====-->
  35.                     <span class="display-5 text-primary-gradient d-block mb-4">Shima Amini</span>
  36.                     <span class="display-5 text-primary-gradient">
  38.                     </span>
  39.                     <div class="pricing-list list-style-02 mb-4">
  40.                         <div class="row">
  41.                             <div class="col-lg-6 mt-4">
  42.                                 <h4>Address </h4>
  43.                                 <p class="h6">UK</p>
  44.                             </div>
  45.                             <div class="col-lg-6 mt-4">
  46.                                 <h4>Email </h4>
  47.                                 <a class="mb-0" style="color: #000" href="mail:shima.aminii1998@gmail.com">shima.aminii1998@gmail.com</a>
  48.                             </div>
  49.                         </div>
  50.                     </div>
  51.                     <!--===== End of left =====-->
  53.                 </div>
  54.                 <div class="col-lg-5 offset-lg-1">
  55.                     <div class="p-4 p-md-5 shadow mt-5 border rounded">
  57.                         <!--===== Start of form =====-->
  58.                         <form class="form-light" method="POST" action="{{ path('website.consult.new') }}">
  59.                             <div class="form-floating mb-3">
  60.                                 <input type="text" class="form-control" name="fullname" placeholder="Your name"
  61.                                        required>
  62.                                 <label>Fullname</label>
  63.                             </div>
  64.                             <div class="form-floating mb-3">
  65.                                 <input type="text" class="form-control" name="email" placeholder="info@mail.com"
  66.                                        required>
  67.                                 <label>Your mail</label>
  68.                             </div>
  69.                             <div class="form-floating mb-3">
  70.                                 <textarea class="form-control" name="description" required placeholder="Your message"
  71.                                           rows="3"></textarea>
  72.                                 <label>Your message</label>
  73.                             </div>
  74.                             <div class="d-grid">
  75.                                 <button type="submit" class="btn btn-warning btn-rounded">Get in touch</button>
  76.                             </div>
  77.                         </form>
  79.                         {% if message %}
  80.                         <div class="row">
  81.                             <div class="col-12">
  82.                                 <span style="color: {% if message.status ==1 %}green{% else %}red{% endif %}">{{ message.text }}</span>
  83.                             </div>
  84.                         </div>
  85.                         {% endif %}
  86.                         <!--===== End of form =====-->
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.     </section>
  93. {% endblock %}