From e5860e05aec30404bc8c74f5571de1410d65fa5d Mon Sep 17 00:00:00 2001 From: Wilnelys Roman Date: Thu, 26 Sep 2019 15:12:29 -0400 Subject: [PATCH 1/4] did all html and css, may have to tweak. --- stevens-college/index.html | 27 +++++++++++++++++++++++++++ stevens-college/styles.css | 27 +++++++++++++++++++++++++++ 2 files changed, 54 insertions(+) diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..13c262d 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,28 @@ + + + + + + Stevens College + + +

Computer Software Engineering Technology

+ + cuddly kitten + + + +

Computers have become a major factor in the development + and operation of the modern industry. From means of communications, + to operating machines, to facilitating international commerce, + to systems animation, computers and their realted software + programs makes things possible. +

+ + + diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..6dffeb9 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,28 @@ /* Add your CSS here */ +h1 { + text-transform: uppercase; + font-size: 80px; +} + +img { + height: 400px; + width: 100%; +} + +div a { + color: white; + display: inline-block; + background-color: darkred; + padding: 10px 40px 10px 40px; +} + +nav { + display: flex; + justify-content: space-around; + flex-direction: row; +} + +p { + font-size: 20px; + margin: 30px 0 30px 0; +} From 811fd6ef6261be78966c229c3b48c0a8c118244c Mon Sep 17 00:00:00 2001 From: Wilnelys Roman Date: Thu, 26 Sep 2019 16:00:47 -0400 Subject: [PATCH 2/4] changed
to
  • --- stevens-college/index.html | 6 +++--- stevens-college/styles.css | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index 13c262d..d2fd1eb 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -12,9 +12,9 @@

    Computer Software Engineering Technology

    cuddly kitten

    Computers have become a major factor in the development diff --git a/stevens-college/styles.css b/stevens-college/styles.css index 6dffeb9..1a2c0a9 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -9,7 +9,7 @@ img { width: 100%; } -div a { +li a { color: white; display: inline-block; background-color: darkred; From 5940776609a9cf4f201d2bffa661e74bdbc1a66f Mon Sep 17 00:00:00 2001 From: Wilnelys Roman Date: Tue, 1 Oct 2019 12:30:29 -0400 Subject: [PATCH 3/4] completed instagram --- instagram/index.html | 77 ++++++++++++++++++++++++++++++++++++++++++++ instagram/styles.css | 37 +++++++++++++++++++++ 2 files changed, 114 insertions(+) diff --git a/instagram/index.html b/instagram/index.html index 4884712..2b25591 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,78 @@ + + + + + + + instagram + + + + +

    + +
    +

    About Us

    + +

    The Team

    + +

    Kevin

    +

    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 stragety + 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 ay Google working on products + like Gmail and Google Reader. He graduated from Stanford University + with a BS in Management Science & Engineering and servea 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 engineering, Mike focuses + on building prodicts 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 experience designer and front-end designer. +

    + + +
    + + + + diff --git a/instagram/styles.css b/instagram/styles.css index b9ad8b6..1dabb56 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,38 @@ /* Add your CSS here */ +* { + box-sizing: border-box; +} + +article { + display: flex; + flex-direction: column; + border: 1px solid lightgrey; + height: 800px; + width: 80%; + padding: 0 5% 0 5%; + +} + +nav { + display: flex; + float: left; + flex-direction: column; + padding-left: 40px; + width: 20%; + border: 1px solid lightgrey; + height: 800px; + +} + +h4 { +color: lightgrey; +} + +li { + display: flex; + justify-content: flex-start; +} + +p { + display: +} From b72a94f539b9b653d14359e398d08061a612de0d Mon Sep 17 00:00:00 2001 From: Wilnelys Roman Date: Tue, 1 Oct 2019 14:16:27 -0400 Subject: [PATCH 4/4] completed most but one --- airbnb/index.html | 29 +++++++++++++++++ airbnb/styles.css | 7 ++++ amazon/index.html | 38 ++++++++++++++++++++++ amazon/styles.css | 9 ++++++ github/index.html | 66 ++++++++++++++++++++++++++++++++++++++ github/styles.css | 29 +++++++++++++++++ instagram/index.html | 8 ++--- instagram/styles.css | 2 -- stevens-college/styles.css | 3 ++ 9 files changed, 185 insertions(+), 6 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..58942de 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,30 @@ + + + + + + airbnb + + +
    +

    Book unique homes and experiences.

    +
    + +
      +
    • Where
      • +
    • Check-in
      • +
    • Check-out
      • +
    • Guests
      • +
    + + Search + +

    Explore Airbnb

    + +
      +
    • cute catHomes
      • +
    • cute catExperiences
      • +
    • cute catRestaurants
      • + + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..2e68ad3 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,8 @@ /* Add your CSS here */ +.title { + background-image: + + url("https://placekitten.com/100/100"); + + background-color: transparent; +} diff --git a/amazon/index.html b/amazon/index.html index 4884712..af327eb 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,39 @@ + + + + + + + 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..677cc58 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,10 @@ /* Add your CSS here */ +* { + box-sizing: border-box; +} + +ul { + display: flex; + flex-flow: row wrap; + justify-content: space-around; +} diff --git a/github/index.html b/github/index.html index 4884712..d1149d0 100644 --- a/github/index.html +++ b/github/index.html @@ -1 +1,67 @@ + + + + + + + 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. +

      + + +
      +
      + + cute kitten + +

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

      + + + cute kitten + +

      Work Happier

      + +

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

      + +
      + + + + + + diff --git a/github/styles.css b/github/styles.css index b9ad8b6..4a80684 100644 --- a/github/styles.css +++ b/github/styles.css @@ -1 +1,30 @@ /* Add your CSS here */ +li { + display: inline-block; +} + +section { + display: flex; + flex-direction: column; + align-items: center; + margin: 0 40px 0 40px; +} + +section p { + font-size: 16pt; + text-align: center; +} + +section nav { + font-size: 14pt; +} + +h1 { + font-size: 36pt; + text-align: center; +} + +article { + display: flex; + flex-direction: row; +} diff --git a/instagram/index.html b/instagram/index.html index 2b25591..e0195cc 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -12,24 +12,24 @@ -
      +

      About Us

      The Team

      @@ -71,7 +71,7 @@

      Mike Krieger (CTO, co-founder)

      -
      +
      diff --git a/instagram/styles.css b/instagram/styles.css index 1dabb56..21034e5 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -10,7 +10,6 @@ article { height: 800px; width: 80%; padding: 0 5% 0 5%; - } nav { @@ -21,7 +20,6 @@ nav { width: 20%; border: 1px solid lightgrey; height: 800px; - } h4 { diff --git a/stevens-college/styles.css b/stevens-college/styles.css index 1a2c0a9..acae9e5 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -5,8 +5,11 @@ h1 { } img { + display: flex; height: 400px; width: 100%; + justify-content: center; + } li a {