From 057876709a12b8ad8afc910c864534afa9a7eb3e Mon Sep 17 00:00:00 2001 From: username Date: Tue, 7 Mar 2023 16:47:07 -0800 Subject: [PATCH] finished deliverable, could not get the text on top of image before deadline --- .vscode/settings.json | 3 ++ css/style.css | 102 +++++++++++++++++++++++++++++++++++++++++- index.html | 29 +++++++++++- styles.css | 0 4 files changed, 131 insertions(+), 3 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 styles.css diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..9607d34b --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "livePreview.defaultPreviewPath": "/index.html" +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 26f119bf..49fd9cd5 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,103 @@ +*{ + background: lightgrey; +} + h1 { - color: salmon; + color: grey; + text-align: center; +} + +h2{ + color: grey; + text-align: center; +} + +#top-photos{ + display: flex; + flex-direction: row; + justify-content: space-evenly; +} + +#bottom-photos{ + display: flex; + flex-direction: row; + justify-content: space-evenly; + + +} + +#guidebooks-button{ +text-align: center; + + +} + +#destination-button{ +text-align: center; +} + +#top-button{ + background-color: white; +} + +#bottom-button{ + background-color: white; +} + +.photos{ + margin: 15px 15px; +} + +#san-francisco{ +position: absolute; +top: 40%; +color: white; +background-color: rgba(255, 255, 255, 0); +margin: 0 auto; + +} + +#new-york{ + position:absolute; + top: 50%; + color: white; + background-color: rgba(255, 255, 255, 0); + margin: 0 auto; + +} + +#london{ + position: absolute; + top: 50%; + color: white; + background-color: rgba(255, 255, 255, 0); + margin: 0 auto; + +} + +#napa{ + position: absolute; + top: 50%; + color: white; + background-color: rgba(255, 255, 255, 0); + margin: 0 auto; + +} + +#sonoma{ + position: absolute; + top: 50%; + color: white; + background-color: rgba(255, 255, 255, 0); + margin: 0 auto; + +} + +#san-francisco-2{ + position: absolute; + top: 50%; + color: white; + background-color: rgba(255, 255, 255, 0); + margin: 0 auto; + } diff --git a/index.html b/index.html index 8cd37ffb..b3a35b26 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,34 @@ - Hello Front-End + Airbnb -

Hello Front-End

+

Meet GuideBooks

+

Discover hundreds of local spots recommended by Airbnb hosts

+
+

San Francisco

+ picture of San Francisco +

New York

+ photo of New York +

London

+ Photo of London +
+
+ +
+

Just for the Weekend

+

Discover new, inspiring places close to home.

+
+

Napa

+ pic of Napa +

Sonoma

+ pic of Sonoma +

San Francisco

+ second pic of San Francisco +
+
+ +
diff --git a/styles.css b/styles.css new file mode 100644 index 00000000..e69de29b