diff --git a/index.html b/index.html
index 4a81684..4345475 100644
--- a/index.html
+++ b/index.html
@@ -6,13 +6,103 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Spotify Clone</title>
     <!-- don't forget to link your styles -->
+    <link href="./styles/style.css" rel="stylesheet"/>
   </head>
   <body>
-    Premium Discover Help Download Music for everyone. Spotify is now free on mobile, tablet and computer. Listen to the
-    right music, wherever you are. What’s on Spotify? Millions of Songs There are millions of songs on Spotify HD Music
-    Listen to music as if you were listening live Stream Everywhere Stream music on your smartphone, tablet or computer
-    It’s as yeezy as Kanye West. Search Know what you want to listen to? Just search and hit play. Browse Check out the
-    latest charts, brand new releases and great playlists for right now. Discover Enjoy new music every Monday with your
-    own personal playlist. Or sit back and enjoy Radio.
+
+    <section class="cajaGrande1">
+
+      <header class="header">
+        <img src="./images/spotify-logo.png" atl="Icono Spotify"/>
+        <nav class="header--menu">
+            <ul>
+                <li><a href="#"></a>Premium</li>
+                <li><a href="#"></a>Discover</li>
+                <li><a href="#"></a>Help</li>
+                <li><a href="#"></a>Download</li>
+            </ul>
+        </nav>
+      </header>
+
+      <div class="Fondo">
+        <img src="./images/landing.jpg" alt="Imagen de Fondo">
+        
+        <div class="texto1">
+          <h1>Music for everyone.</h1>
+          <br>
+          <br>
+          <h3>Spotify is now free on mobile, tablet and computer.</h3>
+          <h3>Listen to the right music, wherever you are.</h3>
+        </div> 
+      
+      </div>
+
+    </section>
+
+    <section class=cajaGrande2>
+      
+      <h1 class="titulo">What’s on Spotify?</h1>
+
+      <div class="contenedor">
+
+        <div class="caja1">
+          <img src="./images/music-icon.png" atl="Icono Music"/>
+          <h1>Millions of Songs</h1>
+          <br>
+          <h3>There are millions of songs on Spotify</h3>
+        </div>
+
+        <div class="caja2">
+          <img src="./images/high-quality-icon.png" atl="Icon Quality"/>
+          <h1>HD Music</h1>
+          <br>
+          <h3>Listen to music as if you were listening live</h3>
+        </div>
+
+        <div class="caja3">
+          <img src="./images/devices-icon.png" atl="Icon Devices"/>
+          <h1>Stream Everywhere</h1>
+          <br>
+          <h3>Stream music on your smartphone, tablet or computer</h3>
+        </div>
+
+      </div>
+
+    </section>
+    
+    <section class="cajaGrande3">
+
+      <div class="Text-1">
+        <h1 class="titulo">It’s as yeezy as Kanye West.</h1>
+        <br>
+        <h1>Search</h1>
+        <br>
+        <h3>Know what you want to listen to?</h3>
+        <h3>Just search and hit play.</h3>
+
+        <br>
+        <h1>Browse</h1>
+        <br>
+        <h3>Check out the latest charts,</h3>
+        <h3>brand new releases and great 
+        <h3>playlists for right now.</h3>
+         
+        <br>
+        <h1>Discover</h1> 
+        <h3>Enjoy new music every Monday</h3>
+        <h3>with your own personal playlist. </h3>
+        <h3>Or sit back and enjoy Radio.</h3>
+      </div>
+
+      <div class="img-1">
+        <img src="./images/spotify-icon-white.png" atl="Icon Spotify White"/>
+      </div>
+
+      <div class="img-2">
+        <img src="./images/spotify-app.jpg" atl="Spoty App"/>
+      </div>
+
+    </section>
+  
   </body>
 </html>
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
index 68b1e59..392df8f 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -3,4 +3,167 @@ Colors:
 Text: 1A1A1A
 Green: #00B172
 White: #FFF
-*/
\ No newline at end of file
+*/
+body{
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+.cajaGrande1 {
+    width: 100%;
+  }
+
+.header{
+    position: fixed;
+    background: white;
+    padding-left: 1em;
+    width: 100%;
+    top:0;
+}
+
+.header img{
+    width: 10vw;
+    height: 5vw;
+    float: left;
+    padding-top: 1em;
+}
+
+.header nav{
+    float: right;
+}
+
+@media screen and ( min-width: 768px){
+.header--menu ul{
+    display:flex;
+    list-style: none;
+    font-weight: bold;
+    gap: 40px;
+    padding-right: 3em;
+    font-size: 30px;
+    }
+}
+
+.Fondo img{
+    align-content: center;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: 100vw;
+    margin: 0 auto;
+}
+
+.texto1{
+    position: absolute;
+    color: #FFF;
+    top: 400px;
+    font-size: 20px;
+    width: 100vw;
+    margin:0 auto;
+    text-align: center;
+  }
+
+.texto1 h1{
+    font-size: 70px;
+  }
+
+.texto1 h3{
+    font-size: 30px;
+  }
+
+.titulo{
+    text-align: center;
+    text-decoration: underline #00B172 3px;
+    text-underline-position: under;
+    font-size: 45px;
+}
+
+.cajaGrande2 div.contenedor{
+    display: flex;
+    padding-top: 3em;
+}
+
+.contenedor div.caja1{
+    width: 33.33%;
+    text-align: center;
+    margin: 3em;
+}
+
+.contenedor div.caja2{
+    width: 33.33%;
+    text-align: center;
+    margin: 3em;
+}
+
+.contenedor div.caja3{
+    width: 33.33%;
+    text-align: center;
+    margin: 3em;
+}
+
+.contenedor h1{
+    color: #00B172;
+    font-size: 30px;
+}
+
+.contenedor h3{
+    font-size: 25px;
+}
+
+.caja1 img{
+    height: 20vh;
+}
+
+.caja2 img{
+    height: 20vh;
+}
+
+.caja3 img{
+    height: 20vh;
+}
+
+.cajaGrande3{
+    display: flex;
+    background-color: #00B172;
+    color: white;
+    padding: 5em;
+    margin: 1em;
+    align-content: center;
+}
+
+.cajaGrande3 div.Text-1{
+    width: 50%;
+}
+
+.Text-1 h1.titulo{
+    text-decoration: underline white 3px;
+    text-underline-position: under;
+    font-size: 35px;
+}
+
+.Text-1 h1{
+    font-size: 30px;
+}
+
+.img-1 img{
+    align-content: center;
+    height: 20vh;
+    padding-top: 20em;
+    padding-right: 4em;
+}
+
+.img-2 img{
+    height: 100vh;
+    padding-top: 5em;
+}
+
+
+
+
+
+
+
+
+
+
+
+  
\ No newline at end of file
