From 6a476f09f8c1b1a11b1b938880ea6f3c9ceac4a2 Mon Sep 17 00:00:00 2001 From: Benjamin <39armyguy@gmail.com> Date: Tue, 1 Oct 2019 14:45:37 -0400 Subject: [PATCH] I Copied from another directory --- airbnb/index.html | 51 +++++++++++++++++++++++++++- airbnb/styles.css | 47 +++++++++++++++++++++++++- amazon/index.html | 55 +++++++++++++++++++++++++++++- amazon/styles.css | 28 +++++++++++++++- github/index.html | 50 +++++++++++++++++++++++++++- github/styles.css | 68 +++++++++++++++++++++++++++++++++++++- instagram/index.html | 54 +++++++++++++++++++++++++++++- instagram/styles.css | 46 +++++++++++++++++++++++++- stevens-college/index.html | 24 +++++++++++++- stevens-college/styles.css | 34 ++++++++++++++++++- 10 files changed, 447 insertions(+), 10 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..45649c8 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,50 @@ - + + + + + + + + +
+ +

Book unique homes and exeriences

+
+
+
+

WHERE

+ +
+
+
+

CHECK IN

+ +
+
+

CHECK OUT

+ +
+
+
+

GUESTS

+ +
+ Search +
+ + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..f3398e5 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,46 @@ -/* Add your CSS here */ +* { + font-family: sans-serif; + box-sizing: border-box; +} +header{ + position: relative; +} +body{ + margin: 0; +} +h1{ + position: absolute; + top:0; + left:0; + color: white; +} +.first-last{ + display: flex; + padding: 10px; + flex-direction: column; +} +.first-last input{ + height: 2.5rem; + font-size: 1rem; + color: grey; +} +h3{ + font-size: .5rem; + color: grey; +} +.check{ + display: flex; + padding: 10px; + flex-direction: row; + flex-wrap: wrap; +} +.check section{ + display: flex; + flex-direction: column; +} +.date{ + height: 2.5rem; + font-size: 1rem; + color: grey; + width: %; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..e5ad166 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,54 @@ - + + + + + + + + + + +

Computer & Technology

+

Browse a wide selection of Programing Guides Android resources ,and Java books.

+

Shop by category

+
+
+ + + + +
+
+ + + + +
+
+ + + diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..424f34a 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,27 @@ -/* Add your CSS here */ +* { + font-family: sans-serif; + box-sizing: border-box; +} +.none{ + padding:10px; + border-top: thin solid lightgrey; + +} +.one{ + display: flex; + justify-content: space-around; +} +article{ + display: flex; + flex-direction: column; +} +.two{ + display: flex; + justify-content: space-around; +} +article img{ + width: 100px; +} +article a{ + width:150px; +} diff --git a/github/index.html b/github/index.html index 4884712..071f3f4 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,49 @@ - + + + + + + + + + +
+
+

Come help us make colaboration even better

+

At Git Hub we build the tools that make collaborating easier + for everyone. We've built a comapny we truly love working for, and we think you will too.

+
+ +
+
+ hands working together +

A diverse and inclusive workplace

+

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

+
+
+ world with happieness +

Work happier

+

Build amazing things with autonomy, self-direction, and a healthy work-life balance. + We offer flexable 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..307d43c 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,67 @@ -/* Add your CSS here */ +* { + font-family: sans-serif; + box-sizing: border-box; +} +ul{ + padding: 0; + margin: 0; +} +li{ + list-style-type:none; + display: inline; +} +a{ + text-decoration: none; +} +.topbar-a{ + +} +.topbar-c{ + color: black; +} +.in{ + color:grey; +} +main{ + display:flex; + flex-direction: column; +} +.intro{ + width: 45rem; + align-self: center; + flex-direction: column; + +} +h1 { + font-size: 2.5rem; + text-indent:3rem; + padding-left: 3rem; +} +.intro p{ + font-size: 1.25rem; + align-self: center; +} +.king{ + justify-content: center; +} +.links { + display: flex; + width: 40%; + justify-content: space-around; + margin-left: 30% +} +.float{ + float: left; + flex-wrap: wrap; +} +h2{ + font-size: 1rem; + margin: 0; + padding: 0; + display:inline; +} +.E p{ + display: inline; + font-size: .5rem; + width: 30%; +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..01316eb 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,53 @@ - + + + + + + + + + + +
+

About us

+

The Team

+

Kevin Systrom (CEO, co-founder)

+

+ Kevun Systrom (@Kevin) is the CEO and cofounder 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 stratege as wekk 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 bands, 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 greaduated 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 thatn 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 Sybolic 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..e4cbe30 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,45 @@ -/* Add your CSS here */ +* { + font-family: sans-serif; + box-sizing: border-box; +} +body{ + margin: 3; +} +.nav { + background-color: white; + border: thin solid lightgrey; + height: 100%; + width: 20%; + float:left; +} +main { + background:white; + border: thin solid lightgrey; + height: 100%; + width: 80%; + float:right; + padding-left: 2rem; +} +h1{ + font-weight: 400; +} +ul{ + list-style-type: none; +} +li{ + margin: 2rem 0 2rem 0 ; + +} +.side-title{ + margin: .5rem 0 .5rem 1rem; + font-size: 17px; + font-weight: 400; + color: grey; +} +li a{ + text-decoration: none; + color: black; +} +span{ + font-weight: bold; +} diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..dc5afc3 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,23 @@ - + + + + + + + + +
+
COPUTER
+
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..a48f037 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,33 @@ -/* Add your CSS here */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +h1{ + font-weight: bolder; +} + +.titlew { + display:flex; +align-items: flex-start; +flex-direction: column; +border:thin solid red; +} +.title{ + font-size: 64px; +} +.links { + display:flex; + justify-content: space-around; + border:thin solid red; + justify-content: space-around; + list-style-image:none; +} +li{ + background: maroon + list-style-image:none; +} +.img { + + border:thin solid red; +}