templates/app/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block seo %}
  3.     <title>Coffres Forts Privés : Contactez-Nous</title>
  4.     <meta name="description" content="Contactez coffres-forts-prives pour bénéficier d'une assistance personnalisée dans le choix et la personnalisation de votre coffre. Nos conseillers sont là pour répondre à vos besoins en matière de stockage sécurisé."/>
  5. {% endblock %}
  6. {% block body %}
  7.     <main class="p-top">
  8.         <div class="region region-content">
  9.             <div data-drupal-messages-fallback="" class="hidden"></div>
  10.             <div id="block-cfp-content" class="block block-system block-system-main-block">
  13.                 <section class="bg bg-3">
  14.                     <div class="container">
  15.                         <h1>Contactez Coffres Forts Privés: Solutions de Stockage Sécurisé</h1>
  17.                         <article role="article" about="/contact" class="node node--type-webform node--view-mode-full clearfix">
  18.                             <header class="">
  21.                             </header>
  22.                             <div class="node__content clearfix">
  24.                                 <div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><h2>Contactez Coffres Forts Privés </h2></div>
  26.                                 <p>Nous comprenons que chaque client a des besoins uniques en matière de sécurité. C'est pourquoi notre équipe de conseillers est là pour vous accompagner dans la personnalisation de votre <a href="http://coffres-forts-prives.com"><b>coffre fort privé</b></a>. Leur expertise vous aidera à trouver la solution idéale pour protéger vos biens de valeur.</p>
  28.                                 <p>Pour recevoir l'assistance personnalisée de nos conseillers, il vous suffit de remplir le formulaire ci-dessous. Indiquez vos disponibilités et préférences, et nous nous engageons à vous contacter dans les plus brefs délais pour discuter de vos besoins et vous fournir des recommandations sur mesure.</p>
  30.                                 <div class="field field--name-webform field--type-webform field--label-hidden field__item">
  31.                                     <form class="webform-submission-form webform-submission-add-form webform-submission-contact-form webform-submission-contact-add-form webform-submission-contact-node-6-form webform-submission-contact-node-6-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-contact-node-6-add-form" action="/contact" method="post" id="webform-submission-contact-node-6-add-form" accept-charset="UTF-8" data-once="form-updated" data-drupal-form-fields="edit-name,edit-email,edit-subject,edit-agence,edit-message,edit-actions-submit">
  33.                                         <div data-drupal-selector="edit-champs" class="webform-flexbox js-webform-flexbox js-form-wrapper form-wrapper" id="edit-champs">
  34.                                             <div class="webform-flex webform-flex--1">
  35.                                                 <div class="webform-flex--container">
  36.                                                     <div data-drupal-selector="edit-information" class="webform-flexbox js-webform-flexbox js-form-wrapper form-wrapper" id="edit-information">
  37.                                                         <div class="webform-flex webform-flex--1">
  38.                                                             <div class="webform-flex--container">
  39.                                                                 <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name form-no-label">
  40.                                                                     <label for="edit-name" class="visually-hidden js-form-required form-required">Nom</label>
  41.                                                                     <input data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" placeholder="Votre Nom" class="form-text required" required="required" aria-required="true">
  43.                                                                 </div>
  44.                                                             </div>
  45.                                                         </div>
  46.                                                         <div class="webform-flex webform-flex--1">
  47.                                                             <div class="webform-flex--container">
  48.                                                                 <div class="js-form-item form-item js-form-type-email form-type-email js-form-item-email form-item-email form-no-label">
  49.                                                                     <label for="edit-email" class="visually-hidden js-form-required form-required">Email</label>
  50.                                                                     <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" placeholder="Votre adresse email" class="form-email required" required="required" aria-required="true">
  52.                                                                 </div>
  53.                                                             </div>
  54.                                                         </div>
  55.                                                         <div class="webform-flex webform-flex--1">
  56.                                                             <div class="webform-flex--container">
  57.                                                                 <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-subject form-item-subject form-no-label">
  58.                                                                     <label for="edit-subject" class="visually-hidden js-form-required form-required">Sujet</label>
  59.                                                                     <input data-drupal-selector="edit-subject" type="text" id="edit-subject" name="subject" value="" size="60" maxlength="255" placeholder="L'objet de votre message" class="form-text required" required="required" aria-required="true">
  61.                                                                 </div>
  62.                                                             </div>
  63.                                                         </div>
  64.                                                         <div class="webform-flex webform-flex--1">
  65.                                                             <div class="webform-flex--container">
  66.                                                                 <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-agence form-item-agence">
  67.                                                                     <label for="edit-agence" class="js-form-required form-required">Agence</label>
  68.                                                                     <select data-drupal-selector="edit-agence" class="webform-entity-select form-select required" id="edit-agence" name="agence" required="required" aria-required="true">
  69.                                                                         <option value="" selected="selected">L'agence qui vous intéresse</option>
  70.                                                                         <option value="13">Agence Paris 16</option>
  71.                                                                         <option value="15">Agence Paris 15</option>
  72.                                                                         <option value="16">Agence Neuilly-sur-Seine</option>
  73.                                                                         <option value="21">Agence Lyon</option>
  74.                                                                         <option value="809">Agence Versailles</option>
  75.                                                                     </select>
  76.                                                                 </div>
  77.                                                             </div>
  78.                                                         </div>
  79.                                                     </div>
  80.                                                 </div>
  81.                                             </div>
  82.                                             <div class="webform-flex webform-flex--1">
  83.                                                 <div class="webform-flex--container">
  84.                                                     <div class="js-form-item form-item js-form-type-textarea form-type-textarea js-form-item-message form-item-message form-no-label">
  85.                                                         <label for="edit-message" class="visually-hidden js-form-required form-required">Message</label>
  86.                                                         <div class="form-textarea-wrapper">
  87.                                                             <textarea data-drupal-selector="edit-message" id="edit-message" name="message" rows="5" cols="60" placeholder="Votre message" class="form-textarea required resize-vertical" required="required" aria-required="true"></textarea>
  88.                                                         </div>
  90.                                                     </div>
  91.                                                 </div>
  92.                                             </div>
  93.                                         </div>
  94.                                         <div data-drupal-selector="edit-actions" class="form-actions webform-actions js-form-wrapper form-wrapper" id="edit-actions"><input class="webform-button--submit button button--primary js-form-submit form-submit" data-drupal-selector="edit-actions-submit" type="submit" id="edit-actions-submit" name="op" value="Envoyer">
  96.                                         </div>
  97.                                     </form>
  98.                                 </div>
  99.                             </div>
  100.                         </article>
  101.                     </div>
  102.                 </section>
  104.             </div>
  106.         </div>
  108.     </main>
  109. {% endblock %}