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

Book unique homes and experiences.

+
+
+ + + + + Search +
+ + + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..691c108 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,88 @@ -/* Add your CSS here */ +html { + box-sizing: border-box; + font-size: 10px; +} + +*, *::before, *::after { + box-sizing: inherit; + margin: 0px; + padding: 0px; +} + +h1 { + background-image: url(https://placekitten.com/1000/100); + color: #fff; + padding: 2rem 0; + padding-left: 1rem; +} + +main { + display: flex; + flex-wrap: wrap; + padding: 1rem; +} + +main label { + display: block; + width: 100%; + text-transform: uppercase; + padding: 0.5rem 0; + margin-bottom: 0.5rem; +} + +main input { + display: block; + width: 100%; +} + +.check { + width: 50%; +} + +select { + display: block; + width: 100%; +} + +main a { + display: block; + background: red; + width: 100%; + text-align: center; + padding: 0.5rem 0; + text-decoration: none; + color: white; + font-size: 1.4rem; +} + +h2 { + margin: 1rem; +} + +nav ul { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-items: center; + list-style: none; + margin: 1rem; +} + +nav li { + width: 31%; + height: 100px; + display: flex; + justify-content: +} + +.text { + display: flex; + width: 100%; + align-items: center; + text-decoration: none; + padding-left: 1rem; + font-size: 2rem; + color: #000; + border: 1px solid grey; + border-left: none; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..c2ae486 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,31 @@ - + + + + + + Amazon + + + + +
+

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..c38e056 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,51 @@ -/* Add your CSS here */ +html { + box-sizing: border-box; + font-size: 10px; +} + +*, *::before, *::after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +h1 { + color: orange; + margin: 2rem; + margin-bottom: 1rem; + font-size: 3rem; +} + +header p { + margin-left: 2rem; + margin-bottom: 2rem; + color: grey +} + +a { + text-decoration: none; +} + +main { + margin-left: 2rem; +} + +h2 { + border-bottom: 1px solid grey; + margin-bottom: 1.5rem; +} + +ul { + display: flex; + flex-wrap: wrap; +} + +li { + width: 25%; + display: flex; + flex-direction: column; +} + +li img { + align-self: flex-start; +} diff --git a/github/index.html b/github/index.html index 4884712..26418f9 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,51 @@ - + + + + + Github + + + + +
+ +
+ +
+
+

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 picture of a kitten used as a placeholder +
+

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.

+
+ A picture of a kitten used as a placeholder +
+

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..1255578 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,83 @@ -/* Add your CSS here */ +html { + box-sizing: border-box; + font-size: 10px; +} + +*, *::before, *::after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +main { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + padding: 3rem; +} + +.main-info { + width: 70%; + text-align: center; +} + +.main-info h1 { + font-size: 4rem; +} + +.main-info p, +.careers a { + font-size: 2rem; + padding: 2rem 0; +} + +.careers { + list-style: none; + display: flex; + justify-content: space-around; +} + +.careers a { + display: block; + text-decoration: none; +} + +.icon { + height: 5rem; + width: 5rem; + align-self: center; +} + +.blurbs { + display: flex; + justify-content: space-between; + width: 90%; + padding: 3rem; +} + +.small { + width: 40%; +} + +.small p { + font-size: 1.3rem; +} + +.small a { + text-decoration: none; +} + +header ul { + list-style: none; + display: flex; +} + +header li{ + padding-left: 1rem; + padding-top: 1rem; +} + +header a { + text-decoration: none; +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..29f0b48 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,61 @@ - + + + + + + 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 inspirit 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 Systes 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..37f5b43 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,95 @@ -/* Add your CSS here */ +html { + box-sizing: border-box; + font-size: 10px; +} + +*, *::before, *::after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +body { + display: flex; + flex-direction: row-reverse; + background-color: #ddd; + width: 90%; + margin: 0 auto; + margin-top: 0.5rem; +} + +main, +nav { + background-color: #fff; + border: 2px solid #eee; + padding: 1rem; +} + +main { + padding: 3rem; +} + + +nav { + min-width: 200px; + border-right: none; +} + +ul { + list-style: none; +} + +.nav-header > li { + text-transform: uppercase; + color: #ccc; + font-size: 2rem; + margin-bottom: 1rem; +} + +.nav-sub { + text-transform: capitalize; + font-size: 1.8rem; + margin-left: 1rem; + margin-top: 1rem; +} + +.nav-sub li { + margin: 0.5rem 0; +} + +.nav-sub a { + display: block; + text-decoration: none; + color: #000; +} + +.nav-sub a:hover { + font-weight: bold; +} + +h1, +h2 { + padding-bottom: 2rem; +} + +h3, +p { + padding-bottom: 1.5rem; +} + +h1 { + font-size: 4rem; +} + +h2 { + font-size: 3rem; +} + +h3 { + font-size: 2rem; +} + +.about { + font-size: 1.5rem; + padding-bottom: 2rem; +} diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..8f8dca6 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,30 @@ - + + + + + + Thaddeus Stevens | Computer Software Engineering Technology + + + + +
+

COMPUTER SOFTWARE ENGINEERING TECHNOLOGY

+ A picture of a cute kitten standing in for a video + +
+
+

Computers have become a major factor in the development and operation of + the modern indistry. From providing a 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..b6c326b 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,63 @@ -/* Add your CSS here */ +html { + box-sizing: border-box; + font-size: 10px; +} + +*, *::before, *::after { + box-sizing: inherit; + margin: 0; + padding: 0; +} + +body { + width: 600px; + margin-left: 1rem; +} + +header { + display: flex; + flex-direction: column; +} + +img { + width: 600px; +} + +h1 { + width: 50%; + font-size: 5rem; + font-family: helvetica, arial, sans-serif; + margin-left: 2rem; +} + +ul { + width: 600px; + list-style: none; + display: flex; + justify-content: space-around; + margin: 1rem 0; +} + +nav a { + display: block; + width: 100px; + text-align: center; + text-decoration: none; + color: #fff; + padding: 0.5rem 1rem; + background-color: #a6093d; + font-family: helvetica, arial, sans-serif; + font-size: 1.5rem; + border: 1px solid #a6093d; +} + +nav a:hover { + background-color: #fff; + color: #a6093d; + border: 1px solid #a6093d; +} + +p { + margin-top: 1rem; + font-size: 2rem; +}