From 92c0b90b22b269ddbfb5740837a0fa945328e962 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Thu, 26 Sep 2019 12:51:34 -0400 Subject: [PATCH 01/15] wrote HTML for file --- instagram/index.html | 36 +++++++++++++++++++++++++++++++++++- 1 file changed, 35 insertions(+), 1 deletion(-) diff --git a/instagram/index.html b/instagram/index.html index 4884712..1e9555c 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,35 @@ - +< + + + + + + Instagram + + +
+

About

+ +

Legal

+ +
+
+

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 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 Sao Paulo, Brazil, Mike holds an MS in Symbolic Systems from STanford University. Prior to founding Instagram, he worked at Meebo as a user expierience designer and front-end engineer.

+
From 8e166ca8f22d5eb5cee6ac15757fb070185b2402 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Thu, 26 Sep 2019 12:59:40 -0400 Subject: [PATCH 02/15] added a with the tilde --- instagram/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/instagram/index.html b/instagram/index.html index 1e9555c..18a2f65 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -31,5 +31,5 @@

Kevin Systrom (CEO, co-founder)

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 Sao Paulo, Brazil, Mike holds an MS in Symbolic Systems from STanford University. Prior to founding Instagram, he worked at Meebo as a user expierience designer and front-end engineer.

+

A native of São Paulo, Brazil, Mike holds an MS in Symbolic Systems from STanford University. Prior to founding Instagram, he worked at Meebo as a user expierience designer and front-end engineer.

From 6f9047050bc1830fb49d2f372cc3c57395906e14 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Thu, 26 Sep 2019 14:00:27 -0400 Subject: [PATCH 03/15] complete Instagram HTML and CSS --- instagram/index.html | 16 +++++----- instagram/styles.css | 69 +++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 76 insertions(+), 9 deletions(-) diff --git a/instagram/index.html b/instagram/index.html index 18a2f65..2e713b2 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1,4 +1,4 @@ -< + @@ -10,16 +10,16 @@

About

Legal

diff --git a/instagram/styles.css b/instagram/styles.css index b9ad8b6..aaf0588 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,68 @@ -/* Add your CSS here */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; + } +body { + display: flex; + flex-direction: row; + padding: 10px 5px 10px 5px; +} +.sidemenu { + display: flex; + flex-direction: column; + border: 2px solid lightgrey; + color: grey; + width: 25%; +} +ul { + position: relative; + list-style-type: none; + padding: 20px 10px 0px 10px; +} + +li { + margin: 20px; +} +a { + text-decoration: none; +} +a.side { + color: grey; + cursor: pointer; +} +a.side:hover { + color: black; + cursor: p; +} +main { + padding-left: 30px; + border-top: 2px solid lightgrey; + border-right: 2px solid lightgrey; + border-bottom: 2px solid lightgrey; + width: 72%; +} + +h1 { + font-size: 24px; + padding: 40px 20px 40px 0px; +} + +h2 { + font-size: 18px; + padding: 0px 0 20px 0; +} + +h3 { + font-size: 16px; + padding: 20px 0 20px 0; +} + +h4 { + text-transform: capitalize; + padding: 20px 0 0 20px; +} +p { + padding-bottom: 20px; +} From a7ce99e407f0d927654b0a9368ff0edd76663141 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Thu, 26 Sep 2019 15:50:53 -0400 Subject: [PATCH 04/15] complete HTML and CSS Stevens College --- stevens-college/index.html | 23 ++++++++++++++- stevens-college/styles.css | 60 +++++++++++++++++++++++++++++++++++++- 2 files changed, 81 insertions(+), 2 deletions(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..4723cda 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,22 @@ - + + + + + + + Stevens College + + +
+

Computer Software Engineering Technology

+ +
+
+ SCHEDULE + FACULTY + TOOL LIST +
+
+

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 make things possible.

+
+ diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..ac38029 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,59 @@ -/* Add your CSS here */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + } + + body { + display: flex; + flex-direction: column; + font-family: sans-serif; + } + + .topbox { + display: flex; + flex-direction: column; + align-items: center; + font-size: 2em; + margin: 10px; + } + +.whatevs { + border: 1px solid black; + height: 11em; + width: 17em; + margin: 1em 1em 0em 1em; +} + h1 { + font-weight: bold; + } + + a.button { + text-decoration: none; + color: white; + background: maroon; + width: 7em; + height: 3em; + text-align: center; + padding-top: 1em; + } + + a:hover { + color: yellow; + } + + .links { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + height: 6em; + margin-top: 0; + } + + article { + font-size: 18px; + text-align: justify; + margin-left: 20px; + margin-right: 20px; + } From 6ea1cf273cbb6b493007dc9cd84d2d3a1fc728ec Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Thu, 26 Sep 2019 16:17:16 -0400 Subject: [PATCH 05/15] HTML and start CSS --- amazon/index.html | 49 ++++++++++++++++++++++++++++++++++++++++++++++- amazon/styles.css | 20 ++++++++++++++++++- 2 files changed, 67 insertions(+), 2 deletions(-) diff --git a/amazon/index.html b/amazon/index.html index 4884712..1049cb3 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,48 @@ - + + + + + + + Amazon + + +
+

Computer & Technology Books

+

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

+

Shop by category

+
+
+ + +

Programming

+ + + +

Computer Science

+ + + +

Programming Languages

+ + + +

Networking & Cloud Computing

+ + + +

Security & Encryption

+ + + +

Software

+ + + +

Operating Systems

+ + + +

Games & Strategy Guides

+ +
diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..c7a7f15 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,19 @@ -/* Add your CSS here */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} +main { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +header { + padding-bottom: 20px; +} +.products { + border: 1px solid lightgrey; + height: 10em; + width: 25%; +} From 6caac828bb3dfd5cfe28ace119e8cc449c7bd2d6 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Fri, 27 Sep 2019 14:09:39 -0400 Subject: [PATCH 06/15] complete amazon HTML and CSS --- amazon/index.html | 20 +++++++++++--------- amazon/styles.css | 45 ++++++++++++++++++++++++++++++++++++++++++--- 2 files changed, 53 insertions(+), 12 deletions(-) diff --git a/amazon/index.html b/amazon/index.html index 1049cb3..279991f 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -8,41 +8,43 @@
+

Computer & Technology Books

-

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

+

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

+

Shop by category

- +

Programming

 - +

Computer Science

 - +

Programming Languages

 - +

Networking & Cloud Computing

 - +

Security & Encryption

 - +

Software

 - +

Operating Systems

 - +

Games & Strategy Guides
diff --git a/amazon/styles.css b/amazon/styles.css index c7a7f15..9677a03 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -2,18 +2,57 @@ margin: 0; padding: 0; box-sizing: border-box; + font-family: sans-serif; +} + +body { + margin-left: 5px; + margin-right: 5px; } main { display: flex; flex-direction: row; flex-wrap: wrap; + margin-top: 10px; + } + + header { + border-bottom: 1px solid lightgrey; + } + + .top { + padding-bottom: 2em; + } + + p.text { + color: #818585; + + } + + h1 { + color: orange; + margin-bottom: 10px; + } + +a.products { + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; + text-align: center; + text-decoration: none; + font-size: 14px; + padding-bottom: 10px; } +img { + width: 150px; + height: 150px; +} header { - padding-bottom: 20px; + padding-bottom: 15px; } .products { - border: 1px solid lightgrey; - height: 10em; + height: 14em; width: 25%; } From 96bf749e721a2038e7d7d8fceadf929f7764a8b4 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Fri, 27 Sep 2019 15:08:22 -0400 Subject: [PATCH 07/15] Finished HTML, begin CSS --- github/index.html | 37 +++++++++++++++++++++++++++- github/styles.css | 63 ++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 98 insertions(+), 2 deletions(-) diff --git a/github/index.html b/github/index.html index 4884712..8eef529 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,36 @@ - + + + + + + + + + +
+

About / Careers

+
+
+
+

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.

+
+
+ Open positions + Apprenticeships + Internships +
+
+ +
+

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 demograpic data.

+
+ +
+

Work happier

+

Build amazing things with autonomy, self-direction, and a healthy work-life balance. We offer flexible work schedules for all 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..30fcfd0 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,62 @@ -/* Add your CSS here */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} +header { + display: flex; + flex-direction: row; + font-size: 13px; +} + +body { + display: flex; + flex-direction: column; +} + +main { + display: flex; + flex-direction: column; + justify-content: center; +} +.text { + text-align: center; + margin: 10em 5em 3em 5em; +} + +h1 { + margin-bottom: 30px; + font-size: 4em; +} + +.links { + display: flex; + flex-direction: row; + justify-content: space-around; + padding: 30px; +} + +footer { + display: flex; + flex-direction: row; +} + +a { + text-decoration: none; +} + +img { + height: 100px; + width: 100px; +} + +.button { + padding: 20px; +} + +h3 { + font-size: 20px; + margin-bottom: 10px; + +} From 8dee418af11cc4b3a6bbea9ae6b91d60ff8399a2 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Fri, 27 Sep 2019 15:16:45 -0400 Subject: [PATCH 08/15] symantic fix --- amazon/index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/amazon/index.html b/amazon/index.html index 279991f..27d2089 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -48,3 +48,5 @@

Shop by category

Games & Strategy Guides

+ + From c48c7956c56ce9a7952f0e7dbb488ab67406f81c Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Fri, 27 Sep 2019 15:17:27 -0400 Subject: [PATCH 09/15] smantic fix --- instagram/index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/instagram/index.html b/instagram/index.html index 2e713b2..6c493e1 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -33,3 +33,5 @@

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 Systems from STanford University. Prior to founding Instagram, he worked at Meebo as a user expierience designer and front-end engineer.

+ + From 0e85c5d6978878a8f61ddf93473a849bc285089e Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Fri, 27 Sep 2019 15:21:02 -0400 Subject: [PATCH 10/15] fixed missing ; --- instagram/index.html | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/instagram/index.html b/instagram/index.html index 6c493e1..0fc75d8 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -25,12 +25,12 @@

Legal

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.

+

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

+

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 Systems from STanford University. Prior to founding Instagram, he worked at Meebo as a user expierience designer and front-end engineer.

From 68e9a9b5ea8bb6ac845bdb821d5c01dc4ce2ad27 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Tue, 1 Oct 2019 12:27:55 -0400 Subject: [PATCH 11/15] final HTML and cCSScomplete. --- github/index.html | 67 +++++++++++++++++++++++++---------------------- github/styles.css | 22 ++++++++++++---- 2 files changed, 53 insertions(+), 36 deletions(-) diff --git a/github/index.html b/github/index.html index 8eef529..b40c4fa 100644 --- a/github/index.html +++ b/github/index.html @@ -1,36 +1,41 @@ - - - - - - - -
-

About / Careers

-
-
-
-

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.

-
-
- Open positions - Apprenticeships - Internships -
-
- -
+ + + + + + + + + +
+

About / Careers

+
+
+
+

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.

+
+
+ Open positions + Apprenticeships + Internships +
+
+ +

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 demograpic data.

-
- -
+

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

+
+ +

Work happier

-

Build amazing things with autonomy, self-direction, and a healthy work-life balance. We offer flexible work schedules for all our employees and unlimited PTO. We also believe that if a job allows for it, you should work wherever you're happiest.

-
-
- +

Build amazing things with autonomy, self-direction, and a healthy work-life balance. We offer flexible work schedules for all 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 30fcfd0..4b5a395 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1,13 +1,16 @@ * { - margin: 0; - padding: 0; box-sizing: border-box; font-family: sans-serif; + margin: 0; + padding: 0; } + header { display: flex; flex-direction: row; - font-size: 13px; + font-size: 16px; + margin-top: 1em; + margin-left: 1em; } body { @@ -20,14 +23,15 @@ main { flex-direction: column; justify-content: center; } + .text { - text-align: center; margin: 10em 5em 3em 5em; + text-align: center; } h1 { margin-bottom: 30px; - font-size: 4em; + font-size: 3.5em; } .links { @@ -58,5 +62,13 @@ img { h3 { font-size: 20px; margin-bottom: 10px; +} + +h3 { + margin-left: 1em; +} +.foot>p { + margin-left: 1em; + padding-bottom: 5em; } From fec61a0e6255c33290d62343dabb13debedd77a6 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Tue, 1 Oct 2019 12:33:59 -0400 Subject: [PATCH 12/15] final HTML and CSS complete. --- amazon/index.html | 101 ++++++++++++++++++++++++---------------------- amazon/styles.css | 48 +++++++++++----------- 2 files changed, 77 insertions(+), 72 deletions(-) diff --git a/amazon/index.html b/amazon/index.html index 27d2089..bfbe46c 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1,52 +1,55 @@ - - - - - Amazon - - -
-
+ + + + + + Amazon + + + +
+

Computer & Technology Books

-

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

-
-

Shop by category

-
-
- - -

Programming

- - - -

Computer Science

- - - -

Programming Languages

- - - -

Networking & Cloud Computing

- - - -

Security & Encryption

- - - -

Software

- - - -

Operating Systems

- - - -

Games & Strategy Guides

- -
- - +

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

+
+

Shop by category

+
+
+ + +

Programming

+ + + +

Computer Science

+ + + +

Programming Languages

+ + + +

Networking & Cloud Computing

+ + + +

Security & Encryption

+ + + +

Software

+ + + +

Operating Systems

+ + + +

Games & Strategy Guides

+ +
+ + + diff --git a/amazon/styles.css b/amazon/styles.css index 9677a03..d18a891 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1,57 +1,59 @@ * { - margin: 0; - padding: 0; box-sizing: border-box; font-family: sans-serif; + margin: 0; + padding: 0; } body { margin-left: 5px; margin-right: 5px; } + main { display: flex; flex-direction: row; flex-wrap: wrap; - margin-top: 10px; - } - - header { - border-bottom: 1px solid lightgrey; - } + margin: 1em; +} - .top { - padding-bottom: 2em; - } +header { + border-bottom: 1px solid lightgrey; +} - p.text { - color: #818585; +.top { + padding-bottom: 2em; +} - } +p.text { + color: #818585; +} - h1 { - color: orange; - margin-bottom: 10px; - } +h1 { + color: orange; + margin-bottom: 10px; +} a.products { + align-items: flex-start; display: flex; flex-direction: column; - justify-content: space-around; - align-items: center; - text-align: center; - text-decoration: none; font-size: 14px; + justify-content: space-around; padding-bottom: 10px; + text-align: left; + text-decoration: none; } img { - width: 150px; height: 150px; + width: 150px; } + header { padding-bottom: 15px; } + .products { height: 14em; width: 25%; From 554351994d5e7a7086d021847be15ef520fd3ee4 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Tue, 1 Oct 2019 12:42:53 -0400 Subject: [PATCH 13/15] final HTML and CSS commit complete --- stevens-college/index.html | 42 ++++++++------- stevens-college/styles.css | 104 +++++++++++++++++++------------------ 2 files changed, 75 insertions(+), 71 deletions(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index 4723cda..86e52e6 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1,22 +1,24 @@ - - - - - Stevens College - - -
-

Computer Software Engineering Technology

- -
-
- SCHEDULE - FACULTY - TOOL LIST -
-
-

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 make things possible.

-
- + + + + + + Stevens College + + + +
+

Computer Software Engineering Technology

+ +
+
+ SCHEDULE + FACULTY + TOOL LIST +
+
+

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 make things possible.

+
+ diff --git a/stevens-college/styles.css b/stevens-college/styles.css index ac38029..dc52f6e 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1,59 +1,61 @@ * { + box-sizing: border-box; margin: 0; padding: 0; - box-sizing: border-box; - } - - body { - display: flex; - flex-direction: column; - font-family: sans-serif; - } - - .topbox { - display: flex; - flex-direction: column; - align-items: center; - font-size: 2em; - margin: 10px; - } +} + +body { + display: flex; + flex-direction: column; + font-family: sans-serif; +} + +.topbox { + align-items: center; + display: flex; + flex-direction: column; + font-size: 2em; + margin: 10px; +} .whatevs { border: 1px solid black; - height: 11em; - width: 17em; + height: 9em; margin: 1em 1em 0em 1em; + width: 16em; +} + +h1 { + font-weight: bold; + font-variant-caps: all-petite-caps; +} + +a.button { + background: maroon; + color: white; + height: 3em; + padding-top: 1em; + text-align: center; + text-decoration: none; + width: 7em; +} + +a:hover { + color: yellow; +} + +.links { + align-items: center; + display: flex; + flex-direction: row; + height: 6em; + justify-content: space-around; + margin-top: 0; +} + +article { + font-size: 18px; + margin-left: 20px; + margin-right: 20px; + text-align: justify; } - h1 { - font-weight: bold; - } - - a.button { - text-decoration: none; - color: white; - background: maroon; - width: 7em; - height: 3em; - text-align: center; - padding-top: 1em; - } - - a:hover { - color: yellow; - } - - .links { - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-around; - height: 6em; - margin-top: 0; - } - - article { - font-size: 18px; - text-align: justify; - margin-left: 20px; - margin-right: 20px; - } From 4be235d1112d6b4cf4750c59fcef1245b31bc107 Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Tue, 1 Oct 2019 12:48:15 -0400 Subject: [PATCH 14/15] Final HTML and CSS commit and comlete --- instagram/index.html | 77 ++++++++++++++++++++++++-------------------- instagram/styles.css | 28 ++++++++++------ 2 files changed, 60 insertions(+), 45 deletions(-) diff --git a/instagram/index.html b/instagram/index.html index 0fc75d8..3c2195c 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1,37 +1,44 @@ - - - - - Instagram - - -
-

About

- -

Legal

- -
-
-

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 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 Systems from STanford University. Prior to founding Instagram, he worked at Meebo as a user expierience designer and front-end engineer.

-
- - + + + + + + Instagram + + + +
+

About

+ +

Legal

+ +
+
+

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 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 Systems from STanford University. Prior to founding Instagram, he worked at Meebo as a user expierience designer and front-end engineer.

+
+ + + diff --git a/instagram/styles.css b/instagram/styles.css index aaf0588..ba4cba8 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1,46 +1,53 @@ * { - margin: 0; - padding: 0; box-sizing: border-box; font-family: sans-serif; - } + margin: 0; + padding: 0; +} + body { display: flex; flex-direction: row; padding: 10px 5px 10px 5px; } + .sidemenu { - display: flex; - flex-direction: column; border: 2px solid lightgrey; color: grey; + display: flex; + flex-direction: column; width: 25%; } + ul { - position: relative; list-style-type: none; padding: 20px 10px 0px 10px; + position: relative; } li { margin: 20px; } + a { text-decoration: none; } + a.side { color: grey; cursor: pointer; } + a.side:hover { color: black; cursor: p; } + main { - padding-left: 30px; border-top: 2px solid lightgrey; - border-right: 2px solid lightgrey; - border-bottom: 2px solid lightgrey; + border-right: 2px solid lightgrey; + border-bottom: 2px solid lightgrey; + padding-left: 30px; width: 72%; } @@ -60,9 +67,10 @@ h3 { } h4 { - text-transform: capitalize; padding: 20px 0 0 20px; + text-transform: capitalize; } + p { padding-bottom: 20px; } From d29a29f54822c37402fb3c4e09c6973cbb26b8ab Mon Sep 17 00:00:00 2001 From: Katherine Mundale Date: Tue, 1 Oct 2019 14:07:52 -0400 Subject: [PATCH 15/15] began HTML and CSS for page....struggle bus rolling in. --- airbnb/index.html | 53 ++++++++++++++++++++++++++++++++++++++++++++++- airbnb/styles.css | 45 +++++++++++++++++++++++++++++++++++++++- 2 files changed, 96 insertions(+), 2 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..da3b076 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,52 @@ - + + + + + + + + AirBnB + + + +
+

Book unique homes and experiences.

+
+
+
+
+ +

+
+
+
+ +

+
+
+ +

+
+
+ +

+
+ +
+ + + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..4a92636 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,44 @@ -/* Add your CSS here */ +* { + box-sizing: border-box; + font-family: sans-serif; + margin: 0; + padding: 0; +} + +header { + border-bottom: 1px solid grey; + padding: 2em 0 2em 0; +} + +main { + display: flex; + flex-direction: column; + margin: 3em 0.5em 3em 0.5em; +} + +.form { + display: flex; + flex-direction: column; +} + +.dates { + display: flex; + flex-direction: row; + margin: 1em 0em 1em 0em; +} + +.check_in_box { + display: flex; + flex-direction: column; + width: 48%; +} + +footer { + display: flex; + flex-direction: row; + margin: 2em 0.5em 2em 0.5em; +} + +a { + width: 32%; +}