templates/contact/info.html.twig line 1

Open in your IDE?
  1. <!-- INFO -->
  2. <section class="py-7 py-md-9 border-bottom border-gray-300" id="info">
  3.     <div class="container">
  4.         <div class="row">
  5.             <div class="col-12 text-center">
  7.                 <!-- Button -->
  8.                 <a href="#info" class="btn btn-white btn-rounded-circle shadow mt-n11 mt-md-n13" data-scroll>
  9.                     <i class="fe fe-arrow-down"></i>
  10.                 </a>
  12.             </div>
  13.         </div> <!-- / .row -->
  14.         <div class="row">
  15.             <div class="col-12 col-md-4 text-center border-end border-gray-300">
  17.                 <!-- Heading -->
  18.                 <h6 class="text-uppercase text-gray-700 mb-1">
  19.                    WhatsApp <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"></path><path fill="#f19100" opacity=".3" d="M5 15l-2 6.5 6.5-2z"></path><path d="M13.5 21a9.5 9.5 0 110-19 9.5 9.5 0 010 19zm-5-8a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm5 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm5 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" fill="#f19100"></path></g></svg>
  20.                 </h6>
  22.                 <!-- Link -->
  23.                 <div class="mb-5 mb-md-0">
  24.                     <a href="tel:+33699000649" class="h4 text-warning">
  25.                         +33 699 000 649
  26.                     </a>
  27.                 </div>
  29.             </div>
  30.             <div class="col-12 col-md-4 text-center border-end border-gray-300">
  32.                 <!-- Heading -->
  33.                 <h6 class="text-uppercase text-gray-700 mb-1">
  34.                     Téléphone <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"></path><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-.386-8.787a1.462 1.462 0 01-1.688.274 1.462 1.462 0 00-1.688.274l-1.511 1.51a.5.5 0 00.195.829l1.354.451c1.3.433 2.733.095 3.702-.874l4-4c.89-.89 1.11-2.25.547-3.375l-.632-1.266a.5.5 0 00-.8-.13L13.5 8.5a1.462 1.462 0 00-.274 1.688 1.462 1.462 0 01-.274 1.688l-1.338 1.338z" fill="#f19100"></path></g></svg>
  35.                 </h6>
  37.                 <!-- Link -->
  38.                 <div class="mb-5 mb-md-0">
  39.                     <a href="tel:+33699000649" class="h4 text-warning">
  40.                         +33 699 000 649
  41.                     </a>
  42.                 </div>
  43.             </div>
  44.             <div class="col-12 col-md-4 text-center">
  46.                 <!-- Heading -->
  47.                 <h6 class="text-uppercase text-gray-700 mb-1">
  48.                     Email <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h24v24H0z"></path><path d="M5 9h14a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2v-9a2 2 0 012-2zm13.144 1.84L12 14.148 5.856 10.84a.75.75 0 00-.712 1.32l6.5 3.5c.222.12.49.12.712 0l6.5-3.5a.75.75 0 00-.712-1.32z" fill="#f19100"></path><path d="M9.032 4.492h1.956V6.5a.5.5 0 00.5.5h1.024a.5.5 0 00.5-.5V4.492h1.956a.5.5 0 00.382-.823L12.382.164a.5.5 0 00-.764 0L8.65 3.669a.5.5 0 00.382.823z" fill="#f19100" opacity=".3"></path></g></svg>
  49.                 </h6>
  51.                 <!-- Link -->
  53.                 {% include 'contact/email.html.twig' %}
  55.             </div>
  56.         </div> <!-- / .row -->
  57.     </div>
  58. </section>