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

Book unique homes and experiences.

+

+
+ + + + + Search +
+

Explore Airbnb

+ + + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..f97ad0d 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,87 @@ -/* Add your CSS here */ +html { + box-sizing: border-box; + width: 1000px; +} + +*, *:before. *:after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +header { + background-image: url(http://placekitten.com/1000/300/); + height: 300px; + color: white; +} + +main label { + display: block; + width: 100%; +} + +main a { + display: block; +} + +label:last-child { + width: 100%; +} + +select { + width: 100% +} + +.search { + border: red solid; + padding: 1em; + width: 100%; + margin-top: 1em; + background-color: red; + text-decoration: none; + text-align: center; +} +.centerboxes { + margin: 1em 0 1em 0; + display: flex; + flex-wrap: wrap; +} + +.centerboxes label { + width: 50%; +} + +.centerboxes input { + display: block; + width: 100%; +} + +.center { + width: 100% +} + +.center input { + display: block; + width: 100%; +} + +.links { + display: flex; + justify-content: space-between; + list-style-type: none; +} + +.links li { + display: flex; + width: 33%; + margin-left: 1em; +} + +.links a:last-child { + border-top: solid grey; + border-right: solid grey; + border-bottom: solid grey; + height: 94px; + width: 100%; + text-decoration: none; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..ccaa3fa 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,28 @@ - + + + + + Amazon Books: Computer and Technology Books + + + +
+

Computer & Technology Books

+

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

+
+
+

Shop by category

+ +

+ + diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..4ecd388 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,43 @@ -/* Add your CSS here */ +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +header p { + color: grey; + font-size: 14px; +} + +h1 { + color: orange; +} + +h2 { + padding: 0; + margin: 0; +} +.links { + display: flex; + list-style: none; + flex-wrap: wrap; + margin: 0; + border-top: 2px solid lightgrey; + padding-top: 1em; +} + +.links li { + width: 25%; + padding-bottom: 1em; +} + +.links a { + text-decoration: none; + font-size: 16px; +} + +.links img { + width: 150px; +} diff --git a/github/index.html b/github/index.html index 4884712..1b290ea 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,46 @@ - + + + + + + Github About: Careers + + + + +
+
About /Careers
+
+
+

Come help us make collaboration even better

+

At GitHub we build the tools that make collaborating and writing + software easier for everyone. We've built a company we truly love + working for, and we think you will too.

+ +
+ +
+
+ Placeholder Kitten +

A diverse and inclusive workplace

+

At GitHub, we think that a diverse company is a strong company, + and we work hard to foster a supportive and welcoming workplace. + Learn more about our commitment to diversity and inclusion and + see our current demographic data.

+
+
+ Placeholder Kitten +

Work happier

+

Build amazing things with autonomy, self-direction, and a healthy + work-life balance. We offer flexible work schedules for all of our + employees and unlimited PTO. We also believe that if a job allows + for it, you should work wherever you're happiest.

+
+
+ + + diff --git a/github/styles.css b/github/styles.css index b9ad8b6..cb9382c 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,38 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; +} + +.article { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + margin-bottom: 3em; +} + +.article h1 { + font-size: 50px; +} + +.article p { + font-size: 20px; +} + +.article a { + padding: 1em; + text-decoration: none; +} + +.midsection { + display: flex; + flex-direction: row; +} + +.midsection article img { + float: left; + padding: 1em; +} + +.midsection article a { + text-decoration: none; +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..44b4bcf 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,55 @@ - + + + + + + Instagram: About Us + + + + + +
+

About Us

+

The Team

+

Kevin Systrom (CEO, co-founder)

+

Kevin Systrom(@kevin) is the CEO and + co-founder of Instagram, a community of more than 1 billion who capture and + share the world's moments on the service. He is responsible for the company's + overall vision and strategy as well as day-to-day operations.

+

Since the beginning, Kevin has focused on simplicity and inspiring + creativity through solving problems with thoughtful product design. As + a result, Instagram has become the home for visual storytelling for + everyone from celebrities, newsrooms and brands, to teens, musicians and + anyone with a creative passion.

+

Prior to founding Instagram, Kevin was part of the startup Odeo, which + later became Twitter, and spent two years at Google working on products + like Gmail and Google Reader. He graduated from Stanford University with + a BS in Management Science & Engineering and serves on the boards of + Walmart and KCRW.

+

Mike Krieger (CTO, co-founder)

+

Mike Krieger(@mikeyk) is the CTO and + co-founder of Instagram, a global community of more than 1 billion. + As the head of engineering, Mike focuses on building products that bring + out the creativity in all of us.

+

A native of São Paulo, Brazil, Mike holds an MS in Symbolic Systems + from Stanford University. Prior to founding Instagram, he worked at Meebo + as a user experience designer and front-end engineer.

+
+ + + diff --git a/instagram/styles.css b/instagram/styles.css index b9ad8b6..f36d243 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,44 @@ -/* Add your CSS here */ +html { + padding: 1em; + box-sizing: border-box; +} + +.body { + display: flex; + flex-direction: row; + align-items: flex-start; +} + +.aside { + width: 25%; + border: thin solid lightgrey; + border-right: none; + margin: 1em 0 0 1em; + padding-left: .5em; +} + +.article { + border: thin solid lightgrey; + width: 75%; + margin: 1em 0 1em 0; + padding: 1em; +} + +h1 { + font-size: 2em; +} + +h2 { + text-transform: uppercase; +} + +ol { + list-style-type: none; +} + +li a { + display: block; + margin: .5em; + text-decoration: none; + color: black; +} diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..987ae4c 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,26 @@ - + + + + + + Thaddeus Stevens College: CSET Overview + + + + +
+

Computer Software Engineering Technology

+
+ Placeholder + +
+

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..1868597 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,35 @@ -/* Add your CSS here */ +html { + padding: 1em; + box-sizing: border-box; + font-family: "Lato", sans-serif; +} + +.header { + font-size: 3em; + font-weight: 900; + text-transform: uppercase; + display: block; + text-align: center; +} + +.image { + display: block; + margin: 0 auto; + padding: 0 0 1em 0; +} + +.links { + display: flex; + justify-content: center; +} + +.links a { + margin: 1em; + padding: .5em .5em .5em .5em; + display: inline-block; + border: 5px solid #a6093d; + background-color: #a6093d; + text-decoration: none; + color: white; + text-transform: uppercase; +}