templates/contact/contact.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="{{ asset('assets/css/contact.min.css') }}" />
  5. {% endblock %}
  7. {% block javascript %}
  8.     <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  9.     <script src="{{ asset('assets/js/contact/contact.js') }}"></script>
  10. {% endblock %}
  12. {% block title %}
  13.     Contact us
  14. {% endblock %}
  16. {% block description %}
  17.     Use this form to contact us
  18. {% endblock %}
  20. {% block content %}
  21.     <div id="center_column" class="center_column space-60 col-12 col-sm-12 col-md-12 col-lg-12">
  22.         <div id="content" class="px-3">
  23.             <h1 class="bottom-indent">{{ 'customer'|trans({}, 'contact')|raw }}</h1>
  24.             <form action="{{ app.request.pathInfo }}" method="post" class="contact-form-box box" enctype="multipart/form-data">
  25.                 <fieldset>
  26.                     <div class="row">
  27.                         <div class="col-6 col-md-3">
  28.                             {# <div class="form-group selector1" style="display:none">
  29.                                 <label for="id_contact">Subject Heading *</label> 
  30.                                 <select id="id_contact" class="form-control" name="id_contact">
  31.                                     <option value="0">-- Choose --</option>
  32.                                     <option value="2">Service client</option>
  33.                                     <option value="3">Test</option>
  34.                                     <option value="1">Webmaster</option>
  35.                                 </select>
  36.                             </div> #}
  37.                             <p class="form-group"><label for="company">{{ 'societe'|trans({}, 'configurateur')|raw }} *</label><input class="form-control grey validate" type="text" id="company" name="company" value=""></p>
  38.                             <p class="form-group"><label for="surname">{{ 'nom'|trans({}, 'contact')|raw }} *</label> <input class="form-control grey validate" type="text" id="surname" name="surname" value=""></p>
  39.                             <p class="form-group"><label for="telephone">{{ 'telephone'|trans({}, 'configurateur')|raw }} *</label> <input class="form-control grey validate" type="text" id="telephone" name="telephone" value=""></p>
  40.                             <p class="form-group"><label for="website">{{ 'site'|trans({}, 'contact')|raw }}</label> <input class="form-control grey validate" type="text" id="website" name="website" value=""></p>
  41.                             <p class="form-group"><label for="country">{{ 'pays'|trans({}, 'configurateur')|raw }}</label> <input class="form-control grey validate" type="text" id="country" name="country" value=""></p>
  42.                         </div>
  43.                         <div class="col-6 col-md-3 px-0">
  44.                         <p class="form-group"><label for="function">{{ 'fonction'|trans({}, 'contact')|raw }}</label> <input class="form-control grey validate" type="text" id="function" name="function" value=""></p>
  45.                         <p class="form-group"><label for="firstname">{{ 'prenom'|trans({}, 'contact')|raw }} *</label> <input class="form-control grey validate" type="text" id="firstname" name="firstname" value=""></p>
  46.                             <p class="form-group"><label for="email">{{ 'email'|trans({}, 'contact')|raw }} *</label> <input class="form-control grey validate" type="text" id="email" name="from" data-validate="isEmail" value=""></p>
  47.                             <p class="form-group m-0"><label for="fileUpload" class="m-0">{{ 'fichier'|trans({}, 'contact')|raw }}</label>
  48.                                 <input type="hidden" name="MAX_FILE_SIZE" value="402653184">
  49.                                 <input type="file" name="fileUpload" id="fileUpload" class="form-control d-none">
  50.                             </p>
  51.                             <p class="form-group m-2">
  52.                                 <div class="FakeButton" onclick="$('#fileUpload').click();">
  53.                                     <span id="Uploaded"></span>
  54.                                     <i class="fas fa-download ps-2" style="color: #3191DD;"></i>
  55.                                 </div>
  56.                             </p>
  57.                             <p class="form-group selector1">
  58.                                 <label for="language">{{ 'langue'|trans({}, 'contact')|raw }} *</label> 
  59.                                 <select id="language" class="form-control" name="language">
  60.                                     <option value="0" selected="">English</option>
  61.                                     <option value="1">Français</option>
  62.                                     <option value="2">Deutsch</option>
  63.                                     <option value="3">Nederlands</option>
  64.                                     <option value="4">Español</option>
  65.                                     <option value="5">Italiano</option>
  66.                                     <option value="6">Magyar</option>
  67.                                     <option value="7">Hrvatski</option>
  68.                                     <option value="8">Ceský</option>
  69.                                     <option value="9">Polski</option>
  70.                                 </select>
  71.                             </p>
  72.                             {# <p class="form-group" style="display: none;"> <label for="fax">Fax</label> <input class="form-control grey validate" type="text" id="fax" name="fax" value=""></p> #}
  73.                         </div>
  74.                         <div class="col-md-6 col-12 row justify-content-end">
  75.                             <div class="CallBox row pe-0">
  76.                                 <div class="col-md-2 col-2 p-0"><img src="/ps/img/call.png" alt="call us"></div>
  77.                                 <div class="col-md-5 col-5">{{ 'projet.conseil'|trans({}, 'contact')|raw }}</div>
  78.                                 <div class="col-md-5 col-5">+32 71 25 82 00</div>
  79.                             </div>
  80.                             <div class="Fields col-5 col-md-5">
  81.                                 <div class="form-group selector1">
  82.                                     <label for="activities">{{ 'domaine'|trans({}, 'contact')|raw }}</label>
  83.                                     <div style="margin-left:10px;"> <input type="checkbox" name="activities[]" value="Hoisting" id="Hoisting">
  84.                                         <label for="Hoisting">{{ 'levage'|trans({}, 'contact')|raw }}</label><br>
  85.                                         <input type="checkbox" name="activities[]" value="Metrology" id="Laboratories">
  86.                                         <label for="Laboratories">{{ 'metrologie'|trans({}, 'contact')|raw }}</label><br>
  87.                                         <input type="checkbox" name="activities[]" value="ForceMeasurement" id="ForceMeasurement">
  88.                                         <label for="ForceMeasurement">{{ 'mesure.effort'|trans({}, 'contact')|raw }}</label><br>
  89.                                         <input type="checkbox" name="activities[]" value="OEM" id="OEM">
  90.                                         <label for="OEM">OEM</label><br>
  91.                                         <input type="checkbox" name="activities[]" value="Weighing" id="Weighing">
  92.                                         <label for="Weighing">{{ 'pesage'|trans({}, 'contact')|raw }}</label><br>
  93.                                         <input type="checkbox" name="activities[]" value="SpecialProjects" id="SpecialProjects">
  94.                                         <label for="SpecialProjects">{{ 'projets.speciaux'|trans({}, 'contact')|raw }}</label><br>
  95.                                     </div>
  96.                                 </div>
  97.                             </div>
  98.                             <div class="MapBox row p-0 col-7 col-md-7">
  99.                                 <div class="col-3 col-md-3" style="border-bottom: 1px solid #3191DD;"><img src="/ps/img/map.png" alt="map" style="border-bottom: 1px solid #3191DD;"></div>
  100.                                 <div class="col-9 col-md-9" style="border-bottom: 1px solid #3191DD;">{{ 'travail'|trans({}, 'contact')|raw }}</div>
  101.                                 <div class="col-12 col-md-12"><img src="/ps/img/sensy-factory.png" alt="sensy factory"></div>
  102.                             </div>
  103.                         </div>
  104.                         <div class="col-12 col-md-12">
  105.                             <div class="form-group"><label for="message">Message *</label><textarea class="form-control" id="message" name="message"></textarea></div>
  106.                             <div class="form-check form-check-inline"><input class="form-check-input" type="checkbox" id="wantnewsletter" name="wantnewsletter" value="true"><label class="form-check-label" for="wantnewsletter">{{ 'newsletter'|trans({}, 'contact')|raw }}</label></div>
  107.                         </div>
  108.                     </div>
  109.                     <div class="clearfix"></div>
  110.                     <div style="text-align: left; margin-top: 5px; margin-bottom: 10px;">
  111.                         <div class="g-recaptcha" data-sitekey="6LfPgRcpAAAAAP9m7kAHR43Hjw6FyDFED1tfy8hp"></div>
  112.                     </div>
  113.                     <div class="submit">
  114.                         <button type="submit" name="submitMessage" id="submitMessage" value="send" class="button btn btn-default m-0">
  115.                             <span>{{ 'envoyer'|trans({}, 'configurateur')|raw }}</span>
  116.                         </button>
  117.                     </div>
  118.                 </fieldset>
  119.             </form>
  120.         </div>
  121.     </div>
  122. {% endblock %}