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

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