diff --git a/css/style.css b/css/style.css
index e69de29..8d3229f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,199 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700');
+
+* { 
+    margin: 0;
+    padding: 0;
+    --primary-color: #000000;
+    --primary-font: 'Roboto', sans-serif;
+    --secondary-font: 'Roboto Condensed', sans-serif;
+    --secondary-color: rgb(67, 163, 230); /* Blue */
+    --dark-blue: rgb(25, 33, 41); /* Dark Blue */
+    --text-color: rgb(0, 0, 0); /* Text */
+    
+}
+
+body {
+    font-family: var(--primary-font);
+    font-size: 16px;
+    line-height: 1.5;
+    font-weight: 300;
+    color: var(--primary-color);
+}
+
+/* CSS multiselector example */
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: var(--secondary-font);
+}
+
+h1 {
+    font-size: 9em;
+    text-align: center;
+    text-transform: uppercase;
+}
+h2 {
+    font-size: 5em;
+    text-align: center;
+    line-height: 4em;
+    text-transform: uppercase;
+}
+h3 {
+    font-size: 4.2em;
+    text-align: center;
+    line-height: 1em;
+}
+h4 {
+    font-size: 4.2em;
+    letter-spacing: 0.4px;
+    line-height: 1em;
+}
+h5 {
+    font-size: 1.2em;
+    line-height: 1em;
+}
+
+main {
+    nav {
+        background-color: var(--dark-blue);
+        &.nav-bar {
+            background-color: var(--dark-blue);
+        ul {
+            li {
+                color: var(--secondary-color);
+            
+            }
+            li a {
+                color: white;  /* Cambia el color de los enlaces a blanco */
+                text-decoration: none;  /* Opcional: quitar subrayado de los enlaces */
+            }
+
+        }
+    }
+}
+}
+
+main {
+    header {
+        &.header-style {
+        background-image: url('https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg');
+        background-size: cover;  
+    background-position: center;  
+    background-repeat: no-repeat;
+    
+        }
+        h2 {
+            text-shadow: #020819 8px -20px 9px ;
+            color: white;
+
+        }
+        aside {
+                &.quote {
+                    font-size: 2.5em;
+                }
+            
+        }
+    }
+}
+
+section {
+    &.dark-background {
+        background-color: var(--dark-blue);
+        color: white;
+    }
+    p {
+        &.text {
+            font-size: 2em;
+            font-weight: 100;
+            text-align: center;
+        }
+    }
+        a {
+        &.link-btn {
+            background-color: var(--secondary-color); 
+            color: white; 
+            font-family: 'Roboto Condensed', sans-serif; 
+            font-size: 2em; 
+            letter-spacing: 0.5px; 
+            text-align: center; 
+            text-decoration: none; 
+        }
+    }
+
+    }
+
+    section {
+        &.service-box {
+            font-size: 1.7em;
+            text-align: center;
+        }
+        .service-box img {
+            height: 125px;
+        }
+    }
+
+    section {
+        div {
+        article {
+            &.member-name {
+                font-size: 1.5em;
+                font-weight: 700;
+            }
+            img { 
+            &.team {
+                width: 250px;
+                height: 180px;
+            }
+        }
+
+            }
+           
+        }
+        p {
+            font-size: 10px;
+        }
+    }
+
+    footer {
+        &.footer {
+            text-align: center;
+            font-size: 1.9em;
+            background-color: var(--dark-blue);
+            
+        
+        section {
+            color: white;
+            line-height: 2em;
+            address {
+
+                &.address {
+                    font-style: normal;
+                    font-size: 0.8em;
+                }
+
+            }
+            ul {
+                li {
+                    list-style: none;
+                    a {
+                        color: var(--secondary-color);
+                        text-decoration: none;
+                        
+                    }
+                }
+            }
+        }
+    }
+    }
+
+
+
+
+
+
+    
+
diff --git a/index.html b/index.html
index b8b04c7..ce6083f 100644
--- a/index.html
+++ b/index.html
@@ -4,11 +4,175 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Ironskydive</title>
+    <link rel="stylesheet" href="/css/style.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700">
+    <title>Document</title>
 </head>
 <body>
-    
-    <!-- PASTE HERE HTML YOU CREATED IN THE FIRST LAB -->
-    
+    <main>
+    <nav class="nav-bar">
+        <ul>
+            <li><a href="#day-structure">Day Structure</a></li>
+            <li><a href="#team">Team</a></li>
+            <li><a href="#schedule">Schedule</a></li>
+        </ul>
+    </nav>
+    <header class="header-style">
+   
+        <h1><img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-logo.png" alt="Logo Skydrive" >IronSkydive</h1>
+        <h2>Let the trip begin</h2>
+        <aside class="quote">
+            <blockquote>
+              <p><em>"La vida es lo que pasa mientras estás ocupado haciendo otros planes."</em></p>
+              <footer>- John Lennon</footer>
+            </blockquote>
+            <p><em>"The best experience of our lives"</em></p>
+        <p>Ariel Quiónes & Gonzalo Manrique, Ironhack Founders</p>
+          </aside>
+</header>
+    <section id="general-information" class="dark-background">
+        <article>
+            <h3>
+              About
+            </h3>
+            <p class="text">IronSkydive offers the ultimate skydiving experience for adventurers of all levels, blending adrenaline with breathtaking views.</p>
+            <a class="link-btn" href="#">Learn More</a>
+        </article>
+
+        <article>
+            <h3>
+             Hello!
+            </h3>
+            <p class="text"> Experience the thrill of freefalling while enjoying a once-in-a-lifetime opportunity to conquer the skies with us.</p>
+            <a class="link-btn" href="#">Watch Video</a>
+        </article>
+        <article>
+            <h3>
+              Wanna join?
+            </h3>
+            <p class="text">Sign up today and embark on the most exciting journey of your life—become a part of the IronSkydive family</p>
+            <a class="link-btn" href="#">Register</a>
+        </article>
+    </section>
+    <section id="structure" class="service-box">
+        <h3>"How do we structure the day?"</h3>
+        <div>
+            <article class="service-box">
+                <h4>
+                    <div><img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-training.png" alt="icono1"></div>
+                    Get ready
+                </h4>
+                <p>Contenido</p>
+            </article>
+            <article class="service-box">
+                <h4>
+                    <div><img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-get-ready.png" alt="icono2"></div>
+                    Título
+                </h4>
+                <p>Contenido</p>
+            </article>
+            <article class="service-box">
+                <h4>
+                    <div><img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-fly.png" alt="icono3"></div>
+                    Título
+                </h4>
+                <p>Contenido</p>
+            </article>
+            <article class="service-box">
+                <h4>
+                    <div><img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-jump.png" alt="icono4"></div>
+                    Título
+                </h4>
+                <p>Contenido</p>
+            </article>
+        </div>
+        
+    </section>
+    <section id="team" class="dark-background">
+        <h3>"How do we structure the day?"</h3>
+        <div>
+            <article>
+                <h4 class="member-name"><strong>Harold Rothstein</strong></h4>
+                <img class="team" src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_c18b1c463b80090894237a262dfdfbad.jpg" alt="Harold Rothstein">
+            </article>
+            <article>
+                <h4 class="member-name"><strong>Susan Phillips</strong></h4>
+                <img class="team" src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_a18d6123a7c8e75f7e70a4e59b941093.jpg" alt="Susan Phillips">
+            </article>
+            <article>
+                <h4 class="member-name"><strong>Taylor Roberts</strong></h4>
+                <img class="team" src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_7104a331530d1b0611da55093b7dc421.jpg" alt="Taylor Roberts">
+            </article>
+        </div>
+        <p class="section-text">Meet our amazing team, they are ready to help you skydiving like never before!</p>
+    </section>
+    <hr>
+    <section id="schedule">
+        <h3>Schedule</h3>
+<br>
+<img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_cdeeac1a34e5b4f5785ec6f203632b7c.png" alt="Schedule Image">
+<br>
+
+<!-- Tabla para el horario -->
+<table border="1">
+  <thead>
+    <tr>
+      <th>Time</th>
+      <th>Monday</th>
+      <th>Tuesday</th>
+      <th>Wednesday</th>
+      <th>Thursday</th>
+      <th>Friday</th>
+      <th>Saturday</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>9:00 - 11:00</td>
+      <td></td>
+      <td></td>
+      <td>X</td>
+      <td></td>
+      <td>X</td>
+      <td>X</td>
+    </tr>
+    <tr>
+      <td>12:00 - 14:00</td>
+      <td></td>
+      <td></td>
+      <td></td>
+      <td></td>
+      <td>X</td>
+      <td>X</td>
+    </tr>
+    <tr>
+      <td>15:00 - 17:00</td>
+      <td></td>
+      <td></td>
+      <td>X</td>
+      <td>X</td>
+      <td>X</td>
+      <td>X</td>
+    </tr>
+  </tbody>
+</table>
+
+    </section>
+</main>
+    <footer class="dark-background footer">
+        <section>
+            <h5>Contact info</h5>
+            <address class="address">
+                <p><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/address">`<address>`</a> element, with the correct information:</p>
+                <p><em>IronSkydive 33 Rue la Fayette, 75009 Paris, France +33 (0) 619 193 088</em></p>
+              </address>
+              <h5>Follow us</h5>
+              <ul>
+                <li><a href="ttps://html.com/attributes/a-target/" target="_blank">Twitter</a></li>
+                <li><a href="ttps://html.com/attributes/a-target/" target="_blank">Facebook</a></li>
+                <li><a href="ttps://html.com/attributes/a-target/" target="_blank">Instagram</a></li>
+              </ul>
+        </section>
+    </footer>
 </body>
 </html>
\ No newline at end of file