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

Book unique homes and experiences.

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

Explore Airbnb

+ +
+ +
+ homes + Homes +
+ +
+ People riding bikes + Experiences +
+ +
+ Restaurants + Restaurants +
+ + +
+ + + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..cf64dcb 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,81 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; +} + +a { + text-decoration: none; +} + +li { + list-style: none; +} + +body { + display: flex; + flex-direction: column; +} + +.text { + height: 300px; +} + +.checkin { + width: 100%; +} + +.middle { + display: flex; + width: 100%; +} + +.text article { + margin-top: 10px; + margin-bottom: 10px; +} + +.search { + background-color: pink; + display: flex; + justify-content: center; + align-items: center; + height: 40px; +} + + +.label input { + display: block; + width: 100%; + height: 40px; + +} + +.label50 input { + display: block; + width: 100%; + height: 40px; +} + +.explore { + display: flex; + flex-direction: row; +} + +.explore article { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + padding: 20px; + border: 1px solid gray; + margin: 10px; + width: 350px; +} + +.explore article a { + padding-left: 30px; +} + +img { + height: 70px; + width: 120px; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..c5a8c4a 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,80 @@ - + + + + + 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..c069619 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,43 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; +} + +.head { + display: flex; + flex-direction: column; +} + +.body { + display: flex; + flex-direction: column; +} + +.shop { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-around; + width: 1200px; + +} + +h2 { + border-bottom: 2px solid lightgray; + padding-bottom: 10px; +} + +article { + display: flex; + flex-direction: column; + padding-right: 20px; + padding-left: 20px; + margin-bottom: 30px; + margin-top: 30px; + +} + +article a { + display: flex; + justify-content: center; + align-content: center; +} diff --git a/github/index.html b/github/index.html index 4884712..7630a73 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,66 @@ - + + + + + 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.

+
+ + + +
+ +
+ + peace sign, thumbs up + +
+ +

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

+
+ +
+
+ + globe with message icons + + +
+ +

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..6474e14 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,102 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; +} + +body { + height: 900px; + font-size: 18px; + font-family: sans-serif; + display: flex; + flex-direction: column; +} + +.about { + display: flex; + flex-direction: row; + padding-left: 0px; + margin-top: 10px; +} + +.about li { + padding-right: 20px; + list-style: none; + +} + +a { + text-decoration: none; +} + +h1 { + font-weight: 500; + font-size: 60px; + display: flex; + align-self: center; + text-align: center; + width: 700px +} + +.first { + font-size: 35px; + display: flex; + align-self: center; + width: 1200px; + text-align: center; +} +.middle { + display: flex; + align-self: center; + text-align: center; + width: 600px; + justify-content: space-between; + text-decoration: none; + margin-top: 50px; + margin-bottom: 70px; +} + +.middle li { + list-style: none; + font-size: 25px; +} + +.about li { + list-style: none; +} + +section { + display: flex; + flex-direction: row; + align-content: center; + justify-content: space-around; +} + +section.sec1 { + +} + +article { + display: flex; + flex-direction: column; + width: 400px; +} + + +h2 { + align-self: flex-start; + justify-content: space-between; + width: auto; + font-size: 25px; + font-weight: 400; +} + +p { +align-self: center; +margin: 0px; +} + +img { + width: 100px; + height: 100px; + align-self: center; + margin-right: 20px; +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..7a89add 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,74 @@ - + + + + + + + + + + + +
+ +

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 moment 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, newsroom and brand, 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 graduating form Stanford University with a BS in Management Science & Engineering + and serves on the board 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 boards of Walmart and KCRW.

+
+ +
+

A native of Sao Paulo, Brazil, Mike holds an MS in Symbolic Systems form 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..a6ded3b 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,95 @@ -/* Add your CSS here */ +/** General **/ + +* { + box-sizing: border-box; + +} + +.body { + height: 900px; + font-size: 18px; + font-family: sans-serif; + display: flex; + flex-direction: row; + margin-right: 200px; + margin-left: 200px; +} + +section { + display: flex; +} + +li { + list-style: none; + padding-bottom: 16px; + padding-top: 16px; +} + +a { + list-style: none; + color: black; + text-decoration: none; +} + + +/** Navigation Bar **/ + +#navbar { + display: flex; + flex-direction: column; + margin-left: 10px; +} + +ul li:first-child { + color: lightgray; + position: relative; + right: 20px; +} + +ul li:nth-child(5) { + color: lightgray; + position: relative; + right: 20px; +} + +#sidebar { + width: 750px; + margin-left: 10px; + margin-top: 10px; + margin-bottom: 10px; + border: 1px solid lightgray; +} + + +/** Main Content **/ + +#main { + display: flex; + flex-direction: column; + padding-left: 70px; + padding-right: 150px; + border-top: 1px solid lightgray; + border-right: 1px solid lightgray; + border-bottom: 1px solid lightgray; + margin-top: 10px; + margin-bottom: 10px; +} +h1 { + font-size: 40px; + font-weight: 400; +} +h2 { + margin-top: 10px; + font-weight: 330; +} +article div { + padding-bottom: 0px; +} +h3 { + font-size: 19px; + margin-top: 10px; +} + +p a { + color: #33bbff; +} diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..dbd0430 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,31 @@ - + + + + + Stevens College + + +​ + +

Computer Software Engineering Technology

+​ +
+ kat. +
+​ +
+ +
+​ +
+

Computers have become a major factor in the development and + operation of the modern industry. From providing means of communications, + to operating machines, to facllitating international commerence, 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..f883dec 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,47 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + display: flex; + flex-direction: column; + align-content: flex-start; + width: 600px; + margin-left: 100px; +} + +h1 { + font-size: 85px; +} + +img { + height: 250px; + width: 100%; +} + +ul { + display: flex; + flex-direction: row; + justify-content: center; +} + +li { + margin-top: 30px; + margin-bottom: 30px; + background-color: red; + padding: 5px; + list-style: none; + margin-left: 50px; + margin-right: 50px; +} + +a { + color: white; + text-decoration: none; +} + +p { + margin-top: 10px; +}