diff --git a/airbnb/images/Experiences.png b/airbnb/images/Experiences.png new file mode 100644 index 0000000..b2968ce Binary files /dev/null and b/airbnb/images/Experiences.png differ diff --git a/airbnb/images/Homes.png b/airbnb/images/Homes.png new file mode 100644 index 0000000..302c2c0 Binary files /dev/null and b/airbnb/images/Homes.png differ diff --git a/airbnb/images/Restaurants.png b/airbnb/images/Restaurants.png new file mode 100644 index 0000000..813f062 Binary files /dev/null and b/airbnb/images/Restaurants.png differ diff --git a/airbnb/images/background-airbnb.png b/airbnb/images/background-airbnb.png new file mode 100644 index 0000000..7fbad23 Binary files /dev/null and b/airbnb/images/background-airbnb.png differ diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..0adf11d 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,54 @@ + + + + + Book unique homes and experiences - Airbnb + + + + +
+

Book unique homes and experiences.

+
+ +
+

Where

+ +
+

Check In

+

Check Out

+
+
+ + +
+

Guests

+
+ +
+ + +
+ +
+ +
+

Explore Airbnb

+
+ +
+
+ + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..fd0fd6b 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,109 @@ /* Add your CSS here */ +.header { + background-image: url(images/background-airbnb.png); +} + +.header h1 { + color: white; + font-family: sans-serif; + padding: 25px 35px 20px 10px; +} + +.forms { + padding: 10px; +} + +.forms p { + color: gray; +} + +.forms .where { + color: gray; + border-radius: 2px; + width: 100%; +} + +.forms .in-out-text { + display: flex; + justify-content: space-around; +} + +.forms .input-in-out { + display: flex; + justify-content: space-around; +} + +.forms .checkin { + color: gray; + border-radius: 2px; +} + +.forms .checkout { + color: gray; + border-radius: 2px; +} + + +.guests { + width: 100%; +} + +.search { + background-color: #F06649; + color: white; + border-radius: 5px; + width: 100%; + height: 40px; +} + +.explore { + background-color: white; + color: gray; + justify-content: space-around; +} + +.explore h2 { + color: gray; + font-weight: bold; +} + +.explore img { + width: 40%; +} + +.explore ul { + list-style-type: none; + text-align: center; +} + +.explore a { + color: gray; + text-decoration: none; + border-width: thin; + border-style: outset; + border-color: gray; + border-radius: 3px; +} + +.explore a:hover { + background-color: #F06649; + color: white; +} + +.thenumbers { + display: flex; + align-items: flex-start; + flex-wrap: nowrap; +} + +.explore .one { + display: inline-flex; +} + +.explore .two { + display: inline-flex; +} + +.explore .three { + display: inline-flex; +} diff --git a/amazon/images/computer-science.png b/amazon/images/computer-science.png new file mode 100644 index 0000000..e400dd0 Binary files /dev/null and b/amazon/images/computer-science.png differ diff --git a/amazon/images/games-guides.png b/amazon/images/games-guides.png new file mode 100644 index 0000000..4fff55a Binary files /dev/null and b/amazon/images/games-guides.png differ diff --git a/amazon/images/networking-cloud-computing.png b/amazon/images/networking-cloud-computing.png new file mode 100644 index 0000000..7f6cb6a Binary files /dev/null and b/amazon/images/networking-cloud-computing.png differ diff --git a/amazon/images/operating-systems.png b/amazon/images/operating-systems.png new file mode 100644 index 0000000..5078ce1 Binary files /dev/null and b/amazon/images/operating-systems.png differ diff --git a/amazon/images/programming-languages.png b/amazon/images/programming-languages.png new file mode 100644 index 0000000..942fcda Binary files /dev/null and b/amazon/images/programming-languages.png differ diff --git a/amazon/images/programming.png b/amazon/images/programming.png new file mode 100644 index 0000000..c6bf154 Binary files /dev/null and b/amazon/images/programming.png differ diff --git a/amazon/images/security-encryption.png b/amazon/images/security-encryption.png new file mode 100644 index 0000000..a55a113 Binary files /dev/null and b/amazon/images/security-encryption.png differ diff --git a/amazon/images/software.png b/amazon/images/software.png new file mode 100644 index 0000000..4113482 Binary files /dev/null and b/amazon/images/software.png differ diff --git a/amazon/index.html b/amazon/index.html index 4884712..b670689 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,39 @@ + + + + + + + + + +
+

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..1b94201 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,51 @@ /* Add your CSS here */ + +* { + box-sizing: border-box; +} + +.the-main { + display: flex; + flex-direction: column; + border-bottom: 1px solid gray; +} + +.the-main h1 { + color: darkorange; +} + +.the-main h2 { + color: black; +} + +.images { + display: inline-flex; + flex-direction: row; +} + +.images ul { + list-style: none; +} + +.images li { + list-style: none; +} + +.images img { + width: 90px; + height: 100px; +} + +.images p { +} + +.images a { + font-weight: bold; + text-decoration: none; +} + +.thelist { + display: inline-flex; + flex-direction: row; + margin: 15px 5px 15px 5px; +} diff --git a/github/images/diverse-workplace.png b/github/images/diverse-workplace.png new file mode 100644 index 0000000..9f41179 Binary files /dev/null and b/github/images/diverse-workplace.png differ diff --git a/github/images/work-happier.png b/github/images/work-happier.png new file mode 100644 index 0000000..9833a7d Binary files /dev/null and b/github/images/work-happier.png differ diff --git a/github/index.html b/github/index.html index 4884712..c57e94e 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,60 @@ + + + + + Careers + + + + +
+ +
+ +
+

Come help us make collaboration even better

+

+ At GibHub we build the tools that make collaborating and writing software easier for everyone. + We've build a company we truly love working for, and we think you will too. +

+
+ +
+ +
+ +
+ A diverse and inclusive workplace +
+

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 commiment to diversity + and inclusion and see our current demographic data. +

+
+ Work happier +
+

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..3e1d5d0 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,71 @@ /* Add your CSS here */ + +* { + box-sizing: border-box; +} + +.top-menu { + display: flex; + flex-direction: row; +} + +.top-menu ul { + list-style: none; +} + +.top-menu li { +display: inline-flex; +} + +.top-menu a { + color: blue; + text-decoration: none; +} + +.top-menu a:hover { + color: black; +} + +.middle-text { + display: flex; + flex-direction: column; + align-items: center; +} + +.middle-links { + display: flex; + flex-direction: row; + justify-content: center; +} + +.middle-links li { + display: inline-flex; + padding: 20px; +} + +.middle-links a { + color: blue; + text-decoration: none; +} + +.bottom { + display: flex; + flex-direction: row; +} + +.bottom a { + color: blue; + text-decoration: none; +} + +.bottom img { + margin: 20px; +} + +.bottom .p1 { + +} + +.bottom .p2 { + +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..a2308b1 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,67 @@ + + + + + + + + + +
+
+ +
+
+ +
+
+ +
+

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 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 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 an 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..66d3f1e 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,49 @@ /* Add your CSS here */ + +* { + box-sizing: border-box; +} + +.content { + display: block; + width: 600px; + background-color: white; + border-top: 1px solid gray; + border-right: 1px solid gray; + border-bottom: 1px solid gray; + border-left: 1px solid gray; + border-radius: 1px; + padding: 50px; + width: 60%; + margin-left: 20%; + height: 100%; +} + +.side-menu { + display: flex; + flex-direction: column; + justify-content: flex-start; + position: absolute; + border-top: 1px solid gray; + border-left: 1px solid gray; + border-radius: 1px; + width: 20%; + height: 62.6%; +} + +.side-menu ul { + list-style: none; +} + +.side-menu p { + color: darkgray; +} + +.side-menu a { + color: darkgray; +} + +.side-menu a:hover { + color: black; + border-left: 3px solid black; +} diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..8ded479 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,37 @@ + + + + + Computer Software Engineering Technology | Thaddeus 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 makes things possible.

+
+ + + diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..c43ccf2 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,68 @@ /* Add your CSS here */ +body { + box-sizing: border-box; + border-block-width: auto; +} + +.title { + align-content: center; + color: black; + font-size: 40px; +} + +.video { + height: 450px; + width: 850px; + border: 1px solid black; + align-content: center; + +} + +.list { + justify-content: center; +} + +.list a { + color: white; +} + +.list a:hover { + background-color: white; + color: darkred; +} + +.list1 { + background-color: darkred; + color: white; + padding: 10px 20px; + text-align: center; + display: inline-block; + font-size: 20px; + } + +.list2 { + background-color: darkred; + color: white; + padding: 10px 20px; + text-align: center; + display: inline-block; + font-size: 20px; + } + +.list3 { + background-color: darkred; + color: white; + padding: 10px 20px; + text-align: center; + display: inline-block; + font-size: 20px; +} + +.thep { + background-color: white; + color: black; + font-size: 20px; + justify-content: center; + align-content: center; + +}