templates/default/contact.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 %}">Signaler une annonce</h1>
  63.                     
  64.                      <p class="subtitle">Je souhaite signaler cette annonce</p>
  65.                   </div>
  66.                </div>
  67.             </div>
  68.             <div class="row">
  69.                <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">
  70.                   <div class="contact-box-main">
  71.                      <div class="row">
  72.                         <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
  73.                            <div class="contact-box">
  74.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  75.                                  <span class="label-nft-input">Prénom</span>
  76.                                  <input class="nft-input" type="text" name="name" placeholder="">
  77.                                  <span class="focus-nft-input"></span>
  78.                               </div>
  79.                            </div>
  80.                         </div>
  81.                         <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
  82.                            <div class="contact-box">
  83.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  84.                                  <span class="label-nft-input">Nom</span>
  85.                                  <input class="nft-input" type="text" name="name" placeholder="">
  86.                                  <span class="focus-nft-input"></span>
  87.                               </div>
  88.                            </div>
  89.                         </div>
  90.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  91.                            <div class="contact-box">
  92.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  93.                                  <span class="label-nft-input">E-mail</span>
  94.                                  <input class="nft-input" type="email" name="name" placeholder="nom@example.com" required="">
  95.                                  <span class="focus-nft-input"></span>
  96.                               </div>
  97.                            </div>
  98.                         </div>
  101.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  102.                            <div class="contact-box">
  103.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  104.                                  <span class="label-nft-input">Je souhaite signaler cette annonce</span>
  105.                                  <input class="nft-input" type="text" name="signaler" value="{{lienAnnonce}}">
  106.                                  <span class="focus-nft-input"></span>
  107.                               </div>
  108.                            </div>
  109.                         </div>
  112.                         <!-- <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
  113.                            <div class="contact-box">
  114.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  115.                                  <span class="label-nft-input">What are you contacting us about?</span>
  116.                                  <select class="nft-input">
  117.                                     <option>List my contract/store</option>
  118.                                     <option>Technical Support</option>
  119.                                     <option>Business Enquiry</option>
  120.                                     <option>Media</option>
  121.                                     <option>Pro Services</option>
  122.                                     <option>Collaboration</option>
  123.                                  </select>
  124.                                  <span class="focus-nft-input"></span>
  125.                               </div>
  126.                            </div>
  127.                         </div> -->
  128.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  129.                            <div class="contact-box">
  130.                               <div class="nft-input-box validate-input" data-validate="Name is required">
  131.                                  <span class="label-nft-input">Raison de votre signalement</span>
  132.                                  <textarea class="nft-input" type="email" name="name" placeholder="" rows="4" required=""></textarea>
  133.                                  <span class="focus-nft-input"></span>
  134.                               </div>
  135.                            </div>
  136.                         </div>
  137.                         <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  138.                            <div class="contact-box text-left" style="margin-top: 25px;">
  139.                               <button class="theme-btn {% if app.user.type == 'part' %}bgreen{% else %}bblue{% endif %}">Envoyer</button>
  140.                            </div>
  141.                         </div>
  142.                      </div>
  143.                   </div>
  144.                </div>
  145.             </div>
  146.          </div>
  147.       </section>
  151. {% endblock %}