diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..4386b25 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,39 @@ - + + + + + + AirBNB + + + + + Image of the skyline with a skylift. +
+ WHERE
+ +
+
+ CHECK IN + +
+
+ CHECK OUT + +
+

Guests

+ + + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..7cfb6d3 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,13 @@ -/* Add your CSS here */ +img { + width: 100%; + ; +} + +input { + display: inline-flex; + flex-direction: row; +} + +.Anywhere { + width: 100%; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..fe51a03 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,42 @@ - + + + + + + Amazon + + + + +

Computer & Technology Books

+

Browse a wide selection of programming guides, Android resources, and Java books.

+

Shop by category

+
+
+
+ Picture of Book + Picture of Book + Picture of Book + Picture of Book +
+ +
+ Picture of Book + Picture of Book + Picture of Book + Picture of an Amazon Sign +
+ + + + diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..de9af1d 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,69 @@ -/* Add your CSS here */ +h1 { + color: darkorange; + font-size: 48pt; + font-family: arial; + +} + +.single { + color: grey; + font-size: 14pt; + font-family: arial; +} + +p { + font-family: arial; +} + +h2 { + font-family: arial; + font-size: 28pt; +} + +.line { + background-color: lightgrey; + border: 0; + border-top: 1px solid lightgrey; + height: 1px; + margin: 2rem auto; + text-align: center; + width: 99%; +} + +img { + width: 200px; + height: 250px; +} + +.top { + display: flex; + flex-direction: row; + justify-content: space-around; +} + +.top-link { + display: flex; + flex-direction: row; + justify-content: space-around; + align-content: stretch; + color: blue; + font-family: arial; + font-weight: bold; +} + +.bottom { + display: flex; + flex-direction: row; + justify-content: space-around; + padding-top: 100px; +} + +.bottom-link { + display: flex; + flex-direction: row; + justify-content: space-around; + align-content: stretch; + color: blue; + font-family: arial; + font-weight: bold; +}