templates/landing/contact_us.html.twig line 1

Open in your IDE?
  1. {% extends "landing/base_landing.html.twig" %}
  3. {% block body %}
  4. {{ parent() }}
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
  8. <div class=" all-pedding row mt-4 mb-4 container" >
  9. <div class="contact-us-page col-md-6">
  10. <h2 style="text-align:center; color:white; background-color: #002855" class="p-2">Get In Touch With Us Now!</h2>
  11. <div class="contact-info">
  12. <div class="box">
  13. <i class="fas fa-phone contact-head"></i>
  14. <p class="contact-head ">Phone Number</p>
  15. <p class="contact-form-text">+91 1234567890</p>
  16. <p class="contact-form-text">+91 1234567890</p>
  17. </div>
  18. <div class="box">
  19. <i class="fas fa-envelope"></i>
  20. <p class="contact-head ">Email</p>
  21. <p class="contact-form-text">info@rider.com</br> rider@gmail.com</p>
  22. </div>
  23. <div class="box">
  24. <i class="fas fa-map-marker-alt"></i>
  25. <p class="contact-head">Location</p>
  26. <p class="contact-form-text">Indirapuram, Ghaziabad, Uttar Pradesh 201301</p>
  27. </div>
  28. <div class="box">
  29. <i class="fas fa-clock"></i>
  30. <p class="contact-head">Working Hours</p>
  31. <p class="contact-form-text">Monday to Saturday<br>09:00 AM to 06:00 PM</p>
  32. </div>
  33. </div>
  34. </div>
  35. <div class="contact-us-info col-md-5">
  36. <h2 style="text-align:center; color:white; background-color: #002855" class="p-2">Contact Us</h2>
  37. <form action="{{ path('Contact_Us') }}" id="product_form11" method="post" enctype="multipart/form-data">
  38. <div class="contact-form">
  39. <div class="form-group">
  40. <input type="text" name="firstName" placeholder="First Name *" required>
  41. </div>
  42. <div class="form-group">
  43. <input type="text" name="lastName" placeholder="Last Name">
  44. </div>
  45. <div class="form-group">
  46. <input type="tel" name="mobileNo" placeholder="Mobile No *" required>
  47. </div>
  48. <div class="form-group">
  49. <input type="email" name="email" placeholder="Email ID *" required>
  50. </div>
  51. <div style="width:100%">
  52. <textarea placeholder="Message" name="message" rows="4"></textarea>
  53. </div>
  54. <button class="submit-btn">Submit</button>
  55. </div>
  56. </form>
  57. </div>
  58. </div>
  59. {% if message is defined and message == true %}
  60. <script>
  61. Swal.fire({
  62. title: 'Thanks You!!',
  63. text: 'We have recieved your message and will follow up shortly.',
  64. icon: 'success',
  65. timer: 3000
  66. });
  67. </script>
  68. {% endif %}
  70. {% endblock %}