From a883b6e24978947b7578af2e4dbc273ca524206e Mon Sep 17 00:00:00 2001 From: Kevin Orta Date: Tue, 3 Sep 2024 22:01:26 -0400 Subject: [PATCH 1/3] part 1 --- css/styles.css | 21 +++++++ index.html | 157 ++++++++++++++++++++++++++++++++----------------- 2 files changed, 123 insertions(+), 55 deletions(-) diff --git a/css/styles.css b/css/styles.css index 3c3f2b6..aef8ac7 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,22 @@ /* Add custom css styles here */ +header{ + height:400px; + text-align:center; + background-image: url('../images/coffee-biscuits.jpg'); + background-size:cover; +} +.headerContent{ + color:white; + padding:25px; + border-radius: 20px; + background: rgb(0 0 0 / 50%); +} +.headerContent p { + font-weight: lighter; + color: lightgray; +} +.center-content{ + display: flex; + justify-content: center; + align-items: center; +} \ No newline at end of file diff --git a/index.html b/index.html index eae824d..86d0ec0 100644 --- a/index.html +++ b/index.html @@ -1,57 +1,104 @@ - - - - Cookie Store - - -
-

Cookie Store

-

Buy our awesome cookies. All proceeds go to charity!

-
- -
-

Our Cookies

-

Checkout our latest and delicious cookies.

- -

Mint Chocolate

-

Tasty mint chocolate cookies

- A single mint chocolate cookie - -

Peanut Butter

-

Yummy peanut buttery goodness

- A single peanut butter cookie - -

Oatmeal

-

Your fitness instructors favorite

- A single oatmeal cookie - -

Chocolate Chip

-

Gooey chocolate you'll love

- A single chocolate chip cookie -
-
-

About us

- - illustrations of two people baking -
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim - veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea - commodo consequat. Duis aute irure dolor in reprehenderit in voluptate - velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint - occaecat cupidatat non proident, sunt in culpa qui officia deserunt - mollit anim id est laborum. -
-
- - - + + + + Cookie Store + + + + + +
+
+

Cookie Store

+ +

Buy our awesome cookies. All proceeds go to charity!

+ +
+
+ +
+

Our Cookies

+

Checkout our latest and delicious cookies.

+
+
+
+
+

Mint Chocolate

+

Tasty mint chocolate cookies

+
+
+ A single mint chocolate cookie +
+
+ +
+
+

Peanut Butter

+

Yummy peanut buttery goodness

+ A single peanut butter cookie +
+
+

Oatmeal

+

Your fitness instructors favorite

+ A single oatmeal cookie +
+
+

Chocolate Chip

+

Gooey chocolate you'll love

+ A single chocolate chip cookie +
+
+ +
+
+
+

About us

+ +
+
+
+ illustrations of two people baking +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis + nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu + fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum. +
+
+ +
+ + + \ No newline at end of file From 5ac5545de0344e8d72f1027a4e63e3fe46d1445f Mon Sep 17 00:00:00 2001 From: Kevin Orta Date: Tue, 3 Sep 2024 23:55:47 -0400 Subject: [PATCH 2/3] part 2 --- css/styles.css | 33 +++++++++++++++++++++++++++++++++ index.html | 34 ++++++++++++++++++++-------------- 2 files changed, 53 insertions(+), 14 deletions(-) diff --git a/css/styles.css b/css/styles.css index aef8ac7..b4df1fe 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,4 +1,8 @@ /* Add custom css styles here */ +*{ + margin:0; + padding:0; +} header{ height:400px; text-align:center; @@ -19,4 +23,33 @@ header{ display: flex; justify-content: center; align-items: center; +} +.about{ + margin-top:10%; + background-color: #F8F9FA; + padding:2em; +} + +.about-content div{ + /* height:auto; */ + /* max-height: 300px; */ + /* width:100%; */ + /* padding-top:2em; */ +} + +.about img{ + /* padding:20px; */ + max-height:150px; + width:auto; +} + +.about-text{ + /* background-color: #056DFD; */ + /* padding:0 10px; */ +} +footer{ + background-color: #056DFD; + text-align: center; + color:white; + padding: 2em; } \ No newline at end of file diff --git a/index.html b/index.html index 86d0ec0..e770006 100644 --- a/index.html +++ b/index.html @@ -68,25 +68,31 @@

Chocolate Chip

-
+

About us

-
-
- illustrations of two people baking +
+
+ + illustrations of two people baking + +
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor - incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis - nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. - Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu - fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in - culpa qui officia deserunt mollit anim id est laborum. +
+
+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis + nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu + fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum. +
+
From fecb8eba69ed01ace68cf399fdb19c7402a115fe Mon Sep 17 00:00:00 2001 From: Kevin Orta Date: Wed, 4 Sep 2024 16:48:34 -0400 Subject: [PATCH 3/3] alternating --- alternating.html | 90 +++++++++++++++++++++++++++++++++++------------- 1 file changed, 67 insertions(+), 23 deletions(-) diff --git a/alternating.html b/alternating.html index a3f5035..c1f4c42 100644 --- a/alternating.html +++ b/alternating.html @@ -1,30 +1,74 @@ - - - - Cookie Store - - -
-

Our Cookies

-

Checkout our latest and delicious cookies.

+ + + + Cookie Store + + + + +
+

Our Cookies

+

Checkout our latest and delicious cookies.

-

Mint Chocolate

-

Tasty mint chocolate cookies

- A single mint chocolate cookie +
+
+

Mint Chocolate

+

Tasty mint chocolate cookies

+
+
+ A single mint chocolate cookie +
+
-

Peanut Butter

-

Yummy peanut buttery goodness

- A single peanut butter cookie +
+
+

Peanut Butter

+

Yummy peanut buttery goodness

+
+
+ A single peanut butter cookie +
-

Oatmeal

-

Your fitness instructors favorite

- A single oatmeal cookie +
+
+
+

Oatmeal

+

Your fitness instructors favorite

+
+
+ A single oatmeal cookie +
-

Chocolate Chip

-

Gooey chocolate you'll love

- A single chocolate chip cookie +
+
+
+

Chocolate Chip

+

Gooey chocolate you'll love

+
+
+ A single chocolate chip cookie +
+ +
+
- - + + \ No newline at end of file