diff --git a/css/style.css b/css/style.css
index 26f119bf..41b3206c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,63 @@
 h1 {
-  color: salmon;
+  color: rgb(94, 92, 92);
+  position: center;
 }
+h2{
+  color:rgb(139, 135, 135);
+}
+
+.image-block{
+  display: flex;
+  justify-content: center;
+}
+
+.city-image{
+width: 350px;
+height: 500px;
+object-fit: none;
+padding: 0px 20px 0px 20px ;
+position: relative;
+}
+
+.city-one{
+  position: absolute;
+  padding: 200px 0 0 0;
+}
+.city-two{
+  position: absolute;
+  padding: 200px 800px 0 0;
+}
+.city-three{
+  position: absolute;
+  padding: 200px 0 0 800px;
+}
+.city-name{
+  color:white;
+  font-weight:bold;
+  font-size: 2.5em;
+}
+.guidebooks{
+  border: 2px solid lightgray;
+  display:inline-flex;
+  justify-content:center;
+  padding: 15px 114px;
+  flex-basis: content;
+}
+
+.guidebook-div{
+    display: flex;
+    justify-content: center;
+    padding: 10px 0px 20px 0px;
+  
+}
+
+.headerone-div{
+    display: flex;
+    justify-content: center;
+  
+}
+.headertwo-div{
+  display: flex;
+  justify-content: center;
+
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cd37ffb..59a10aef 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,41 @@
   <title>Hello Front-End</title>
 </head>
 <body>
+  <div class="headerone-div">
+  <h1>Meet Guidebooks</h1>
+  </div>
+  <div class="headertwo-div">
+  <h2>Discover hundreds of local spots recommended by Airbnb hosts</h2>
+</div>
+  <div class="image-block">
+    <img src="img/san-francisco.jpg" alt="san-francisco" class="city-image"/>
+    <img src="img/new-york.jpg" alt="new-york" class="city-image"/>
+    <img src="img/london.jpg" alt="london" class="city-image"/>
+    <div class="city-one city-name">New York</div>
+    <div class="city-two city-name">San Francisco</div>
+    <div class="city-three city-name">London</div>
+  </div>
+    <div class="guidebook-div">
+  <div class="guidebooks">See all guidebooks</div>
+</div>
+<div class="headerone-div">
   <h1>Hello Front-End</h1>
+  </div>
+  <div class="headertwo-div">
+  <h2>Discover new, inspiring places close to home.</h2>
+</div>
+  <div class="image-block">
+    
+    <img src="img/napa.jpg" alt="san-francisco" class="city-image"/>
+    <img src="img/sonoma.jpg" alt="new-york" class="city-image"/>
+    <img src="img/san-francisco-2.jpg" alt="london" class="city-image"/>
+    <div class="city-one city-name">Napa</div>
+    <div class="city-two city-name">Sonoma</div>
+    <div class="city-three city-name">San Francisco</div>
+  </div>
+  <div class="guidebook-div">
+  <div class="guidebooks">See all destinations</div>
+</div>
 </body>
 </html>
+<!-- testing change -->
\ No newline at end of file
