src/IlaveU/FrontBundle/Themes/IlaveU/templates/_footer.html.twig line 1

  1.     <style>
  2.         .f-link .first
  3.         {
  4.            margin-right:10px; 
  5.         }
  6.     </style>        
  7.     <footer id="tt-footer" style="font-size:14px;font-weight:200;">
  8.       <div class="footer-wrapper01">
  9.         <div class="container container-fluid-xl">
  10.           <div class="row f-col-wrapper">
  12.           <div class="col-md-3">
  13.             <h6 class="f-title">Liens utiles</h6>
  14.               {{menuLinks|raw}}
  15.           </div>
  17.           <div class="col-md-3">
  18.             <h6 class="f-title">Nos services</h6>
  19.               {{menuServices|raw}}
  20.           </div>
  21.             
  22.             <div class="col-md-3">
  23.               <h6 class="f-title">Contacts</h6>
  24.               <ul class="f-info">
  25.                 <li>
  26.                   <i class="icons-484169"></i>
  27.                   122 rue Oussama Ibnou Zaid (Ex rue de Jura), Maarif, Casablanca, Maroc
  28.                 </li>
  29.                 <li>
  30.                   <i class="icons-59252"></i>
  31.                   Lundi à Samedi :
  33.                   <br />
  34.                   08:30 - 20:00
  35.                 </li>
  36.                 <li>
  37.                   <a href="mailto:contact@ilaveu.ma">
  38.                     <i class="icons-1004017"></i>
  39.                     contact@ilaveu.ma
  40.                   </a>
  41.                 </li>
  42.                 <li>
  43.                   <strong>
  44.                     <a href="tel:+212 668 100 900">
  45.                       <i class="icons-4839471"></i>
  46.                       +212 668 100 900
  47.                     </a>
  48.                   </strong>
  49.                 </li>
  50.               </ul>
  51.             </div>
  52.             <div class="col-md-3">
  53.               <h6 class="f-title">Qui sommme-nous?</h6>
  54.               <div class="f-text">
  55.               
  56.                 Nous sommes des professionnels de la blanchisserie et du nettoyage à sec, ce qui signifie que nous nous tenons toujours au courant des dernières technologies et méthodes de nettoyage.
  57.               </div>
  58.               <ul class="f-social">
  59.                 <li>
  60.                   <a
  61.                     href="https://twitter.com"
  62.                     target="_blank"
  63.                     class="icons-733635"
  64.                   ></a>
  65.                 </li>
  66.                 <li>
  67.                   <a
  68.                     href="https://www.facebook.com/index.html"
  69.                     target="_blank"
  70.                     class="icons-59439"
  71.                   ></a>
  72.                 </li>
  73.                 <li><a href="" target="_blank" class="icons-2111532"></a></li>
  74.                 <li>
  75.                   <a
  76.                     href="https://www.instagram.com/index.html"
  77.                     target="_blank"
  78.                     class="icons-733614"
  79.                   ></a>
  80.                 </li>
  81.               </ul>
  82.             </div>
  83.           </div>
  84.         </div>
  85.       </div
  86.            
  87.       </div>
  88.       <div class="container container-fluid-xl">
  89.         <div class="f-holder">
  90.           <div class="f-copyright">
  91.             &copy; 2022
  92.             
  93.             <span class="tt-base-color">ILAVEU</span>
  94.             . Tout droits résérvés .
  95.           </div>
  96.           
  97.             <img src="{{ asset('themes/ilaveu/images/footer-payment-security.png') }}" alt="Paiement securise 3D Secure, Payzone, Visa et Mastercard" style="display: block; width: 25%; object-fit: cover; object-position: center; margin: -20px auto; border-radius: 10px; background: #ffffff;" loading="lazy" />
  98.      
  99.           
  100.           <div class="f-link">
  101.           {{menuBottom|raw}}
  102.           </div>
  103.           
  104.         </div>
  105.       </div>
  106.       <div class="bubbleContainer">
  107.         <div class="bubble-1"></div>
  108.         <div class="bubble-2"></div>
  109.         <div class="bubble-3"></div>
  110.         <div class="bubble-4"></div>
  111.         <div class="bubble-5"></div>
  112.         <div class="bubble-6"></div>
  113.         <div class="bubble-7"></div>
  114.         <div class="bubble-8"></div>
  115.         <div class="bubble-9"></div>
  116.         <div class="bubble-10"></div>
  117.       </div>
  118.     </footer>
  120.     <!-- modal - Make an Appointment -->
  121.     <div
  122.       class="modal fade"
  123.       id="modalMRequestQuote"
  124.       tabindex="-1"
  125.       role="dialog"
  126.       aria-label="myModalLabel"
  127.       aria-hidden="true"
  128.     >
  129.       <div class="modal-dialog modal-md">
  130.         <div class="modal-content">
  131.           <div class="modal-body form-default modal-layout-dafault">
  132.             <button
  133.               type="button"
  134.               class="close"
  135.               data-dismiss="modal"
  136.               aria-hidden="true"
  137.             >
  138.               <span class="icons-860796"></span>
  139.             </button>
  140.             <div class="modal-titleblock">
  141.               <div class="modal-title">Schedule a Pickup</div>
  142.             </div>
  143.             <form
  144.               class="form-modal"
  145.               id="jsFormRequestQuote"
  146.               method="post"
  147.               novalidate="novalidate"
  148.               action="#"
  149.             >
  150.               <div class="form-group">
  151.                 <input
  152.                   type="text"
  153.                   name="name"
  154.                   class="form-control"
  155.                   id="modalName01"
  156.                   placeholder="Votre nom *"
  157.                 />
  158.               </div>
  159.               <div class="row">
  160.                 <div class="col-md-6">
  161.                   <div class="form-group">
  162.                     <input
  163.                       type="text"
  164.                       name="email"
  165.                       class="form-control"
  166.                       id="modalEmail01"
  167.                       placeholder="Your e-mail Adresse *"
  168.                     />
  169.                   </div>
  170.                 </div>
  171.                 <div class="col-md-6">
  172.                   <div class="form-group">
  173.                     <input
  174.                       type="text"
  175.                       name="phone"
  176.                       class="form-control"
  177.                       id="modalPhone01"
  178.                       placeholder="Votre numéro de téléphone"
  179.                     />
  180.                   </div>
  181.                 </div>
  182.               </div>
  183.               <div class="form-group">
  184.                 <input
  185.                   type="text"
  186.                   name="modalAddress"
  187.                   class="form-control"
  188.                   id="modalAddress"
  189.                   placeholder="Adresse *"
  190.                 />
  191.               </div>
  192.               <div class="form-group">
  193.                 <div class="custom-select">
  194.                   <select name="typeofholiday" class="tt-select">
  195.                     <option value="Service">Service</option>
  196.                     <option value="Service 02">Service 02</option>
  197.                     <option value="Service 03">Service 03</option>
  198.                     <option value="Service 04">Service 04</option>
  199.                     <option value="Service 05">Service 05</option>
  200.                   </select>
  201.                 </div>
  202.               </div>
  203.               <div class="row">
  204.                 <div class="col-lg-6">
  205.                   <div class="form-group">
  206.                     <input
  207.                       name="date-pick-up"
  208.                       placeholder="Pick-Up Date"
  209.                       autocomplete="off"
  210.                       data-timepicker="true"
  211.                       class="js_datepicker-1 form-control"
  212.                       type="text"
  213.                     />
  214.                     <div class="form-group__icon icons-747310"></div>
  215.                   </div>
  216.                 </div>
  217.                 <div class="col-lg-6">
  218.                   <div class="form-group">
  219.                     <input
  220.                       name="date-delivery"
  221.                       placeholder="Date de livraison"
  222.                       autocomplete="off"
  223.                       data-timepicker="true"
  224.                       class="js_datepicker-2 form-control"
  225.                       type="text"
  226.                     />
  227.                     <div class="form-group__icon icons-747310"></div>
  228.                   </div>
  229.                 </div>
  230.               </div>
  231.               <div class="form-group">
  232.                 <textarea
  233.                   name="message"
  234.                   class="form-control"
  235.                   placeholder="Your comment"
  236.                 ></textarea>
  237.               </div>
  238.               <div class="tt-btn tt-btn__wide">
  239.                 <span class="mask">Commandez</span>
  240.                 <button type="submit" class="button">Commandez</button>
  241.               </div>
  242.             </form>
  243.           </div>
  244.         </div>
  245.       </div>
  246.     </div>
  247.     <a href="#" class="tt-btn tt-back-to-top" id="js-backtotop">
  248.       <span class="mask">
  249.         <svg
  250.           version="1.1"
  251.           x="0px"
  252.           y="0px"
  253.           width="24"
  254.           height="24"
  255.           viewBox="0 0 24 24"
  256.           style="enable-background: new 0 0 24 24;"
  257.           xml:space="preserve"
  258.         >
  259.           <g>
  260.             <polygon
  261.               fill="currentColor"
  262.               points="20.9,17.1 12.5,8.6 4.1,17.1 2.9,15.9 12.5,6.4 22.1,15.9     "
  263.             ></polygon>
  264.           </g>
  265.         </svg>
  266.       </span>
  267.       <div class="button">
  268.         <svg
  269.           version="1.1"
  270.           x="0px"
  271.           y="0px"
  272.           width="24"
  273.           height="24"
  274.           viewBox="0 0 24 24"
  275.           style="enable-background: new 0 0 24 24;"
  276.           xml:space="preserve"
  277.         >
  278.           <g>
  279.             <polygon
  280.               fill="currentColor"
  281.               points="20.9,17.1 12.5,8.6 4.1,17.1 2.9,15.9 12.5,6.4 22.1,15.9     "
  282.             ></polygon>
  283.           </g>
  284.         </svg>
  285.       </div>
  286.     </a>
  287.     <div class="tt-colorswatch">
  288.       <div class="tt-colorswatch-options">
  289.         <a
  290.           href="#"
  291.           class="colorswatch2 js-swatch-color"
  292.           data-color="2"
  293.           data-img="step-line2-x.png"
  294.         ></a>
  295.         <a
  296.           href="#"
  297.           class="colorswatch3 js-swatch-color"
  298.           data-color="3"
  299.           data-img="step-line2-x-color02.png"
  300.         ></a>
  301.         <a
  302.           href="#"
  303.           class="colorswatch4 js-swatch-color"
  304.           data-color="4"
  305.           data-img="step-line2-x-color03.png"
  306.         ></a>
  307.         <a
  308.           href="#"
  309.           class="colorswatch5 js-swatch-color"
  310.           data-color="5"
  311.           data-img="step-line2-x-color04.png"
  312.         ></a>
  313.         <a
  314.           href="#"
  315.           class="colorswatch6 js-swatch-color"
  316.           data-color="6"
  317.           data-img="step-line2-x-color05.png"
  318.         ></a>
  319.         <a
  320.           href="#"
  321.           class="colorswatch6 js-swatch-color"
  322.           data-color="7"
  323.           data-img="step-line2-x-color06.png"
  324.         ></a>
  325.       </div>
  326.       
  327.     </div>