{% extends 'base.html' %}
{% load static %}
{% block content %}
<!-- Breadcrumb area start  -->
      <div class="breadcrumb__area theme-bg-1 p-relative z-index-11 pt-95 pb-95">
         <div class="breadcrumb__thumb" data-background="assets/imgs/bg/breadcrumb-bg.jpg"></div>
         <div class="container">
            <div class="row justify-content-center">
               <div class="col-xxl-12">
                  <div class="breadcrumb__wrapper text-center">
                     <h2 class="breadcrumb__title">Contact</h2>
                     <div class="breadcrumb__menu">
                        <nav>
                           <ul>
                              <li><span><a href="index.html">Home</a></span></li>
                              <li><span>Contact</span></li>
                           </ul>
                        </nav>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- Breadcrumb area start  -->

      <!-- Contact area start -->
      <div class="contact-area section-space">
         <div class="container">
            <div class="row g-5">
               <div class="col-xxl-4 col-xl-4 col-lg-6">
                  <div class="contact-info-item text-center">
                     <div class="contact-info-icon">
                        <span><i class="fa-light fa-location-dot"></i></span>
                     </div>
                     <div class="contact-info-content">
                        <h4>Emplacement</h4>
                        <p><a href="#">Morocco, Meknes</a></p>
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-xl-4 col-lg-6">
                  <div class="contact-info-item text-center">
                     <div class="contact-info-icon">
                        <span><i class="fa-light fa-envelope"></i></span>
                     </div>
                     <div class="contact-info-content">
                        <h4>Adresse email</h4>
                        <span><a href="mailto:contact@skincare.com">info@skincare.com</a></span>
                     </div>
                  </div>
               </div>
               <div class="col-xxl-4 col-xl-4 col-lg-6">
                  <div class="contact-info-item text-center">
                     <div class="contact-info-icon">
                        <span><i class="fa-thin fa-phone"></i></span>
                     </div>
                     <div class="contact-info-content">
                        <h4>Numéro WhatsApp</h4>
                        <span><a href="https://wa.me/+212{{ sites.whatsapp }}">+212 {{ sites.whatsapp }}</a></span>
                     </div>
                  </div>
               </div>
            </div>
            
         </div>
      </div>
      <!-- Contact area end -->


{% endblock %}