diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..da3b076 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,52 @@ - + + + + + + + + AirBnB + + + +
+

Book unique homes and experiences.

+
+
+
+
+ +

+
+
+
+ +

+
+
+ +

+
+
+ +

+
+ +
+ + + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..4a92636 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,44 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; + font-family: sans-serif; + margin: 0; + padding: 0; +} + +header { + border-bottom: 1px solid grey; + padding: 2em 0 2em 0; +} + +main { + display: flex; + flex-direction: column; + margin: 3em 0.5em 3em 0.5em; +} + +.form { + display: flex; + flex-direction: column; +} + +.dates { + display: flex; + flex-direction: row; + margin: 1em 0em 1em 0em; +} + +.check_in_box { + display: flex; + flex-direction: column; + width: 48%; +} + +footer { + display: flex; + flex-direction: row; + margin: 2em 0.5em 2em 0.5em; +} + +a { + width: 32%; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..bfbe46c 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,55 @@ - + + + + + + + + Amazon + + + +
+
+

Computer & Technology Books

+

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

+
+

Shop by category

+
+
+ + +

Programming

+
+ + +

Computer Science

+
+ + +

Programming Languages

+
+ + +

Networking & Cloud Computing

+
+ + +

Security & Encryption

+
+ + +

Software

+
+ + +

Operating Systems

+
+ + +

Games & Strategy Guides

+
+
+ + + diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..d18a891 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,60 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; + font-family: sans-serif; + margin: 0; + padding: 0; +} + +body { + margin-left: 5px; + margin-right: 5px; +} + +main { + display: flex; + flex-direction: row; + flex-wrap: wrap; + margin: 1em; +} + +header { + border-bottom: 1px solid lightgrey; +} + +.top { + padding-bottom: 2em; +} + +p.text { + color: #818585; +} + +h1 { + color: orange; + margin-bottom: 10px; +} + +a.products { + align-items: flex-start; + display: flex; + flex-direction: column; + font-size: 14px; + justify-content: space-around; + padding-bottom: 10px; + text-align: left; + text-decoration: none; +} + +img { + height: 150px; + width: 150px; +} + +header { + padding-bottom: 15px; +} + +.products { + height: 14em; + width: 25%; +} diff --git a/github/index.html b/github/index.html index 4884712..b40c4fa 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,41 @@ - + + + + + + + + + + + +
+

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.

+
+ +
+ +
+

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 demograpic + data.

+
+ +
+

Work happier

+

Build amazing things with autonomy, self-direction, and a healthy work-life balance. We offer flexible work schedules for all 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..4b5a395 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,74 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; + font-family: sans-serif; + margin: 0; + padding: 0; +} + +header { + display: flex; + flex-direction: row; + font-size: 16px; + margin-top: 1em; + margin-left: 1em; +} + +body { + display: flex; + flex-direction: column; +} + +main { + display: flex; + flex-direction: column; + justify-content: center; +} + +.text { + margin: 10em 5em 3em 5em; + text-align: center; +} + +h1 { + margin-bottom: 30px; + font-size: 3.5em; +} + +.links { + display: flex; + flex-direction: row; + justify-content: space-around; + padding: 30px; +} + +footer { + display: flex; + flex-direction: row; +} + +a { + text-decoration: none; +} + +img { + height: 100px; + width: 100px; +} + +.button { + padding: 20px; +} + +h3 { + font-size: 20px; + margin-bottom: 10px; +} + +h3 { + margin-left: 1em; +} + +.foot>p { + margin-left: 1em; + padding-bottom: 5em; +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..3c2195c 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,44 @@ - + + + + + + + + Instagram + + + +
+

About

+ +

Legal

+ +
+
+

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 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 expierience designer and front-end engineer.

+
+ + + diff --git a/instagram/styles.css b/instagram/styles.css index b9ad8b6..ba4cba8 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,76 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; + font-family: sans-serif; + margin: 0; + padding: 0; +} + +body { + display: flex; + flex-direction: row; + padding: 10px 5px 10px 5px; +} + +.sidemenu { + border: 2px solid lightgrey; + color: grey; + display: flex; + flex-direction: column; + width: 25%; +} + +ul { + list-style-type: none; + padding: 20px 10px 0px 10px; + position: relative; +} + +li { + margin: 20px; +} + +a { + text-decoration: none; +} + +a.side { + color: grey; + cursor: pointer; +} + +a.side:hover { + color: black; + cursor: p; +} + +main { + border-top: 2px solid lightgrey; + border-right: 2px solid lightgrey; + border-bottom: 2px solid lightgrey; + padding-left: 30px; + width: 72%; +} + +h1 { + font-size: 24px; + padding: 40px 20px 40px 0px; +} + +h2 { + font-size: 18px; + padding: 0px 0 20px 0; +} + +h3 { + font-size: 16px; + padding: 20px 0 20px 0; +} + +h4 { + padding: 20px 0 0 20px; + text-transform: capitalize; +} + +p { + padding-bottom: 20px; +} diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..86e52e6 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,24 @@ - + + + + + + + + Stevens College + + + +
+

Computer Software Engineering Technology

+ +
+ +
+

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 make things possible.

+
+ diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..dc52f6e 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,61 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + display: flex; + flex-direction: column; + font-family: sans-serif; +} + +.topbox { + align-items: center; + display: flex; + flex-direction: column; + font-size: 2em; + margin: 10px; +} + +.whatevs { + border: 1px solid black; + height: 9em; + margin: 1em 1em 0em 1em; + width: 16em; +} + +h1 { + font-weight: bold; + font-variant-caps: all-petite-caps; +} + +a.button { + background: maroon; + color: white; + height: 3em; + padding-top: 1em; + text-align: center; + text-decoration: none; + width: 7em; +} + +a:hover { + color: yellow; +} + +.links { + align-items: center; + display: flex; + flex-direction: row; + height: 6em; + justify-content: space-around; + margin-top: 0; +} + +article { + font-size: 18px; + margin-left: 20px; + margin-right: 20px; + text-align: justify; +}