Pagina Web v1.0

ak47flow · Oct 5, 2024 · 0ba16aa · 0ba16aa
1 parent eba3955
commit 0ba16aa
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 33 deletions.
diff --git a/css/style.css b/css/style.css
@@ -107,10 +107,9 @@ body {
 }
 
 .contenido{
-    padding: 140px 11px;
+    padding: 140px 0px;
 }
 
-
 .title{
     font-size: 50px;
     font-weight: 600;
@@ -159,7 +158,7 @@ body {
 .img-central {
     width: 100%;
     height: 630px;
-    margin-bottom: 40px;
+    margin-bottom: 50px;
 }
 
 
@@ -168,11 +167,10 @@ body {
         padding: 10px;
     }
     .img-central {
-        margin: 50px 0px;
-        padding: 0 10px;
         width: 100%;
         height: auto;
-        border-radius: 16px;
+        padding: 15px;
+        border-radius: 50px;
     }
 }
 

diff --git a/index.html b/index.html
@@ -91,37 +91,38 @@
     </div>
 
     <!--Sección de contenido-->
-    <div class="container contenido">
-        <div class="row">
-            <div class="col-md-5 d-flex justify-content-center flex-column d-md-flex w100">
-                <h1 class="title">Descubre Supe: Cultura, Historia y Naturaleza</h1>
-                <p>Bienvenido a Supe, el lugar donde historia y naturaleza se encuentran. Desde la civilización más
-                    antigua de América hasta playas paradisíacas, Supe es un destino imperdible para quienes buscan
-                    experiencias únicas.</p>
-            </div>
-            <div class="col-12 col-md-3 img-big">
-                <a href="#" style="color: #fff; text-decoration: none;">
-                    <div class="img-card d-flex align-items-center justify-content-center"
-                        style="background: linear-gradient(0deg, rgba(24, 24, 24, 0.55) 0%, rgba(24, 24, 24, 0.55) 100%), url('../img/que_visitar.jpg'), lightgray 50% / cover no-repeat;">
-                        <h3 class="texto-card">¿Qué visitar?</h3>
-                    </div>
-                </a>
-            </div>
-            <div class="col-md-4 img-small d-flex justify-content-between flex-column">
-                <div class="img-big d-flex align-items-center justify-content-center"
-                    style="background: linear-gradient(0deg, rgba(24, 24, 24, 0.55) 0%, rgba(24, 24, 24, 0.55) 100%), url('../img/hospedarse.jpg'), lightgray 50% / cover no-repeat;cursor: pointer;"
-                    onclick="window.location='../experiencias.html';">
-                    <h3 class="texto-card">¿Dónde hospedarse? </h3>
+    <section class="contenido">
+        <div class="container">
+            <div class="row">
+                <div class="col-md-5 d-flex justify-content-center flex-column d-md-flex w100">
+                    <h1 class="title">Descubre Supe: Cultura, Historia y Naturaleza</h1>
+                    <p>Bienvenido a Supe, el lugar donde historia y naturaleza se encuentran. Desde la civilización más
+                        antigua de América hasta playas paradisíacas, Supe es un destino imperdible para quienes buscan
+                        experiencias únicas.</p>
                 </div>
-                <div class="img-big d-flex align-items-center justify-content-center"
-                    style="background: linear-gradient(0deg, rgba(24, 24, 24, 0.55) 0%, rgba(24, 24, 24, 0.55) 100%), url('../img/donde_comer.jpg'), lightgray 50% / cover no-repeat;cursor: pointer;"
-                    onclick="window.location='#';">
-                    <h3 class="texto-card">¿Dónde comer?</h3>
+                <div class="col-12 col-md-3 img-big">
+                    <a href="#" style="color: #fff; text-decoration: none;">
+                        <div class="img-card d-flex align-items-center justify-content-center"
+                            style="background: linear-gradient(0deg, rgba(24, 24, 24, 0.55) 0%, rgba(24, 24, 24, 0.55) 100%), url('../img/que_visitar.jpg'), lightgray 50% / cover no-repeat;">
+                            <h3 class="texto-card">¿Qué visitar?</h3>
+                        </div>
+                    </a>
+                </div>
+                <div class="col-md-4 img-small d-flex justify-content-between flex-column">
+                    <div class="img-big d-flex align-items-center justify-content-center"
+                        style="background: linear-gradient(0deg, rgba(24, 24, 24, 0.55) 0%, rgba(24, 24, 24, 0.55) 100%), url('../img/hospedarse.jpg'), lightgray 50% / cover no-repeat;cursor: pointer;"
+                        onclick="window.location='../experiencias.html';">
+                        <h3 class="texto-card">¿Dónde hospedarse? </h3>
+                    </div>
+                    <div class="img-big d-flex align-items-center justify-content-center"
+                        style="background: linear-gradient(0deg, rgba(24, 24, 24, 0.55) 0%, rgba(24, 24, 24, 0.55) 100%), url('../img/donde_comer.jpg'), lightgray 50% / cover no-repeat;cursor: pointer;"
+                        onclick="window.location='#';">
+                        <h3 class="texto-card">¿Dónde comer?</h3>
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
-
+    </section>
     <!-- Sección de imagen -->
     <div class="container-fuild">
         <img src="img/tamal.jpg" alt="" class="img-central">