src/Flexy/FrontBundle/Themes/CoWorking/templates/_footer.html.twig line 1

  1.             
  2.       <footer style="overflow-x:hidden;" class=" py-4 px-5 mt-4 bg-dark" style=" font-family: Archivo, sans-serif;">
  3.                         <div class="row  d-flex flex-wrap justify-content-between align-items-center">
  4.                         
  5.                             <div class="  col-md-9 col-sm-12 row">    
  6.                               <div class=" col-md-4 my-auto">
  7.                                       <div class="w-75">
  8.                                           <a href="#">
  9.                                           <img class="img-fluid" style="filter: invert(100%) sepia(16%) saturate(7463%) hue-rotate(170deg) brightness(189%) contrast(195%);" src="{{asset("themes/coworking/front/images/logoCowork.png")}}">
  10.                                         </a>
  11.                                       </div>
  12.                                       <div class="pt-4 pb-2 text-light" >
  13.                                             <p style="line-height:24px;">138 Bd Moulay Youssef, 20 000, Casablanca - Maroc </p>
  14.                                             <p>+212 5 22 27 34 47 </p>
  15.                                             <p>contact@coworkandlive.ma</p>
  16.                                       </div>
  17.                                       <div class="mb-3" style="display: flex; column-gap: 10px;" >
  18.                                           <a href="https://www.facebook.com/profile.php?id=61551253435716&mibextid=LQQJ4d" target="_blank" style="border-radius: 50%;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, 0.8);color:white"> <i class="fa-brands fa-facebook"></i></a>
  19.                                           <a href="https://instagram.com/coworkandlive?igshid=MzRlODBiNWFlZA" target="_blank" style="border-radius: 50%;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, 0.8);color:white"> <i class="fa-brands fa-instagram"></i></a>
  20.                                           <a href="https://www.linkedin.com/company/cowork-live" target="_blank" style="border-radius: 50%;height: 40px;width: 40px;display: flex;justify-content: center;align-items: center;border: 1px solid rgba(255, 255, 255, 0.8);color:white"> <i class="fa-brands fa-linkedin"></i></a>
  21.                                        
  22.                                       </div>
  23.                               </div>
  25.                               <div class="  text-light my-auto p-2 col-md-7 col-sm-12 lh-base align-items-start">
  26.                                        <p  class=" fs-6">
  27.                                               Cowork&live offre un environnement de coworking et de coliving qui comprend des espaces de travail en libre accès, des bureaux privés et des salles de réunion.
  28.                                         </p>
  29.                                              
  30.                               </div>
  31.                           </div> 
  32.                           <div class="  col-md-3 col-sm-12">
  33.                               <ul class="list-unstyled lh-lg">
  34.                                     <li><a class="text-light" href="#">Mon compte</a></li>  
  35.                                     <li><a class="text-light" href="{{asset('themes/coworking/front/images/cgvVFinale.docx.pdf')}}" target="_blank">CGV et règlement intérieur</a></li>
  36.                                     <li><a class="text-light" href="{{asset('themes/coworking/front/images/Annexe2GrilleTarifaire.pdf')}}" target="_blank">Grille tarifaire</a></li>
  37.                               </ul>
  38.                           </div>
  39.                         </div>
  40.                   </footer>
  42.     <!-- modal - Make an Appointment -->
  43.     <div
  44.       class="modal fade"
  45.       id="modalMRequestQuote"
  46.       tabindex="-1"
  47.       role="dialog"
  48.       aria-label="myModalLabel"
  49.       aria-hidden="true"
  50.     >
  51.       <div class="modal-dialog modal-md">
  52.         <div class="modal-content">
  53.           <div class="modal-body form-default modal-layout-dafault">
  54.             <button
  55.               type="button"
  56.               class="close"
  57.               data-dismiss="modal"
  58.               aria-hidden="true"
  59.             >
  60.               <span class="icons-860796"></span>
  61.             </button>
  62.             <div class="modal-titleblock">
  63.               <div class="modal-title">Schedule a Pickup</div>
  64.             </div>
  65.             <form
  66.               class="form-modal"
  67.               id="jsFormRequestQuote"
  68.               method="post"
  69.               novalidate="novalidate"
  70.               action="#"
  71.             >
  72.               <div class="form-group">
  73.                 <input
  74.                   type="text"
  75.                   name="name"
  76.                   class="form-control"
  77.                   id="modalName01"
  78.                   placeholder="Votre nom *"
  79.                 />
  80.               </div>
  81.               <div class="row">
  82.                 <div class="col-md-6">
  83.                   <div class="form-group">
  84.                     <input
  85.                       type="text"
  86.                       name="email"
  87.                       class="form-control"
  88.                       id="modalEmail01"
  89.                       placeholder="Your e-mail Adresse *"
  90.                     />
  91.                   </div>
  92.                 </div>
  93.                 <div class="col-md-6">
  94.                   <div class="form-group">
  95.                     <input
  96.                       type="text"
  97.                       name="phone"
  98.                       class="form-control"
  99.                       id="modalPhone01"
  100.                       placeholder="Votre numéro de téléphone"
  101.                     />
  102.                   </div>
  103.                 </div>
  104.               </div>
  105.               <div class="form-group">
  106.                 <input
  107.                   type="text"
  108.                   name="modalAddress"
  109.                   class="form-control"
  110.                   id="modalAddress"
  111.                   placeholder="Adresse *"
  112.                 />
  113.               </div>
  114.               <div class="form-group">
  115.                 <div class="custom-select">
  116.                   <select name="typeofholiday" class="tt-select">
  117.                     <option value="Service">Service</option>
  118.                     <option value="Service 02">Service 02</option>
  119.                     <option value="Service 03">Service 03</option>
  120.                     <option value="Service 04">Service 04</option>
  121.                     <option value="Service 05">Service 05</option>
  122.                   </select>
  123.                 </div>
  124.               </div>
  125.               <div class="row">
  126.                 <div class="col-lg-6">
  127.                   <div class="form-group">
  128.                     <input
  129.                       name="date-pick-up"
  130.                       placeholder="Pick-Up Date"
  131.                       autocomplete="off"
  132.                       data-timepicker="true"
  133.                       class="js_datepicker-1 form-control"
  134.                       type="text"
  135.                     />
  136.                     <div class="form-group__icon icons-747310"></div>
  137.                   </div>
  138.                 </div>
  139.                 <div class="col-lg-6">
  140.                   <div class="form-group">
  141.                     <input
  142.                       name="date-delivery"
  143.                       placeholder="Date de livraison"
  144.                       autocomplete="off"
  145.                       data-timepicker="true"
  146.                       class="js_datepicker-2 form-control"
  147.                       type="text"
  148.                     />
  149.                     <div class="form-group__icon icons-747310"></div>
  150.                   </div>
  151.                 </div>
  152.               </div>
  153.               <div class="form-group">
  154.                 <textarea
  155.                   name="message"
  156.                   class="form-control"
  157.                   placeholder="Your comment"
  158.                 ></textarea>
  159.               </div>
  160.               <div class="tt-btn tt-btn__wide">
  161.                 <span class="mask">Commandez</span>
  162.                 <button type="submit" class="button">Commandez</button>
  163.               </div>
  164.             </form>
  165.           </div>
  166.         </div>
  167.       </div>
  168.     </div>
  169.     <a href="#" class="tt-btn tt-back-to-top" id="js-backtotop">
  170.       <span class="mask">
  171.         <svg
  172.           version="1.1"
  173.           x="0px"
  174.           y="0px"
  175.           width="24"
  176.           height="24"
  177.           viewBox="0 0 24 24"
  178.           style="enable-background: new 0 0 24 24;"
  179.           xml:space="preserve"
  180.         >
  181.           <g>
  182.             <polygon
  183.               fill="currentColor"
  184.               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     "
  185.             ></polygon>
  186.           </g>
  187.         </svg>
  188.       </span>
  189.       <div class="button">
  190.         <svg
  191.           version="1.1"
  192.           x="0px"
  193.           y="0px"
  194.           width="24"
  195.           height="24"
  196.           viewBox="0 0 24 24"
  197.           style="enable-background: new 0 0 24 24;"
  198.           xml:space="preserve"
  199.         >
  200.           <g>
  201.             <polygon
  202.               fill="currentColor"
  203.               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     "
  204.             ></polygon>
  205.           </g>
  206.         </svg>
  207.       </div>
  208.     </a>
  209.     <div class="tt-colorswatch">
  210.       <div class="tt-colorswatch-options">
  211.         <a
  212.           href="#"
  213.           class="colorswatch2 js-swatch-color"
  214.           data-color="2"
  215.           data-img="step-line2-x.png"
  216.         ></a>
  217.         <a
  218.           href="#"
  219.           class="colorswatch3 js-swatch-color"
  220.           data-color="3"
  221.           data-img="step-line2-x-color02.png"
  222.         ></a>
  223.         <a
  224.           href="#"
  225.           class="colorswatch4 js-swatch-color"
  226.           data-color="4"
  227.           data-img="step-line2-x-color03.png"
  228.         ></a>
  229.         <a
  230.           href="#"
  231.           class="colorswatch5 js-swatch-color"
  232.           data-color="5"
  233.           data-img="step-line2-x-color04.png"
  234.         ></a>
  235.         <a
  236.           href="#"
  237.           class="colorswatch6 js-swatch-color"
  238.           data-color="6"
  239.           data-img="step-line2-x-color05.png"
  240.         ></a>
  241.         <a
  242.           href="#"
  243.           class="colorswatch6 js-swatch-color"
  244.           data-color="7"
  245.           data-img="step-line2-x-color06.png"
  246.         ></a>
  247.       </div>
  248.       
  249.     </div>