From 2565c85e5257e033a045f7456e3780acdff8abc2 Mon Sep 17 00:00:00 2001 From: brogers-97 Date: Wed, 8 Mar 2023 10:10:10 -0700 Subject: [PATCH 1/2] deliverable 2 --- css/style.css | 50 +++++++++++++++++++++++++++++++++++++++++++++++- index.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 101 insertions(+), 2 deletions(-) diff --git a/css/style.css b/css/style.css index 26f119bf..332f44d8 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,51 @@ h1 { - color: salmon; + color: rgb(86, 90, 93); + font-family: 'Roboto', sans-serif; + font-size: 24px; } + +p { + color: rgb(86, 90, 93); + font-family: 'Roboto', sans-serif; + font-size: 12px; +} + +.cities { + width: 200px; + height: 200px; + margin: 10px; +} + +body { + text-align: center; + background-color: rgb(236, 240, 236); +} + +button { + color: rgb(86, 90, 93); + background-color: white; + padding: 6px 42px 6px 42px; + border-radius: 3px; + font-size: 11.5px; + border: 1px solid rgb(196, 196, 196); +} + +.container { + position: relative; + text-align: center; + color: white; +} + +.centered { + position: absolute; + top: 50%; + left: 50%; + transform: (-50%,-50%); + font-family: 'Roboto', sans-serif; +} + +.flex-row { + display: flex; + justify-content: center; + height: 33vh; +} \ No newline at end of file diff --git a/index.html b/index.html index 8cd37ffb..8b790467 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,63 @@ + + + Hello Front-End -

Hello Front-End

+ +

Meet Guidebooks

+

Discover hundreds of local spots recommended by Airbnb hosts

+ +
+ +
+ + San Fransisco +
San Fransisco
+
+ +
+ New York +
New York
+
+ +
+ London +
London
+
+
+ +
+ +

Just for the weekend

+

Discover new, inspiring places close to home.

+

Discover hundreds of local spots recommended by Airbnb hosts

+ +
+ +
+ Napa +
Napa
+
+ +
+ Sonoma +
Sonoma
+
+ +
+ San Fransisco +
San Fransisco
+
+
+ +
+ From 0b1e549683c7ee73f1ea0d3511816965b334464f Mon Sep 17 00:00:00 2001 From: brogers-97 Date: Wed, 8 Mar 2023 11:04:00 -0700 Subject: [PATCH 2/2] deliverable update: Brian Rogers --- css/style.css | 62 ++++++++++++++------------------ index.html | 98 ++++++++++++++++++++++++++++----------------------- 2 files changed, 81 insertions(+), 79 deletions(-) diff --git a/css/style.css b/css/style.css index 332f44d8..931edc6f 100644 --- a/css/style.css +++ b/css/style.css @@ -1,51 +1,43 @@ -h1 { - color: rgb(86, 90, 93); - font-family: 'Roboto', sans-serif; - font-size: 24px; -} - -p { - color: rgb(86, 90, 93); - font-family: 'Roboto', sans-serif; - font-size: 12px; +* { + margin: 0; + box-sizing: border-box; + font-family: "Raleway", sans-serif; + color: #4b4c4e; } -.cities { - width: 200px; - height: 200px; - margin: 10px; +body { + background-color: rgb(236, 240, 236); + } -body { +.card { + display: flex; + flex-direction: column; + flex-wrap: wrap; + align-items: center; text-align: center; - background-color: rgb(236, 240, 236); } -button { - color: rgb(86, 90, 93); - background-color: white; - padding: 6px 42px 6px 42px; - border-radius: 3px; - font-size: 11.5px; - border: 1px solid rgb(196, 196, 196); +.images { + display: flex; } -.container { - position: relative; - text-align: center; - color: white; +.images section { + display: flex; + justify-content: center; + align-items: center; + padding: 20px; } -.centered { +.images p { position: absolute; - top: 50%; - left: 50%; - transform: (-50%,-50%); + color: white; font-family: 'Roboto', sans-serif; + font-weight: 600; + font-size: 36px; } -.flex-row { - display: flex; - justify-content: center; - height: 33vh; +button { + padding: .5rem 5rem; + border: 1px solid rgb(196, 196, 196); } \ No newline at end of file diff --git a/index.html b/index.html index 8b790467..1acf588e 100644 --- a/index.html +++ b/index.html @@ -10,54 +10,64 @@ Hello Front-End - -

Meet Guidebooks

-

Discover hundreds of local spots recommended by Airbnb hosts

- -
- -
- - San Fransisco -
San Fransisco
-
- -
- New York -
New York
-
- -
- London -
London
-
+ + +
+ +
+

Meet Guidebooks

+

Discover hundreds of local spots recommended by Airbnbn hosts

+
+ +
+ +
+ san francisco +

San Francisco

+
+ +
+ new york +

New York

+
+ +
+ london +

London

+
+
+ +
- -
- -

Just for the weekend

-

Discover new, inspiring places close to home.

-

Discover hundreds of local spots recommended by Airbnb hosts

-
-
- Napa -
Napa
-
-
- Sonoma -
Sonoma
+
+ +
+

Just for the weekend

+

Discover new inspiring places close to home

+
+ +
+ +
+ napa +

Napa

+
+ +
+ sonoma +

Sonoma

+
+ +
+ san fransisco +

San Fransisco

+
+
+ +
- -
- San Fransisco -
San Fransisco
-
-
- -
-