diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..26d3352
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/.idea/lab-css-ironskydive-2.iml b/.idea/lab-css-ironskydive-2.iml
new file mode 100644
index 0000000..d6ebd48
--- /dev/null
+++ b/.idea/lab-css-ironskydive-2.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..69ace3f
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="openjdk-21" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..5869ddf
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/lab-css-ironskydive-2.iml" filepath="$PROJECT_DIR$/.idea/lab-css-ironskydive-2.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index e69de29..7000365 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,143 @@
+@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:100,300,700');
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+    font-family: Roboto;
+    font-size: 10px;
+    line-height: 3.5em;
+    font-weight: 300;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Roboto Condensed;
+}
+
+h1 {
+    font-size: 9em;
+    text-align: center;
+    text-transform: uppercase;
+}
+  
+h2 {
+    font-size: 5em;
+    text-align: center;
+    text-transform: uppercase;
+    line-height: 4em;
+}
+  
+h3 {
+    font-size: 4.2em;
+    text-align: center;
+    line-height: 1em;
+}
+  
+h4 {
+    font-size: 1.5em;
+    letter-spacing: 0.4px;
+    line-height: 1em;
+}
+  
+h5 {
+    font-size: 1.2em;
+    line-height: 1em;
+}
+
+.nav-bar {
+    background-color: rgb(25, 33, 41);
+}
+
+.nav-bar a{
+    color: rgb(255, 255, 255);
+    text-decoration: none;
+    font-size: 2em;
+}
+
+.header {
+    background-image: url("https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-background.jpg");
+    background-position: 0 0;
+    background-repeat: no-repeat;
+    background-size: cover;
+    height: 650px;
+}
+
+.header h2 {
+    color: rgb(255, 255, 255);
+    text-shadow: #020819 8px -20px 9px;
+}
+
+.quote {
+    font-size: 2.5em;
+}
+
+.dark-background {
+    background-color: rgb(25, 33, 41);
+    color: rgb(255, 255, 255);
+}
+
+#general-information p {
+    font-size: 2em;
+    font-weight: 100;
+    text-align: center;
+}
+
+#general-information .link-btn {
+    background-color: rgb(67, 163, 230);
+    color: rgb(255, 255, 255);
+    font-family: Roboto Condensed;
+    font-size: 2em;
+    letter-spacing: 0.5px;
+    text-align: center;
+    text-decoration: none;
+}
+
+.service-box {
+    font-size: 1.7em;
+    text-align: center;
+}
+
+.service-box img {
+    width: 125px;
+}
+
+#team .section-text {
+    font-size: 1.9em;
+    text-align: center;
+}
+
+#team .member-name {
+    font-size: 1.5em;
+    font-weight: 700;
+}
+
+#team img {
+    width: 250px;
+    height: 180px;
+}
+
+.footer {
+    text-align: center;
+    font-size: 1.9em;
+}
+
+.address {
+    font-style: normal;
+    font-size: 0.8em;
+}
+
+.footer a {
+    color: rgb(67, 163, 230);
+    text-decoration: none;
+}
+
+.footer ul {
+    list-style: none;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index b8b04c7..7423e4b 100644
--- a/index.html
+++ b/index.html
@@ -4,11 +4,158 @@
     <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>
+    <title>IronSkydive</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
 </head>
 <body>
-    
-    <!-- PASTE HERE HTML YOU CREATED IN THE FIRST LAB -->
-    
+<nav class = "nav-bar">
+    <ul>
+        <li><a href="#structure">Day Structure</a></li>
+        <li><a href="#team">Team</a></li>
+        <li><a href="#schedule">Schedule</a></li>
+    </ul>
+</nav>
+<header class = "header">
+    <h1>
+        <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironhack-skydive-logo.png"
+             alt="Ironhack Skydive Logo">
+        IronSkydive
+    </h1>
+    <h2>Let the trip begin</h2>
+    <aside class = "quote">
+        <q><cite>The best experience of our lives</cite></q>
+        <p>Ariel Quiñones & Gonzalo Manrique, Ironhack Founders</p>
+    </aside>
+</header>
+
+<section id = "general-information" class = "dark-background">
+    <article>
+        <h3>Hello!</h3>
+        <p>Welcome to IronSkydive, the best adventure you will ever have.</p>
+        <a href="#" class = "link-btn">Learn More</a>
+    </article>
+    <article>
+        <h3>About us</h3>
+        <p>We like a lot programming websites, but we also love to practice sport.</p>
+        <a href="#" class = "link-btn">Watch Video</a>
+    </article>
+    <article>
+        <h3>Wanna join?</h3>
+        <p>Join our fitness program to be in good shape while learning.</p>
+        <a href="#" class = "link-btn">Register</a>
+    </article>
+</section>
+
+<section id = "structure">
+    <h3>How do we structure the day?</h3>
+    <div>
+        <article class = "service-box">
+            <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-training.png"
+                 alt = "Training icon">
+            <h4>1. Training</h4>
+            <p>We teach all the necessary things to jump from the plane without any kind of problem.</p>
+        </article>
+        <article class = "service-box">
+            <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-get-ready.png"
+                 alt = "Get ready icon">
+            <h4>2. Get ready</h4>
+            <p>You are already prepared, you just need the suit and a parachute. All sizes available.</p>
+        </article>
+        <article class = "service-box">
+            <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-fly.png"
+                 alt = "Fly icon">
+            <h4>3. Fly</h4>
+            <p>You are ready. and the plane is waiting for us in the hangar. Let's fly!</p>
+        </article>
+        <article class = "service-box">
+            <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/ironskydive-jump.png"
+                 alt = "Jump icon">
+            <h4>4. Jump!</h4>
+            <p>You have done the most complicated. Just one step left... jump!</p>
+        </article>
+    </div>
+</section>
+<hr>
+<section id = "team" class = "dark-background">
+    <h3>Team</h3>
+    <p class = "section-text">Our team collectively has 75 years of experience. Odds are. when you jump out of the plane with these professionals, you won't go splat.</p>
+    <div>
+        <article>
+            <h4 class = "member-name">Harold Rothstein</h4>
+            <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_c18b1c463b80090894237a262dfdfbad.jpg"
+                 alt = "Harold Rothstein's photo">
+        </article>
+        <article>
+            <h4 class = "member-name">Susan Phillips</h4>
+            <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_a18d6123a7c8e75f7e70a4e59b941093.jpg"
+                 alt = "Susan Phillips's photo">
+        </article>
+        <article>
+            <h4 class = "member-name">Taylor Roberts</h4>
+            <img src="https://s3-eu-west-1.amazonaws.com/ih-materials/uploads/upload_7104a331530d1b0611da55093b7dc421.jpg"
+                 alt = "Taylor Roberts's photo">
+        </article>
+    </div>
+</section>
+
+<section id = "schedule">
+    <h3>Schedule</h3>
+    <table>
+        <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>
+    <h3>Schedule a Time Slot</h3>
+</section>
+
+<footer>
+    <section class = "dark-background footer">
+        <h5>Contact Information</h5>
+        <address class = "address">IronSkydive<br>33 Rue la Fayette,<br>75009 Paris,<br>France<br>+33 (0) 619 193 088</address>
+        <h5>Follow Us</h5>
+        <ul>
+            <li><a href="#" target="_blank">Twitter</a></li>
+            <li><a href="#" target="_blank">Facebook</a></li>
+            <li><a href="#" target="_blank">Instagram</a></li>
+        </ul>
+    </section>
+</footer>
 </body>
 </html>
\ No newline at end of file