diff --git a/css/main.css b/css/main.css
index 839fb7d0..2e354e3f 100644
--- a/css/main.css
+++ b/css/main.css
@@ -1,3 +1,45 @@
-/*
- * Estilos de tu proyecto
- */
\ No newline at end of file
+
+ .secondSection{
+     height: 90vh;
+     width: 100%;
+     background-image: linear-gradient(#76278F, #2B1E66);
+     
+     display: flex;
+     flex-direction: row;
+     padding-top: 10%;
+     padding-right: 0;
+ }
+
+ #textInfo {
+    font-family: 'Montserrat', sans-serif;
+     flex: 35;
+     color: white;
+     padding-left: 10%;
+     width: 50px;
+ }
+
+ #phonePhoto{
+     flex: 35;
+
+ }
+
+ #phonePhoto img{
+    width: 500px;
+}
+.infos{
+    font-family: 'Montserrat', sans-serif;
+    margin-bottom: 60px;
+}
+
+.infoTitle{
+    margin: 0;
+}
+
+.infoText{
+    line-height: 5px;
+    width: 500px;
+}
+
+#info3 .infoText{
+    line-height: 20px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 67324f35..ec29fe5d 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,37 @@
-<!-- Agrega aquí la estructura HTML de tu sitio web -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./css/main.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <title>Lyft</title>
+</head>
+<body>
+    <section class="secondSection">
+        <div id="textInfo">
+            <div id="info1" class="infos">
+                <h2 class="infoTitle">A RIDE IN MINUTES</h2>
+                <p class="infoText">Request a ride and you'll be on your way in minutes.</p>
+                <p class="infoText">Request. Ride. Repeat</p>
+            </div>
+            <div id="info2" class="infos">
+                <h2 class="infoTitle">SERIOUS ABOUT SAFETY</h2>
+                <p class="infoText">From knowing the color of your driver's car to our 24/7</p>
+                <p class="infoText">Truist & Safety Team. We got you.</p>
+            </div>
+            <div id="info3" class="infos">
+                <h2 class="infoTitle">HAPPY DRIVERS.</h2>
+                <h2 class="infoTitle">HAPPY RIDERS.</h2>
+                <p class="infoText">Ride with us and you'll see why 9 out of 10 rides end with five stars.</p>
+            </div>
+        </div>
+        <div id='phonePhoto'>
+            <img src="./assets/images/phone.png" alt="phonePhoto">
+        </div>
+    </section>
+</body>
+</html>
\ No newline at end of file
