{% load static %}
<section id="hero">
    <div class="hero-container" id="heroCarousel">
      <div class="w3-content">

        <div class="carousel-item mySlides" style="background: url({% static 'assets/img/slide/slide-1.jpg' %})">
            <div class="carousel-container">
              <div class="carousel-content">
                <h2 class="animate__animated animate__fadeInDown">Bienvenue à <span>Africa Véto</span></h2>
                <p class="animate__animated animate__fadeInUp">Importateur - Distributeur - Grossiste de produits vétérinaires</p>
                <!--<a href="" class="btn-get-started animate__animated animate__fadeInUp">Lire la suite...</a> -->
              </div>
            </div>
          </div>

        <div class="carousel-item mySlides" style="background: url({% static 'assets/img/slide/slide-2.jpg' %})">
            <div class="carousel-container">
              <div class="carousel-content">
                <h2 class="animate__animated animate__fadeInDown">Welcome to <span>Slider 2</span></h2>
                <p class="animate__animated animate__fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>
                <!--<a href="" class="btn-get-started animate__animated animate__fadeInUp">Lire la suite...</a> -->
              </div>
            </div>
          </div>

        <div class="carousel-item mySlides" style="background: url({% static 'assets/img/slide/slide-3.jpg' %})">
            <div class="carousel-container">
              <div class="carousel-content">
                <h2 class="animate__animated animate__fadeInDown">Welcome to <span>Slider 3</span></h2>
                <p class="animate__animated animate__fadeInUp">Ut velit est quam dolor ad a aliquid qui aliquid. Sequi ea ut et est quaerat sequi nihil ut aliquam. Occaecati alias dolorem mollitia ut. Similique ea voluptatem. Esse doloremque accusamus repellendus deleniti vel. Minus et tempore modi architecto.</p>
                <!--<a href="" class="btn-get-started animate__animated animate__fadeInUp">Lire la suite...</a> -->
              </div>
            </div>
          </div>

      </div>
    </div>
  </section>