From bec261bd7d6ea5ba242bb42d7840333c922a2505 Mon Sep 17 00:00:00 2001 From: Powwow84 Date: Tue, 7 Mar 2023 20:29:22 -0800 Subject: [PATCH 1/4] AirBNB test --- css/style.css | 108 +++++++++++++++++++++++++++++++++++++++++++++++++- index.html | 41 ++++++++++++++++++- 2 files changed, 146 insertions(+), 3 deletions(-) diff --git a/css/style.css b/css/style.css index 26f119bf..1251c918 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,107 @@ -h1 { - color: salmon; +body { + background-color: rgb(237, 239, 236) ; + font-family: sans-serif; } + +.container { + margin: 20px; +} + +/* These blocks style the div with class name section head and the contents inside it */ +.section_head { + display: flex; + align-items: center; + flex-direction: column; + justify-content: flex-end; +} + +.section_head p { + margin-top: 5px; + color: rgb(92, 95, 98); +} + +.section_head h2 { + margin-bottom: 0; + color: rgb(92, 95, 98); +} + +/* These blocks style the div with class name locations and the contents inside it */ + +.locations { + display: flex; + justify-content: center; + +} + +.location_images { + display: flex; + justify-content: center; + align-items: center; + height: 275px; + width: 275px; + margin: 10px + +} + +.SF { + background-image: url(/img/san-francisco.jpg); + background-size: cover; + color: rgb(253, 252, 251); + font-size: 28px; +} + +.NY { + background-image: url(img/new-york.jpg); + background-size: cover; + background-position-x: 50%; + color: rgb(253, 252, 251); + font-size: 28px; +} + +.London { + background-image: url(img/london.jpg); + background-size: cover; + background-position-x: 50%; + color: rgb(253, 252, 251); + font-size: 28px; +} + +.napa { + background-image: url(img/napa.jpg); + background-size: cover; + color: rgb(253, 252, 251); + font-size: 28px; +} + +.sonoma { + background-image: url(file:///Users/wrkshp/seir-306/unit1/css-airbnb/img/sonoma.jpg); + background-size: cover; + color: rgb(253, 252, 251); + font-size: 28px; +} + +.SF2 { + background-image: url(file:///Users/wrkshp/seir-306/unit1/css-airbnb/img/san-francisco-2.jpg); + background-size: cover; + color: rgb(253, 252, 251); + font-size: 28px; +} + +/* These blocks style the button to the guidebooks */ + +.guide_books { + display: flex; + justify-content: center; + margin: 16px; +} + +.guide_books a { + border: 1px solid rgb(211,211,211); + padding: 8px 61px; + text-align: center; + text-decoration: none; + color: rgb(92, 95, 98); + font-weight: 600; + border-radius: 3%; + background-color: white; +} \ No newline at end of file diff --git a/index.html b/index.html index 8cd37ffb..25955470 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,45 @@ Hello Front-End -

Hello Front-End

+
+
+

Meet Guidebooks

+

Discover hundreds of local spots recommended by Airbnb hosts

+
+
+
+

San Francisco

+
+
+

New York

+
+
+

London

+
+
+
+ See All Guidebooks +
+
+
+
+

Just for the weekend

+

Discover new, inspiring places close to home.

+
+
+
+

Napa

+
+
+

Sonoma

+
+
+

San Francisco

+
+
+
+ See All Guidebooks +
+
From c3e1e9f34f1e88594bb873d6e8c21c25e30be166 Mon Sep 17 00:00:00 2001 From: Powwow84 Date: Tue, 7 Mar 2023 20:41:44 -0800 Subject: [PATCH 2/4] Pao Saelee deliverable 2 AirBnB --- css/style.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/css/style.css b/css/style.css index 1251c918..b784b956 100644 --- a/css/style.css +++ b/css/style.css @@ -44,14 +44,14 @@ body { } .SF { - background-image: url(/img/san-francisco.jpg); + background-image: url(../img/san-francisco.jpg); background-size: cover; color: rgb(253, 252, 251); font-size: 28px; } .NY { - background-image: url(img/new-york.jpg); + background-image: url(../img/new-york.jpg); background-size: cover; background-position-x: 50%; color: rgb(253, 252, 251); @@ -59,7 +59,7 @@ body { } .London { - background-image: url(img/london.jpg); + background-image: url(../img/london.jpg); background-size: cover; background-position-x: 50%; color: rgb(253, 252, 251); @@ -67,21 +67,21 @@ body { } .napa { - background-image: url(img/napa.jpg); + background-image: url(../img/napa.jpg); background-size: cover; color: rgb(253, 252, 251); font-size: 28px; } .sonoma { - background-image: url(file:///Users/wrkshp/seir-306/unit1/css-airbnb/img/sonoma.jpg); + background-image: url(../img/sonoma.jpg); background-size: cover; color: rgb(253, 252, 251); font-size: 28px; } .SF2 { - background-image: url(file:///Users/wrkshp/seir-306/unit1/css-airbnb/img/san-francisco-2.jpg); + background-image: url(../img/san-francisco-2.jpg); background-size: cover; color: rgb(253, 252, 251); font-size: 28px; From ac73f17e2dff73f6ee66517988dcd4ab3de2b45e Mon Sep 17 00:00:00 2001 From: Powwow84 Date: Tue, 7 Mar 2023 20:49:01 -0800 Subject: [PATCH 3/4] Pao Saelee deliverable 2 AirBnB --- index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 25955470..f135858f 100644 --- a/index.html +++ b/index.html @@ -13,13 +13,13 @@

Meet Guidebooks

Discover hundreds of local spots recommended by Airbnb hosts

-
+

San Francisco

-
+

New York

-
+

London

@@ -33,13 +33,13 @@

Just for the weekend

Discover new, inspiring places close to home.

-
+

Napa

-
+

Sonoma

-
+

San Francisco

From 54b10ad4f21fb16368c0d91935546593b3ad5109 Mon Sep 17 00:00:00 2001 From: Powwow84 Date: Wed, 8 Mar 2023 08:21:14 -0800 Subject: [PATCH 4/4] Pao Saelee Deliverable 2 AirBnB --- css/style.css | 2 +- index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index b784b956..5612a9f2 100644 --- a/css/style.css +++ b/css/style.css @@ -96,7 +96,7 @@ body { } .guide_books a { - border: 1px solid rgb(211,211,211); + border: 1px solid rgb(221,225,221); padding: 8px 61px; text-align: center; text-decoration: none; diff --git a/index.html b/index.html index f135858f..97e24a36 100644 --- a/index.html +++ b/index.html @@ -44,7 +44,7 @@

Just for the weekend

- See All Guidebooks + See All Destinations