From da5f78edff199b620c04745414d4313ccb97a09a Mon Sep 17 00:00:00 2001
From: JhayDarko <jhojanderssj@gmail.com>
Date: Wed, 25 Sep 2024 15:27:54 -0500
Subject: [PATCH] Commit

---
 assets/css/estilos.css | 24 +++++++++++++++++++++++-
 index.html             | 24 ++++++++++++++++++++++++
 2 files changed, 47 insertions(+), 1 deletion(-)

diff --git a/assets/css/estilos.css b/assets/css/estilos.css
index 7a47903..b6b74ae 100644
--- a/assets/css/estilos.css
+++ b/assets/css/estilos.css
@@ -37,6 +37,12 @@ section {
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }
 
+/* Estilo para corregir la ubicación del título del mapa */
+section h2:nth-of-type(2) {
+  margin-top: -25px;
+  margin-bottom: 20px;
+}
+
 /* Estilos para tablas */
 table {
   width: 100%;
@@ -67,11 +73,27 @@ video {
 
 /* Estilos para el formulario */
 form {
+  float: left;
   display: flex;
   flex-direction: column;
-  width: 100%;
+  width: 45%;
   max-width: 600px;
   margin: 20px 0;
+  margin-right: 10%;
+}
+
+/* Estilos para el mapa */
+iframe {
+  float: left;
+  width: 45%;
+  height: 300px;
+  border: 0;
+}
+
+section:after {
+  content: "";
+  display: table;
+  clear: both;
 }
 
 label {
diff --git a/index.html b/index.html
index bf39a81..90b7757 100644
--- a/index.html
+++ b/index.html
@@ -70,6 +70,19 @@ <h3>Video:</h3>
         </video>
       </section>
 
+      <!-- Nueva sección: Opiniones de usuarios -->
+      <section aria-label="Opiniones de usuarios">
+        <h2>Opiniones de Usuarios<br><br></h2>
+        <article>
+          <h3>Juan Pérez</h3>
+          <p>¡Muy bueno, lo recomiendo!<br><br></p>
+        </article>
+        <article>
+          <h3>María López</h3>
+          <p>¡Excelente!</p>
+        </article>
+      </section>
+
       <!-- Formularios y validaciones -->
       <section aria-label="Formulario de contacto">
         <h2>Formulario de Contacto</h2>
@@ -103,6 +116,17 @@ <h2>Formulario de Contacto</h2>
 
           <input type="submit" value="Enviar" />
         </form>
+
+          <!-- Mapa añadido en la sección del formulario -->
+          <h2>Ubicación</h2>
+          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d38530.5431603481!2d-73.32014337654168!3d8.227988779869927!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8e677a34fd9ca3a3%3A0xb0dc8c0d51bbb7c2!2sUniversidad%20Francisco%20de%20Paula%20Santander%20Oca%C3%B1a!5e0!3m2!1ses-419!2sco!4v1727292953667!5m2!1ses-419!2sco" 
+          width="600" 
+          height="450" 
+          style="border:0;" 
+          allowfullscreen="" 
+          loading="lazy" 
+          referrerpolicy="no-referrer-when-downgrade"
+          ></iframe>
       </section>
     </main>