<div id="carouselExampleFade"
class="carousel slide carousel-fade h-100"
data-ride="carousel"
data-interval="5000"
data-pause="false">

<div class="carousel-inner h-100">

<div class="carousel-item active h-100">
<img src="https://devsecuiep.sistemasecuiep.com/img/carrusel/1.jpg">

<div class="carousel-caption text-left">
<h3>Sistema Académico</h3>
<p>Gestión escolar moderna</p>
</div>

</div>

<div class="carousel-item h-100">
<img src="https://devsecuiep.sistemasecuiep.com/img/carrusel/2.jpg">

<div class="carousel-caption text-left">
<h3>Plataforma Educativa</h3>
<p>Acceso seguro para estudiantes</p>
</div>

</div>

<div class="carousel-item h-100">
<img src="https://devsecuiep.sistemasecuiep.com/img/carrusel/3.jpg">

<div class="carousel-caption text-left">
<h3>Innovación educativa</h3>
<p>Transformando la educación digital</p>
</div>

</div>

<div class="carousel-item h-100">
<img src="https://devsecuiep.sistemasecuiep.com/img/carrusel/4.jpg">

<div class="carousel-caption text-left">
<h3>Plataforma accesible</h3>
<p>Mejorando procesos internos</p>
</div>

</div>

<div class="carousel-item h-100">
<img src="https://devsecuiep.sistemasecuiep.com/img/carrusel/5.jpg">

<div class="carousel-caption text-left">
<h3>Innovación educativa</h3>
<p>Transformando la educación digital</p>
</div>

</div>

</div>

</div>
