diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..067a51b 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,37 @@ - + + + + + + Airbnb + + + +

Book unique homes and experiences.

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ Search +
+

Explore Airbnb

+
+ CatHomes + CatExperiences + CatRestraunts +
+
+ + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..c791e13 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,46 @@ -/* Add your CSS here */ +body { + padding: 10px 0; +} + +h1 { +color: white; +background-image: url(http://placekitten.com/600/1200); + +} + +section.form { + padding: 10px 0; + display: flex; + flex-direction: column; +} + +.checkinside { + display: flex; + flex-direction: column; + justify-content: space-around; + width: 50%; +} + +.checkin-out { + display: flex; + flex-direction: row; + justify-content: space-around; +} + +section.bottom { + display: flex; + flex-direction: column; +} + +.b1, .b2, .b3 { + border: 1px solid grey; +} + +a.search { + text-decoration: none; + background-color: red; + color: white; + padding: 10px 0; + display: flex; + justify-content: center; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..45412f4 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,28 @@ + + + + + Positioning Is Easy! + + + +
+

Computer & Technolgy Books

+

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

+

Shop by category

+
+ +
+ bookProgramming + bookComputer Science + bookProgramming Languages + bookNetworking & Cloud Compter + bookSecurity & Encryption + bookSoftware + bookOperating Systems + bookGames & Strategy Guides +
+ + + diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..f92b75b 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,29 @@ -/* Add your CSS here */ + +* { + box-sizing: content-box; +} +body { +width: 1000px; +} +h1 { + font-size: 2rem; + color: orange; +} + +p { + color: grey; +} +h2 { + border-bottom: 1px solid lightgrey; +} + +.bottom { + display: flex; + width: 600px; + flex-wrap: wrap; +} + +.selections { + width: 130px; + padding: 10px; +} \ No newline at end of file diff --git a/instagram/index.html b/instagram/index.html index 4884712..e69de29 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +0,0 @@ - diff --git a/instagram/styles.css b/instagram/styles.css index b9ad8b6..e69de29 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +0,0 @@ -/* Add your CSS here */ diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..bdfc2ff 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,25 @@ - + + + + + + Computer Software Engineering Technology + + + +
+

Computer Software Engineering Technology

+ Picture of a kitten + +
+ Computers have become a major factor in the development and operation of the modern industry. + From providing means of communications, to operating machines, to facilitating international + commerce, to systems animation, computers and their related software programs makes things possible. +
+
+ + diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..e18c8f5 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,37 @@ -/* Add your CSS here */ +body{ + background-color: #fafafa; +} + +main { + width: 600px; +} + +h1 { + position: relative; + font-size: 4rem; + font-weight: 900; + text-transform: uppercase; + margin: 0; +} + +img { + display: block; + margin: 0 auto; +} + +.menu { + display: flex; + justify-content: center; +} + +a { + color: white; + text-decoration: none; + background-color: darkred; + padding: 1rem 2rem; + margin: 1rem; +} + +article { + line-height: 1.25; +}