{% load i18n %} 
{% load static %} 
{% load utils_tags %} 

<div class="hero-section">
    <div class="container">

        <div id="welcome-carousel" class="carousel slide" data-bs-ride="carousel">
  <div class="carousel-inner">
    <div class="carousel-item active data-bs-interval="10000"">
      <img src="{% static 'themes/springinformatics/main/img/eagles.png' %}" class="d-block w-100"
      alt="...">
      <div class="carousel-caption align-self-xs-end text-primary fw-bolder">
       
        <p class="fs-md-4">
          Store your data in a safe, secure and long lasting database system
        </p>
      </div>
    </div>
    <div class="carousel-item data-bs-interval="10000"">
      <img src="{% static 'themes/springinformatics/main/img/rock3.png' %}" class="d-block w-100"
      alt="...">
      <div class="carousel-caption mt-xs-5 pt-xs-5 align-self-xs-end text-white fw-bolder">
        
        <p class="fs-md-4 mt-xs-5 pt-xs-5">Integrate data management and analysis tools to ensure data integrity, standardization and automation of workflow</p>
      </div>
    </div>
    <div class="carousel-item data-bs-interval="10000"">
      <img src="{% static 'themes/springinformatics/main/img/water.png' %}" class="d-block w-100"
      alt="...">
      <div class="carousel-caption align-self-xs-end text-white fw-bolder">
        
        <p class="fs-md-4 align-self-xs-end">
          Explore your data using interactive visualizations to reveal outliers,
          patterns and relationships in your data
        </p>
      </div>
    </div>
  </div>
  <button
    class="carousel-control-prev"
    type="button"
    data-bs-target="#welcome-carousel"
    data-bs-slide="prev"
  >
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button
    class="carousel-control-next"
    type="button"
    data-bs-target="#welcome-carousel"
    data-bs-slide="next"
  >
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>



    </div>
</div>