diff --git a/css/style.css b/css/style.css
index 26f119bf..9b7bdb5f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,74 @@
-h1 {
-  color: salmon;
+* {
+  margin: 0;
+  box-sizing: border-box;
+  font-family:"Raleway", sans-serif; 
+  color: #4b4c4e;
 }
+
+body {
+  background-color: rgb(237,239,236);
+  
+}
+button {
+  padding: 1.5rem 13rem;
+  background-color: rgb(255,255,255);
+  text-align: right;
+  position: relative;
+  display: flex;
+  margin-left: 780px;
+  color:#4b4c4e;
+  margin-bottom: 100px;
+  font-size: 15px;
+
+ 
+}
+  h1 {
+    color: rgb(87,90,92);
+    text-align: center;
+    font-size: 45px;
+    margin-right: 7%;
+    
+  }
+  h2 {
+    color: rgb(89,89,89);
+    text-align: center;
+    font-size: 18px;
+    margin-right: 7%;
+  }
+  
+  img {
+     justify-content: center;  
+     width: 640px; 
+     height: 660px; 
+     display: flex;
+     padding: 50px;
+     
+   }
+    
+  
+ .images {
+      display: flex;
+      flex-direction: row;
+      padding: 10px;
+      margin: 100px 100px;
+      position: relative;
+      display: flex;
+      
+  }
+  .images p {
+    font-weight: 600;
+    color: white;
+    position: relative;
+    justify-content: center;
+    margin-left: 27%;
+    top: -50%; 
+    left: 15%;
+    font-size: 30px;
+    text-align: left;
+
+  }
+  
+  
+  
+  
+  
diff --git a/index.html b/index.html
index 8cd37ffb..e9199600 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,48 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" type="text/css" href="css/style.css">
-  <title>Hello Front-End</title>
+  <title>Airbnb</title>
 </head>
 <body>
-  <h1>Hello Front-End</h1>
+   
+  <h1><strong> Meet Guidebooks </strong></h1>
+  <h2> Discover hundreds of local spots recommended by Airbnb hosts</h2>
+  <div class="images">
+    <section>
+    <img src="./img/san-francisco.jpg" alt="san francisco cityscape"/>
+      <p>San Francisco</p>
+  </section>
+  <section>
+    <img src="./img/new-york.jpg" alt="waterside NYC view"/>
+      <p>New York</p>
+  </section>
+  <section>
+  <img src="./img/london.jpg" alt="London clock tower and dock"/>
+    <p>London</p>
+  </section>
+  </div>
+  <button>See All Guidebooks</button>
+    
+  </div>
+  
+  <h1><strong> Just for the weekend </strong></h1>
+  <h2> Discover new, inspiring places close to home. </h2> 
+  <div class="images">
+    <section>
+    <img src="./img/napa.jpg" alt="Napa valley wine vineyards"/>
+      <p>Napa</p>
+    </section>
+    <section>
+    <img src="./img/sonoma.jpg" alt="sonoma county fields"/>
+    <p>Sonoma</p>
+   </section>
+   <section>
+    <img src="./img/san-francisco-2.jpg" alt="san francisco colored houses in the city"/>
+    <p>San Francisco</p>
+   </section>
+</div>
+<button>See All Destinations</button>
+ 
+</div>
 </body>
 </html>
