templates/default/contact1.html.twig line 1

Open in your IDE?
  1. {% extends 'base2.html.twig' %}
  3. {% block title %}Hello DefaultController!{% endblock %}
  5. {% block body %}
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  7. <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js" defer></script>
  9. <style>
  10.     .txt-inscription,
  11.     label {
  12.        color: #adb9ca;
  13.     }
  14.  
  15.     button {
  16.        background-color: #adb9ca !important;
  17.        color: white !important;
  18.     }
  19.  
  20.     button:hover {
  21.        background-color: #0073CD !important;
  22.        color: white !important;
  23.     }
  24.  
  25.     .btn-logo {
  26.        width: 0.1px;
  27.        opacity: 0;
  28.     }
  29.  
  31.     #pro .style-choix-logo {
  32.        background-color: #adb9ca;
  33.        color: white;
  34.        padding: 0.5em;
  35.        border-radius: 5px;
  36.     }
  38.       #part .style-choix-logo {
  39.          background-color: #B0DB82 !important;
  40.          color: white !important;
  41.          padding: 0.5em;
  42.        border-radius: 5px;
  43.       }  
  45.       #part .theme-btn-pro{
  46.          background-color: #B0DB82 !important;
  47.          color: white !important;
  48.       }
  51.       #pro .theme-btn-pro{
  52.          background-color: #adb9ca;
  53.          color: white;
  54.       }
  56.  </style>
  57.  <section class="contact-area page-paddings" style="background-color: white">
  58.          <div class="container">
  59.             <div class="row">
  60.                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  61.                   <div class="section-title text-center">
  62.                      <h1 data-watermark="Contact" class="{% if app.user.type == 'part' %}green{% else %}blue{% endif %}">Nous contacter</h1>
  63.                   </div>
  64.                </div>
  65.             </div>
  66.             <div class="row">
  67.                <div class="col-xl-8 col-lg-10 col-md-10 col-sm-12 col-12 offset-xl-2 offset-lg-1 offset-md-1">
  68.                   <div class="contact-box-main">
  69.                      <div class="row">
  70.                         <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
  71.                            <div class="contact-box">
  72.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  73.                                  <span class="label-nft-input">Prénom</span>
  74.                                  <input class="nft-input" type="text" name="name" placeholder="">
  75.                                  <span class="focus-nft-input"></span>
  76.                               </div>
  77.                            </div>
  78.                         </div>
  79.                         <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
  80.                            <div class="contact-box">
  81.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  82.                                  <span class="label-nft-input">Nom</span>
  83.                                  <input class="nft-input" type="text" name="name" placeholder="">
  84.                                  <span class="focus-nft-input"></span>
  85.                               </div>
  86.                            </div>
  87.                         </div>
  88.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  89.                            <div class="contact-box">
  90.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  91.                                  <span class="label-nft-input">E-mail</span>
  92.                                  <input class="nft-input" type="email" name="name" placeholder="nom@example.com" required="">
  93.                                  <span class="focus-nft-input"></span>
  94.                               </div>
  95.                            </div>
  96.                         </div>
  97.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  98.                            <div class="contact-box">
  99.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  100.                                  <span class="label-nft-input">Téléphone</span>
  101.                                  <input class="nft-input" type="phone" name="name" placeholder="06.06.06.06.06" required="">
  102.                                  <span class="focus-nft-input"></span>
  103.                               </div>
  104.                            </div>
  105.                         </div>
  108.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  109.                            <div class="contact-box">
  110.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  111.                                  <span class="label-nft-input">Commentaire</span>
  112.                                  <input class="nft-input" type="text" name="signaler">
  113.                                  <span class="focus-nft-input"></span>
  114.                               </div>
  115.                            </div>
  116.                         </div>
  117.                         <!-- <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
  118.                            <div class="contact-box">
  119.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  120.                                  <span class="label-nft-input">What are you contacting us about?</span>
  121.                                  <select class="nft-input">
  122.                                     <option>List my contract/store</option>
  123.                                     <option>Technical Support</option>
  124.                                     <option>Business Enquiry</option>
  125.                                     <option>Media</option>
  126.                                     <option>Pro Services</option>
  127.                                     <option>Collaboration</option>
  128.                                  </select>
  129.                                  <span class="focus-nft-input"></span>
  130.                               </div>
  131.                            </div>
  132.                         </div> -->
  133.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  134.                            <div class="contact-box text-left" style="margin-top: 25px;">
  135.                               <button class="theme-btn {% if app.user.type == 'part' %}bgreen{% else %}bblue{% endif %}">Envoyer</button>
  136.                            </div>
  137.                         </div>
  138.                      </div>
  139.                   </div>
  140.                </div>
  141.             </div>
  142.          </div>
  143.       </section>
  147. {% endblock %}