diff --git a/css/style.css b/css/style.css
index 26f119bf..77b4e221 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,3 +1,63 @@
-h1 {
- color: salmon;
+* {
+ text-align: center;
+ font-family: Calibri, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+body {
+ background-color: rgba(237, 239, 236, 1);
+ margin-top: 40px;
+}
+
+h1,
+p {
+ color: rgba(86, 89, 92, 1);
+}
+
+.image-flex-container {
+ display: flex;
+ justify-content: center;
+ gap: 20px;
+ margin: 30px 0px;
+}
+
+.img-div {
+ position: relative;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+img {
+ width: 250px;
+ height: 280px;
+ object-fit: cover;
+}
+
+.img-div p {
+ position: absolute;
+ color: white;
+ font-size: 24px;
+ font-weight: bold;
+}
+
+button {
+ background-color: white;
+ color: rgba(90, 90, 90, 1);
+ width: 250px;
+ height: 40px;
+ font-size: 16px;
+ font-weight: bold;
+ border: 2px solid rgba(200, 200, 200, 1);
+ border-radius: 2px;
+ margin-bottom: 40px;
+}
+
+button:hover {
+ background-color: #eee;
+}
+
+button:active {
+ background-color: #ddd;
}
diff --git a/index.html b/index.html
index 8cd37ffb..0a085b81 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,60 @@
-
-
-
-
- Hello Front-End
-
-
- Hello Front-End
-
+
+
+
+
+ Hello Front-End
+
+
+ Meet Guidebooks
+ Discover hundreds of local spots recommended by Airbnb hosts
+
+
+
+
San Francisco
+
+
+
+
New York
+
+
+
+
London
+
+
Just for the weekend
+ Discover new, inspiring places close to home.
+
+
+
+
Napa
+
+
+
+
Sonoma
+
+
+
+
San Francisco
+
+