templates/home/parts/contact_us.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .user-box {
  3.         position: relative;
  4.     }
  6.     .user-box input {
  7.         width: 100%;
  8.         /*padding: 10px 0;*/
  9.         font-size: 16px;
  10.         color: white !important;
  11.         margin-bottom: 30px;
  12.         border: none;
  13.         border-bottom: 1px solid white !important;
  14.         outline: none;
  15.         background: transparent;
  16.     }
  18.     .user-box label {
  19.         /*position: absolute;*/
  20.         /*top: 0;*/
  21.         /*left: 0;*/
  22.         /*padding: 10px 0;*/
  23.         font-size: 16px;
  24.         color: white
  25.     }
  27.     .user-box-radio {
  28.         color: white
  29.     }
  31.     textarea {
  32.         width: 100%;
  33.     }
  35. </style>
  36. <div class="container bg-gradient-dark">
  37.     <div class="row">
  38.         <div class="col-12 col-md-4 mx-auto">
  39.             <form class="py-5" method="post" action="{{ path('website_contacts_new') }}">
  40.                 <div class="user-box">
  41.                     <label for="firstName">First Name<sup style="padding-left:5px">*</sup></label>
  42.                     <input type="text" name="firstName" required>
  44.                 </div>
  45.                 <div class="user-box">
  46.                     <label>Last Name<sup style="padding-left:5px">*</sup></label>
  47.                     <input type="text" name="lastName" required>
  49.                 </div>
  50.                 <div class="user-box">
  51.                     <label>Email<sup style="padding-left:5px">*</sup></label>
  52.                     <input type="email" name="email" required>
  54.                 </div>
  55.                 <div class="user-box">
  56.                     <label>Phone<sup style="padding-left:5px">*</sup></label>
  57.                     <input type="text" name="mobile" required>
  59.                 </div>
  60.                 <div class="user-box-radio">
  61.                     <label class="pr-5" for="user-box-radio">Interested in:</label>
  62.                     {% set products = Product.getProductFooter %}
  63.                     {% for product in products %}
  64.                         <div>
  65.                         <span style="white-space: nowrap">
  66.                         <input type="radio" name="service" required
  67.                                value="{{ product.product }}" id="{{ product.product }}">
  68.                         <label class="pr-5" for="{{  product.product }}">{{ product.product }}</label>
  69.                         </span>
  70.                         </div>
  71.                     {% endfor %}
  73.                 </div>
  74.                 <div class="user-box">
  75.                     <label class="pr-5" for="message-box">Message:</label>
  76.                     <textarea style="width: 100%" rows="7" name="notes" id="message-box"></textarea>
  77.                 </div>
  78.                 <button class="btn btn-outline-success mt-3">Submit</button>
  79.             </form>
  80.         </div>
  81.     </div>
  82. </div>