diff --git a/css/style.css b/css/style.css
index 26f119bf..c079f793 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,61 @@
 h1 {
-  color: salmon;
+  color: rgb(76,80,82);
+  text-align: center;
+  font-size: 20px;
 }
+
+p {
+  text-align: center;
+  font-size: 12px;
+}
+
+body {
+  background-color: rgb(234,237,233);
+    font-family: sans-serif;
+    font-weight: 100;
+}
+
+.outer-div {
+  align-content: center;
+  margin: 30px 0px;
+}
+
+.flex-row {
+  display: flex;
+  justify-content: center;
+  height: 33vh;
+}
+
+.container {
+  position: relative;
+  text-align: center;
+  color: white;
+  font-weight: bold;
+}
+
+.centered {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%,-50%);
+}
+
+.image-sq {
+  width: 200px;
+  height: 200px;
+  margin: 10px;
+}
+
+.button-div {
+  display: flex;
+  justify-content: center;
+}
+
+button {
+ background-color: white;
+ width: 200px;
+ font-size: 12px;
+ padding: 5px 10px;
+ border: 1px solid rgb(196,196,196);
+ border-radius: 3px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 8cd37ffb..990a5680 100644
--- a/index.html
+++ b/index.html
@@ -4,9 +4,73 @@
   <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 Clone</title>
 </head>
 <body>
-  <h1>Hello Front-End</h1>
+
+  <div class="outer-div">
+    <!-- content block goes here -->
+
+    <div>
+      <!-- Title and sub-text go here -->
+      <h1>Meet Guidebooks</h1>
+      <p>Discover hundreds of local spots recommended by Airbnb hosts</p>
+    </div>
+
+    <div class="flex-row">
+      <!-- images go here -->
+      <!-- text overlay via https://www.w3schools.com/howto/howto_css_image_text.asp -->
+      <div class="container">
+        <img class="image-sq" src="/Users/garrettheiner/seir-306/unit1/css-airbnb/img/san-francisco.jpg" alt="cool San Francisco landscape">
+        <div class="centered">San Francisco</div>
+      </div>
+      <div class="container">
+        <img class="image-sq" src="/Users/garrettheiner/seir-306/unit1/css-airbnb/img/new-york.jpg" alt="New York City skyline">
+        <div class="centered">New York</div>
+      </div>
+      <div class="container">
+        <img class="image-sq" src="/Users/garrettheiner/seir-306/unit1/css-airbnb/img/london.jpg" alt="Big Ben and London landscape">
+        <div class="centered">London</div>
+      </div>
+    </div>
+
+    <div class="button-div">
+      <!-- button goes here -->
+      <button>See All Guidebooks</button>
+    </div>
+  </div>
+  <div class="outer-div">
+    <!-- content block goes here -->
+
+    <div>
+      <!-- Title and sub-text go here -->
+      <h1>Just for the weekend</h1>
+      <p>Discover new, inspiring places close to home.</p>
+    </div>
+
+    <div class="flex-row">
+      <!-- images go here -->
+      <!-- text overlay via https://www.w3schools.com/howto/howto_css_image_text.asp -->
+      <div class="container">
+        <img class="image-sq" src="/Users/garrettheiner/seir-306/unit1/css-airbnb/img/napa.jpg" alt="Napa valley vineyard">
+        <div class="centered">Napa</div>
+      </div>
+      <div class="container">
+        <img class="image-sq" src="/Users/garrettheiner/seir-306/unit1/css-airbnb/img/sonoma.jpg" alt="Sonoma vineyard landscape">
+        <div class="centered">Sonoma</div>
+      </div>
+      <div class="container">
+        <img class="image-sq" src="/Users/garrettheiner/seir-306/unit1/css-airbnb/img/san-francisco-2.jpg" alt="colorful San Francisco landscape">
+        <div class="centered">San Francisco</div>
+      </div>
+    </div>
+
+    <div class="button-div">
+      <!-- button goes here -->
+      <button>See All Destinations</button>
+    </div>
+  </div>
+  
+
 </body>
 </html>
