diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..6db9b53 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,71 @@ + + + + + + Airbnb + + + + + +
+ +

+ Book unique homes and experiences. +

+ +
+ + + + +
+
+ + + +
+
+ + +
+
+ + + + + + +
+ +
+ +

+ Explore Airbnb +

+ +
+
+ Bedroom + Homes +
+ +
+ People biking outside + Experiences +
+ +
+ Food from a restaurant + Restaurants +
+
+
+ +
+ + + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..746d9d8 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,90 @@ /* Add your CSS here */ +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + + +article h1 { + +width: 100%; +margin: auto; +background-image: url(http://placekitten.com/200/300); +color: white; +padding: 10px; + +} + +section.FirstSection { + +display: flex; +flex-direction: column; +padding: 20px; + +} + +section.FirstSection div.CheckOutside { + +display: flex; +flex-direction: row; +justify-content: space-around; + +} + +section.FirstSection div.CheckOutside div.CheckInside { + +display: flex; +flex-direction: column; +justify-content: space-around; +width: 50%; + +} + +label, input, button { + +padding: 10px 0; + +} + +button { + +background-color: red; +color: white; + +} + +section div.ImgOutside { + +display: flex; +justify-content: space-between; + +} + +img{ + +width: 100px; +height: 100px; + +} + +section div.ImgOutside div.ImgInside { + +border: solid grey 1px; +display: flex; +align-items: center; + +} + +section div.ImgOutside div.ImgInside a { + +padding-top: 35px; +padding-bottom: 35px; +padding-left: 20px; +padding-right: 150px; +color: black; +text-decoration: none; + +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..8c9887c 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,72 @@ + + + + + + Amazon + + + + + +

+ Computer & Technology Books +

+ +

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

+ +

+ Shop by category +

+ +
+ +
+ Image of a programming book + Programming +
+ +
+ Image of a computer science book + Computer Science +
+ +
+ Image of a programming Languages book + Programming Languages +
+ +
+ Image of a Networking & Cloud Computing book + Networking & Cloud Computing +
+ +
+ Image of a Security & Encryption book + Security & Encryption +
+ +
+ Image of a Software book + Software +
+ +
+ Image of an Operating Systems book + Operating Systems +
+ +
+ Image of a Games & Strategy Guides book + Games & Strategy Guides +
+ + +
+ + + + diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..49bc448 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,50 @@ /* Add your CSS here */ +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +h1 { + +color: #e37911; + +} + +h2 { + +border-bottom: 1px grey solid; + +} + +section { + +display: flex; +flex-wrap: wrap; + +} + +section div{ + +width: 25%; +padding: 20px; +display: flex; +flex-direction: column; +align-items: center; + +} + +section div img { + +width: 100px; +height: 150px; + +} + +div a { + +text-decoration: none; + +} diff --git a/github/index.html b/github/index.html index 4884712..a8e0f36 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,70 @@ + + + + + + Github + + + + + + + +
+ +

+ Come help us make a 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. +

+ + + +
+
+ Five hands each showing a different symbol and two speech bubbles overlapping +
+

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

+
+
+ +
+ Earth with three different speech bubbles +
+

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..24fd0f9 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,119 @@ /* Add your CSS here */ +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +nav ul li { + +display: inline; + +} + +nav ul li a { + +text-decoration: none; + +} + +nav ul li a.second { + +color: black; + +} + +article ul { + +display: flex; +justify-content: space-around; +padding: 20px; +width: 35%; +margin: auto; + +} + +article ul li { + +display: inline; + +} + +article ul li a { + +text-decoration: none; +font-size: 20pt; + +} + +article h1 { + +text-align: center; +font-size: 30pt; +padding: 20px; +width: 35%; +margin: auto; + +} + +article p.FirstParagraph { + +text-align: center; +font-size: 25pt; +width: 50%; +margin: auto; + +} + +div { + +display: flex; +justify-content: space-around; +padding: 20px; +} + +div section { + +display: flex; +justify-content: center; + +} +div section div.Inside { + +display: flex; +flex-direction: column; +width: 50%; + +} + + +div section img { + +width: 150px; +height: 150px; + +} + +div section div.Inside h2 { + +display: inline; +font-size: 12pt; +margin: 0; + +} + +div section div.Inside p { + +display: inline; +font-size: 12pt; +margin: 0; + +} + +div section div a { + +text-decoration: none; + +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..6c7beda 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,103 @@ + + + + + + Instagram + + + + + +
+ +

+ 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 stragtegy 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 servers 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 Sao Paulo, Brazil, Mike holds and 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..45c9ae5 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,78 @@ /* Add your CSS here */ +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +body { + background-color: #fafafa; +} + +article { + height: 500px; + float: right; + width: 85%; + background-color: white; +} + +aside { + background-color: white; + height: 500px; + border: solid grey 1px; + float: right; + width: 15%; +} + +ul { + margin: 0; + padding-left: 0; +} + +ul.Outside { + margin: 0; + padding-left: 0; +} + +li { + padding: 5px 0; + text-decoration: none; + list-style: none; + font-size: 20pt; + color: grey; +} + +li.Outside { + padding-left: 10px; +} + +li a { + text-decoration: none; + color: black; + font-size: 16pt; + padding-left: 10px; +} + +li a:hover { + font-weight: bold; + border-left: solid black 3px; +} + +article { + padding: 0 2%; + border: solid grey 1px; +} + +article a { + text-decoration: none; +} + +article h1 { + font-weight: normal; +} + +article h2 { + font-weight: normal; +} diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..df178ca 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,40 @@ + + + + + + Stevens College + + + + +
+

+ Computer Software Engineering Technology +

+ + Video for 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 makes things possible. +

+
+ +
+ + + + diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..24655f5 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,56 @@ /* Add your CSS here */ +/* +Border Box +*/ +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +article { + display: flex; + flex-direction: column; + width: 50%; + margin: auto; +} + +h1 { + font-family: Arial; + color: #0d2c30; + font-size: 100pt; +} + +img { + display: flex; + justify-content: center; + width: 100%; + height: 450px; + margin: auto; +} + +ul { + display: flex; + justify-content: space-around; + padding: 20px; +} + +li { + background-color: #a5073c; + list-style: none; +} + +a { + font-family: Arial; + display: block; + padding: 20px 50px; + color: white; + text-decoration: none; + font-size: 20pt; +} + +p { + font-size: 20pt; +}