templates/default/contact-us.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  4. {% block body %}
  5. <main class="mhcc-wrapper mb-4">
  6. <article class="mhcc-sec-page-outer">
  7. <!--// Main title block STARTS-->
  8.     <header class="mt-0 mb-4 text-center light-green-bg sec-page-main-header">
  9.             <h1 class="text-left sec-page-main-title sec-page-lead-text--light-blue sec-page-main-title--big">{{ "contact-us"|trans|raw }}</h1>
  10.     </header>
  11. <!--// Main title block ENDS-->
  12.     
  13.     <!--// Form container STARTS -->
  14.     <div class="mhcc-inner-content">
  15.      <p class="mb-4 sec-page-lead-text sec-page-lead-text--big sec-page-lead-text--dark-blue">{{ "meaningful-lasting-advances"|trans|raw }}</p>
  16.      <p class="mb-4 sec-page-lead-text sec-page-lead-text--big sec-page-lead-text--dark-blue">{{ "contact-us-2"|trans|raw }}</p>
  17.       <!--Form starts //-->
  18.       <form class="mhcc-contact-us-wrapper" action="{{ path('contact_us') }}" method="POST">
  19.       <!--Form card starts //-->
  20.           <section class="card card-default shadow-6dp animated fadeIn animation-delay-7 mb-4">
  21.             <header class="card-header mhcc-form-header bg-primary ">
  22.                 <h2 class="no-m pt-4 pb-4 color-white mhcc-form-title mhcc-form-title--left">{{ "contact-us"|trans|raw }}</h2>
  23.             </header>
  24.             <!--Card inner block starts //-->
  25.             <div class="card-block mhcc-card-block-form">
  26.             
  27.              <!--Form field starts //-->   
  28.                 <div class="form-group label-floating mhcc-form-group">
  29.                     <label for="firstName" class="control-label">* {{ "first-name"|trans|raw }}</label>
  30.                     <input type="text" name="firstName" id="firstName" value="{{ app.request.get('firstName') }}" class="form-control" required="required" />
  31.                 </div>
  32.              <!--Form field starts //-->   
  33.                 <div class="form-group label-floating mhcc-form-group">
  34.                     <label for="lastName" class="control-label">* {{ "last-name"|trans|raw }}</label>
  35.                     <input type="text" name="lastName" id="lastName" value="{{ app.request.get('lastName') }}" class="form-control" required="required" />
  36.                 </div>
  37.              <!--Form field starts //-->   
  38.                 <div class="form-group label-floating mhcc-form-group">
  39.                     <label for="jobTitle" class="control-label">* {{ "job-title"|trans|raw }}</label>
  40.                     <input type="text" name="jobTitle" id="jobTitle" value="{{ app.request.get('jobTitle') }}" class="form-control" required="required" />
  41.                 </div>
  42.              <!--Form field starts //-->   
  43.                 <div class="form-group label-floating mhcc-form-group">
  44.                     <label class="control-label" for="emailContactUs">* {{ "email"|trans|raw }}</label>
  45.                     <input type="email" id="emailContactUs" name="emailContactUs" class="form-control" required="required" />
  46.                 </div>
  47.              <!--Form field starts //-->    
  48.                 <div class="form-group label-floating mhcc-form-group">
  49.                     <label for="phoneContactUs" class="control-label">{{ "phone"|trans|raw }}</label>
  50.                     <input type="text" name="phoneContactUs" id="phoneContactUs" value="{{ app.request.get('phoneContactUs') }}" class="form-control" />
  51.                 </div>
  52.              
  53.              <!--Form field starts //-->   
  54.                 <div class="form-group label-floating mhcc-form-group">
  55.                     <label for="subjectContactUs" class="control-label">* {{ "subject"|trans|raw }}</label>
  56.                     <input type="text" name="subjectContactUs" id="subjectContactUs" value="{{ app.request.get('subjectContactUs') }}" class="form-control"  required="required"/>
  57.                 </div>
  58.              <!--Form field starts //-->   
  59.                 <div class="form-group label-floating mhcc-form-group">
  60.                     <label for="messageContactUs" class="control-label">* {{ "message"|trans|raw }}</label>
  61.                     <textarea class="form-control psla-form" name="messageContactUs" id="messageContactUs" rows="6" required="required"></textarea>
  62.                 </div>               
  63.              <!--Form fields end //-->
  65.                 <!-- To handle spam messages starts -->
  66.                         <div class="sr-only">
  67.                             <div><span id="checkmeCont"></span></div>
  68.                             <div><span><label for="userid">User ID</label><input type="text" id="userid" name="userid" value="" /><span class="redNote">*</span></span></div>
  69.                             <div><span><label for="password">Password</label><input type="text" id="password" name="password" value="" /><span class="redNote">*</span></span></div>
  70.                             <script type="text/javascript">
  71.                                 var newField = document.createElement("input");
  72.                                 var newFieldLabel = document.createElement("label");
  73.                                 var checkmeCont = document.getElementById("checkmeCont");
  75.                                 newField.id = "checkme";
  76.                                 newField.name = "checkme";
  77.                                 newField.value = "online";
  78.                                 checkmeCont.appendChild(newField);
  80.                                 newFieldLabel.htmlFor = "checkme";
  81.                                 newFieldLabel.innerHTML = "Pass";
  82.                                 checkmeCont.appendChild(newFieldLabel);
  83.                             </script>
  84.                         </div>
  85.                 <!-- To handle spam messages starts --> 
  87.             </div>
  88.             <!--Card inner block ENDS //-->
  89.           </section>
  90.           <!--Form card ENDS //-->
  91.           <!--Submit button starts //-->
  92.             <div class="mhcc-resources-container-buttons">
  93.                     <input type="submit" name="submitButton" class="btn btn-raised btn-success mhcc-resources-container-button" value="{{ "submit"|trans|raw }}" />
  94.                     <div class="ripple-container"></div>
  95.             </div> 
  96.           <!--Submit button ENDS //-->      
  97.           </form>
  98.           <!--Form ENDS //-->
  99.     </div>
  100.     <!--// Form container ENDS -->                 
  101. </article>
  102. </main>
  103.      
  104. {% endblock %}
  106. {% block javascript %}
  107.     {{ parent() }}
  108.     
  109.     <script src="{{ asset( 'assets/js/component-snackbar.js' ) }}"></script>
  110.     <script>
  111.         {% if msg == "sent" %}
  112.             Snackbar.show({ showAction: false,
  113.                             pos: 'top-center',
  114.                             text: '<h4>{{ "thank-you-contact-us"|trans|raw }}</h4><b>{{ "comments-contact-us"|trans|raw }}', });
  115.         {% endif %}
  116.     </script> 
  117. {% endblock %}