Se agrego el container principal y se modifico el background de estilo .css
This commit is contained in:
+23
-32
@@ -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">
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user