templates/website/page/contact-us.html.twig line 1

  1. {% extends '@web/base.html.twig' %}
  2. {% block body %}
  4.     <section class="section-services">
  5.         <div class="custom-container">
  6.             <div class="wrapper-navigation">
  7.                 <h1>
  8.                     {{ 'Contact Us'|trans }}
  9.                 </h1>
  10.                 <ul>
  11.                     <li>
  12.                         <a href="{{ path('page_index') }}">
  13.                             {{ 'Home'|trans }}
  14.                         </a>
  15.                     </li>
  16.                     <li>
  17.                         <span>
  18.                             {{ 'Contact Us'|trans }}
  19.                         </span>
  20.                     </li>
  21.                 </ul>
  22.             </div>
  23.             <div class="wrapper-items">
  24.                 <div class="wrapper-icons">
  25.                     <div class="wrapper-icon-item">
  26.                         <div class="wrapper-icon">
  27.                             <svg
  28.                                     xmlns="http://www.w3.org/2000/svg"
  29.                                     width="48" height="48"
  30.                                     viewBox="0 0 24 24"
  31.                                     fill="#AF0503">
  32.                                 <path d="M2 3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h20c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H2zm0 2h20v.01L12 13 2 5.01V5zm0 3.2L9.6 12 2 16.8V8.2zm20 0v8.6L14.4 12 22 8.2z"/>
  33.                             </svg>
  34.                         </div>
  35.                         <div class="wrapper-text">
  36.                             <h6 class="contact-item-name">
  37.                                 Email address
  38.                             </h6>
  39.                             <a href="mailto: support@infinitemoment.life">
  40.                                 support@infinitemoment.life
  41.                             </a>
  42.                         </div>
  43.                     </div>
  44.                     <div class="wrapper-icon-item">
  45.                         <div class="wrapper-icon">
  46.                             <svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24" fill="#AF0503">
  47.                                 <path d="M6.6 10.8c1.6 3.2 4.4 6 7.6 7.6l2.6-2.6c.2-.2.6-.2.8 0 1 .4 2 .6 3 .6.4 0 .8.4.8.8v3.8c0 .4-.4.8-.8.8C12 22 2 12 2 3.8c0-.4.4-.8.8-.8H6.6c.4 0 .8.4.8.8 0 1 .2 2 .6 3 .2.2.2.6 0 .8l-2.6 2.4z"/>
  48.                             </svg>
  49.                         </div>
  50.                         <div class="wrapper-text">
  51.                             <h6 class="contact-item-name">
  52.                                 Phone
  53.                             </h6>
  54.                             <a href="tel: +14387382773">
  55.                                 +14387382773
  56.                             </a>
  57.                         </div>
  58.                     </div>
  59.                 </div>
  60.                 <div class="wrapper-form">
  61.                     <form action="">
  62.                         <div class="wrapper-input">
  63.                             <input type="text" placeholder="Name" id="name">
  64.                         </div>
  65.                         <div class="wrapper-input">
  66.                             <input type="text" placeholder="Email" id="email">
  67.                         </div>
  68.                         <div class="wrapper-input">
  69.                             <input type="text" placeholder="Comment" id="comment">
  70.                         </div>
  71.                         <div class="wrapper-button">
  72.                             <button type="submit" class="main-button">
  73.                                 Submit request
  74.                             </button>
  75.                         </div>
  76.                     </form>
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </section>
  82. {% endblock %}