Se agrego el container principal y se modifico el background de estilo .css

This commit is contained in:
AldairN
2024-08-19 20:50:28 -06:00
parent d781de8765
commit 474d273971
+23 -32
View File
@@ -68,41 +68,32 @@
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="d-flex align-items-center justify-content-center">
<div class="container" data-aos="fade-up">
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="150">
<div class="col-12">
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://www.acatlan.unam.mx/images/1981.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="https://www.acatlan.unam.mx/images/1953.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="https://www.acatlan.unam.mx/images/1939.jpg" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" 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="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div>
<section id="hero" class="p-3 d-flex flex-column justify-content-center">
<div class="container d-flex"data-aos="fade-up">
<div class="row gx-5">
<div class="col-6">
<div class="bg-light p-4 text-black bg-opacity-25 text-start top-0 start-0"><h2>Idiomas Acatlán</h2>
<h4>objetivo</h4>
<p class="text-justify ">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Blanditiis aut commodi, impedit illo maxime quos doloremque? Laboriosam voluptatibus, expedita rerum tempora, ex nostrum quia sit voluptate voluptatem at sapiente quod.</p>
</div>
</div>
<div class="col-6">
<div class="bg-light p-4 text-primary bg-opacity-50 text-start top-0 end-0">Convocatoria
<p class="text-justify">Lorem ipsum dolor sit amet consectetur adipisicing elit. Qui laudantium beatae facilis modi fugiat. Nulla, in recusandae consectetur quo itaque voluptatem quam rerum accusantium laboriosam soluta quibusdam quasi odit. Itaque?</p>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section><!-- End Hero -->
<!-- End Hero -->
<div>
<section>
</section>
</div>
<main id="main">