From 846b659ab5970f32dac3e5c8943054ec8342e98b Mon Sep 17 00:00:00 2001 From: Kevin Lueke Date: Thu, 26 Sep 2019 13:41:53 -0400 Subject: [PATCH 1/5] Stevens Collge website basic css and html --- stevens-college/index.html | 24 +++++++++++++++++++++++- stevens-college/styles.css | 31 ++++++++++++++++++++++++++++++- 2 files changed, 53 insertions(+), 2 deletions(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index 4884712..b7212f6 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -1 +1,23 @@ - + + + + + + Computer Software Engineering Technology + + + +

Computer Software Engineering Technology

+ Picture of a kitten +
+ 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 makes things possible. +
+ + diff --git a/stevens-college/styles.css b/stevens-college/styles.css index b9ad8b6..810b3d2 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -1 +1,30 @@ -/* Add your CSS here */ +body{ + background-color: #fafafa; +} + + + +h1 { + position: relative; + font-size: 7rem; + font-weight: 900; + text-transform: uppercase; +} + +img { + display: block; + margin: 0 auto; +} + +.menu { + display: flex; + justify-content: center; +} + +a { + color: white; + text-decoration: none; + background-color: darkred; + padding: 1rem 2rem; + margin: 1rem; +} From 416a472cb155fccf4e712511a4bd81396b73b802 Mon Sep 17 00:00:00 2001 From: Kevin Lueke Date: Thu, 26 Sep 2019 14:50:48 -0400 Subject: [PATCH 2/5] Modified css --- stevens-college/index.html | 20 +++++++++++--------- stevens-college/styles.css | 11 +++++++++-- 2 files changed, 20 insertions(+), 11 deletions(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index b7212f6..137efa6 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -7,17 +7,19 @@ -

Computer Software Engineering Technology

- Picture of a kitten -
- SCHEDULE - FACULTY - TOOL LIST -
-
+
+

Computer Software Engineering Technology

+ Picture of a kitten +
+ 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 makes things possible. -
+
+ diff --git a/stevens-college/styles.css b/stevens-college/styles.css index 810b3d2..e18c8f5 100644 --- a/stevens-college/styles.css +++ b/stevens-college/styles.css @@ -2,13 +2,16 @@ body{ background-color: #fafafa; } - +main { + width: 600px; +} h1 { position: relative; - font-size: 7rem; + font-size: 4rem; font-weight: 900; text-transform: uppercase; + margin: 0; } img { @@ -28,3 +31,7 @@ a { padding: 1rem 2rem; margin: 1rem; } + +article { + line-height: 1.25; +} From fb904003b3afd31ba3723d8b50a712bb81969026 Mon Sep 17 00:00:00 2001 From: Kevin Lueke Date: Thu, 26 Sep 2019 15:31:20 -0400 Subject: [PATCH 3/5] Changed a div tag to a nav tag --- stevens-college/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/stevens-college/index.html b/stevens-college/index.html index 137efa6..bdfc2ff 100644 --- a/stevens-college/index.html +++ b/stevens-college/index.html @@ -10,11 +10,11 @@

Computer Software Engineering Technology

Picture of a kitten -
+
+
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 From 101fb0d11bdd7630a496a665f61a7cfee4e2b548 Mon Sep 17 00:00:00 2001 From: Kevin Lueke Date: Tue, 1 Oct 2019 14:16:17 -0400 Subject: [PATCH 4/5] airbnb and instagram page edit --- airbnb/index.html | 38 ++++++++++++++++++++++++++++++++++- airbnb/styles.css | 47 +++++++++++++++++++++++++++++++++++++++++++- instagram/index.html | 27 +++++++++++++++++++++++++ instagram/styles.css | 30 +++++++++++++++++++++++++++- 4 files changed, 139 insertions(+), 3 deletions(-) diff --git a/airbnb/index.html b/airbnb/index.html index 4884712..067a51b 100644 --- a/airbnb/index.html +++ b/airbnb/index.html @@ -1 +1,37 @@ - + + + + + + Airbnb + + + +

Book unique homes and experiences.

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ Search +
+

Explore Airbnb

+
+ CatHomes + CatExperiences + CatRestraunts +
+
+ + diff --git a/airbnb/styles.css b/airbnb/styles.css index b9ad8b6..c791e13 100644 --- a/airbnb/styles.css +++ b/airbnb/styles.css @@ -1 +1,46 @@ -/* Add your CSS here */ +body { + padding: 10px 0; +} + +h1 { +color: white; +background-image: url(http://placekitten.com/600/1200); + +} + +section.form { + padding: 10px 0; + display: flex; + flex-direction: column; +} + +.checkinside { + display: flex; + flex-direction: column; + justify-content: space-around; + width: 50%; +} + +.checkin-out { + display: flex; + flex-direction: row; + justify-content: space-around; +} + +section.bottom { + display: flex; + flex-direction: column; +} + +.b1, .b2, .b3 { + border: 1px solid grey; +} + +a.search { + text-decoration: none; + background-color: red; + color: white; + padding: 10px 0; + display: flex; + justify-content: center; +} diff --git a/instagram/index.html b/instagram/index.html index 4884712..45412f4 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1 +1,28 @@ + + + + + Positioning Is Easy! + + + + + + + + + diff --git a/instagram/styles.css b/instagram/styles.css index b9ad8b6..f92b75b 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1 +1,29 @@ -/* Add your CSS here */ + +* { + box-sizing: content-box; +} +body { +width: 1000px; +} +h1 { + font-size: 2rem; + color: orange; +} + +p { + color: grey; +} +h2 { + border-bottom: 1px solid lightgrey; +} + +.bottom { + display: flex; + width: 600px; + flex-wrap: wrap; +} + +.selections { + width: 130px; + padding: 10px; +} \ No newline at end of file From c3e1f03c1abb784da780cde99bda8ade75be4bd7 Mon Sep 17 00:00:00 2001 From: Kevin Lueke Date: Tue, 1 Oct 2019 14:30:32 -0400 Subject: [PATCH 5/5] move amazon files to right directory --- amazon/index.html | 27 +++++++++++++++++++++++++++ amazon/styles.css | 30 +++++++++++++++++++++++++++++- instagram/index.html | 28 ---------------------------- instagram/styles.css | 29 ----------------------------- 4 files changed, 56 insertions(+), 58 deletions(-) diff --git a/amazon/index.html b/amazon/index.html index 4884712..45412f4 100644 --- a/amazon/index.html +++ b/amazon/index.html @@ -1 +1,28 @@ + + + + + Positioning Is Easy! + + + + + + + + + diff --git a/amazon/styles.css b/amazon/styles.css index b9ad8b6..f92b75b 100644 --- a/amazon/styles.css +++ b/amazon/styles.css @@ -1 +1,29 @@ -/* Add your CSS here */ + +* { + box-sizing: content-box; +} +body { +width: 1000px; +} +h1 { + font-size: 2rem; + color: orange; +} + +p { + color: grey; +} +h2 { + border-bottom: 1px solid lightgrey; +} + +.bottom { + display: flex; + width: 600px; + flex-wrap: wrap; +} + +.selections { + width: 130px; + padding: 10px; +} \ No newline at end of file diff --git a/instagram/index.html b/instagram/index.html index 45412f4..e69de29 100644 --- a/instagram/index.html +++ b/instagram/index.html @@ -1,28 +0,0 @@ - - - - - Positioning Is Easy! - - - - - - - - - - diff --git a/instagram/styles.css b/instagram/styles.css index f92b75b..e69de29 100644 --- a/instagram/styles.css +++ b/instagram/styles.css @@ -1,29 +0,0 @@ - -* { - box-sizing: content-box; -} -body { -width: 1000px; -} -h1 { - font-size: 2rem; - color: orange; -} - -p { - color: grey; -} -h2 { - border-bottom: 1px solid lightgrey; -} - -.bottom { - display: flex; - width: 600px; - flex-wrap: wrap; -} - -.selections { - width: 130px; - padding: 10px; -} \ No newline at end of file