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">
  16.             {{ "meaningful-lasting-advances"|trans|raw }}
  17.         </p>
  18.         <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>
  19.       <!--Form starts //-->
  20.         <form class="mhcc-contact-us-wrapper" action="{{ path('contact_us') }}" method="POST">
  21.         <!--Form card starts //-->
  22.             <section class="card card-default shadow-6dp animated fadeIn animation-delay-7 mb-4">
  23.                 <header class="card-header mhcc-form-header bg-primary ">
  24.                     <h2 class="no-m pt-4 pb-4 color-white mhcc-form-title mhcc-form-title--left">{{ "contact-us"|trans|raw }}</h2>
  25.                 </header>
  26.                 <!--Card inner block starts //-->
  27.                 <div class="card-block mhcc-card-block-form">
  28.                 <!-- Form field starts //-->
  29.                 <!-- Hidden by A.P., because no Actual topic is here
  30.                     <div class="form-group mhcc-form-group is-empty">
  31.                         <div class="input-group" style="z-index:5;margin-left:-12px;">
  32.                             <span class="input-group-addon"></span>
  33.                             <label for="topicContactUs" class="control-label">* {{ 'topic'|trans|raw }}</label>
  34.                             <div>
  35.                                 <div class="btn-group bootstrap-select form-control">
  36.                                     <button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown" role="button" data-id="topicContactUs" title="{{ "choose"|trans|raw }}">
  37.                                         <span class="filter-option pull-left">{{ "choose"|trans|raw }}</span>&nbsp;
  38.                                         <span class="bs-caret">
  39.                                             <span class="caret"></span>
  40.                                         </span>
  41.                                     </button>
  42.                                     <div class="dropdown-menu open" role="combobox">
  43.                                         <ul class="dropdown-menu inner" role="listbox" aria-expanded="false">
  44.                                             <li data-original-index="0" class="selected">
  45.                                                 <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="true">
  46.                                                     <span class="text">{{ "choose"|trans|raw }}</span>
  47.                                                     <span class="glyphicon glyphicon-ok check-mark"></span>
  48.                                                 </a>
  49.                                             </li>
  50.                                             <li data-original-index="1">
  51.                                                 <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">
  52.                                                     <span class="text">{{ "topic"|trans|raw }} 1</span>
  53.                                                     <span class="glyphicon glyphicon-ok check-mark"></span>
  54.                                                 </a>
  55.                                             </li>
  56.                                             <li data-original-index="1">
  57.                                                 <a tabindex="0" class="" data-tokens="null" role="option" aria-disabled="false" aria-selected="false">
  58.                                                     <span class="text">{{ "topic"|trans|raw }} 1</span>
  59.                                                     <span class="glyphicon glyphicon-ok check-mark"></span>
  60.                                                 </a>
  61.                                             </li>
  62.                                         </ul>
  63.                                     </div>
  64.                                 </div>
  65.                             </div>
  66.                         </div>
  67.                     </div>
  68.                     -->
  69.                 <!--Form field starts //-->   
  70.                     <div class="form-group label-floating mhcc-form-group is-empty">
  71.                         <label for="firstName" class="control-label">* {{ "first-name"|trans|raw }}</label>
  72.                         <input type="text" name="firstName" id="firstName" value="{{ app.request.get('firstName') }}" class="form-control" required="required" />
  73.                     </div>
  74.                 <!--Form field starts //-->   
  75.                     <div class="form-group label-floating mhcc-form-group is-empty">
  76.                         <label for="lastName" class="control-label">* {{ "last-name"|trans|raw }}</label>
  77.                         <input type="text" name="lastName" id="lastName" value="{{ app.request.get('lastName') }}" class="form-control" required="required" />
  78.                     </div>
  79.                 <!--Form field starts //-->   
  80.                     <div class="form-group label-floating mhcc-form-group is-empty">
  81.                         <label for="jobTitle" class="control-label">* {{ "job-title"|trans|raw }}</label>
  82.                         <input type="text" name="jobTitle" id="jobTitle" value="{{ app.request.get('jobTitle') }}" class="form-control" required="required" />
  83.                     </div>
  84.                 <!--Form field starts //-->   
  85.                     <div class="form-group label-floating mhcc-form-group is-empty">
  86.                         <label class="control-label" for="emailContactUs">* {{ "email"|trans|raw }}</label>
  87.                         <input type="email" id="emailContactUs" name="emailContactUs" class="form-control" required="required" />
  88.                     </div>
  89.                 <!--Form field starts //-->    
  90.                     <div class="form-group label-floating mhcc-form-group is-empty">
  91.                         <label for="phoneContactUs" class="control-label">{{ "phone"|trans|raw }}</label>
  92.                         <input type="text" name="phoneContactUs" id="phoneContactUs" value="{{ app.request.get('phoneContactUs') }}" class="form-control" />
  93.                     </div>
  94.                 
  95.                 <!--Form field starts //-->   
  96.                     <div class="form-group label-floating mhcc-form-group is-empty">
  97.                         <label for="subjectContactUs" class="control-label">* {{ "subject"|trans|raw }}</label>
  98.                         <input type="text" name="subjectContactUs" id="subjectContactUs" value="{{ app.request.get('subjectContactUs') }}" class="form-control"  required="required"/>
  99.                     </div>
  100.                 <!--Form field starts //-->   
  101.                     <div class="form-group label-floating mhcc-form-group is-empty">
  102.                         <label for="messageContactUs" class="control-label">* {{ "message"|trans|raw }}</label>
  103.                         <textarea class="form-control psla-form" name="messageContactUs" id="messageContactUs" rows="6" required="required"></textarea>
  104.                     </div>
  105.                 <!--Form fields end //-->
  106.                 
  107.                 <!-- To handle spam messages starts -->
  108.                     <div class="sr-only">
  109.                         <div><span id="checkmeCont"></span></div>
  110.                         <div><span><label for="userid">User ID</label><input type="text" id="userid" name="userid" value="" /><span class="redNote">*</span></span></div>
  111.                         <div><span><label for="password">Password</label><input type="text" id="password" name="password" value="" /><span class="redNote">*</span></span></div>
  112.                         <script type="text/javascript">
  113.                             var newField = document.createElement("input");
  114.                             var newFieldLabel = document.createElement("label");
  115.                             var checkmeCont = document.getElementById("checkmeCont");
  117.                             newField.id = "checkme";
  118.                             newField.name = "checkme";
  119.                             newField.value = "online";
  120.                             checkmeCont.appendChild(newField);
  122.                             newFieldLabel.htmlFor = "checkme";
  123.                             newFieldLabel.innerHTML = "Pass";
  124.                             checkmeCont.appendChild(newFieldLabel);
  125.                         </script>
  126.                     </div>
  127.                 <!-- To handle spam messages starts -->
  129.                 </div>
  130.                 <!--Card inner block ENDS //-->
  131.             </section>
  132.             <!--Form card ENDS //-->
  133.             <!--Submit button starts //-->
  134.                 <div class="mhcc-resources-container-buttons">
  135.                         <input type="submit" name="submitButton" class="btn btn-raised btn-success mhcc-resources-container-button" value="{{ "submit"|trans|raw }}" />
  136.                         <div class="ripple-container"></div>
  137.                 </div> 
  138.             <!--Submit button ENDS //-->      
  139.         </form>
  140.           <!--Form ENDS //-->
  141.     </div>
  142.     <!--// Form container ENDS -->                 
  143. </article>
  144. </main>
  145.      
  146. {% endblock %}
  148. {% block javascript %}
  149.     {{ parent() }}
  150.     
  151.     <script src="{{ asset( 'assets/js/component-snackbar.js' ) }}"></script>
  152.     <script>
  153.         {% if msg == "sent" %}
  154.             Snackbar.show({ showAction: false,
  155.                             pos: 'top-center',
  156.                             text: '<h4>{{ "thank-you-contact-us"|trans|raw }}</h4><b>{{ "comments-contact-us"|trans|raw }}', });
  157.         {% endif %}
  158.     </script> 
  159. {% endblock %}