From f0d0de14c1d04cc9f0cdda3d5793e609c494a51f Mon Sep 17 00:00:00 2001 From: Ahnaf Ahmed <61428434+AhnafAhmed13@users.noreply.github.com> Date: Wed, 28 Aug 2024 20:17:41 -0400 Subject: [PATCH 1/6] Add CSS and Bootstrap links to head --- index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/index.html b/index.html index eae824d..daf37c2 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,8 @@ + + Cookie Store From ff8be9a617fa9ea5d36a120f4e7b736313d2f373 Mon Sep 17 00:00:00 2001 From: Ahnaf Ahmed <61428434+AhnafAhmed13@users.noreply.github.com> Date: Wed, 4 Sep 2024 08:26:50 -0400 Subject: [PATCH 2/6] Add default rows and cols --- index.html | 97 ++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 62 insertions(+), 35 deletions(-) diff --git a/index.html b/index.html index daf37c2..577fb08 100644 --- a/index.html +++ b/index.html @@ -14,45 +14,72 @@

Cookie Store

-

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

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

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

Contact us

-
- 100 Broadway Avenue,
- New York, NY 10001
- (212) 555-1234 +
+
+
+

Contact us

+
+
+
+
+ 100 Broadway Avenue,
+ New York, NY 10001
+ (212) 555-1234 +
+
From e4e4afb4df49c7fc8303a00666064a80a4509089 Mon Sep 17 00:00:00 2001 From: Ahnaf Ahmed <61428434+AhnafAhmed13@users.noreply.github.com> Date: Wed, 4 Sep 2024 08:38:08 -0400 Subject: [PATCH 3/6] Add images rounded-circle class --- index.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/index.html b/index.html index 577fb08..663698f 100644 --- a/index.html +++ b/index.html @@ -25,22 +25,22 @@

Our Cookies

Mint Chocolate

Tasty mint chocolate cookies

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

Peanut Butter

Yummy peanut buttery goodness

- A single peanut butter cookie + A single peanut butter cookie

Oatmeal

Your fitness instructors favorite

- A single oatmeal cookie + A single oatmeal cookie

Chocolate Chip

Gooey chocolate you'll love

- A single chocolate chip cookie + A single chocolate chip cookie
@@ -53,7 +53,7 @@

About us

- illustrations of two people baking + illustrations of two people baking
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod From bda10284d351e472bd54e9b6bc0f773cdb14055f Mon Sep 17 00:00:00 2001 From: Ahnaf Ahmed <61428434+AhnafAhmed13@users.noreply.github.com> Date: Wed, 4 Sep 2024 16:03:11 -0400 Subject: [PATCH 4/6] Add bg image and colors --- css/styles.css | 32 ++++++++++++++++++++++++++++++++ index.html | 48 ++++++++++++++++++++++++++++-------------------- 2 files changed, 60 insertions(+), 20 deletions(-) diff --git a/css/styles.css b/css/styles.css index 3c3f2b6..7d0fd26 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,33 @@ /* Add custom css styles here */ + + +header { + background-image: url("../images/coffee-biscuits.jpg"); + background-repeat: no-repeat; + background-size: cover; + color: white; + min-height: 300px; + display: flex; + justify-content: center; +} + +#title { + background: #00000090; + display: flex; + justify-content: center; + align-items: center; +} + +#about { + background-color: #0000000c; + width: 100%; +} + +footer { + color: white; + background-color:#046EFD; +} + +#lorem { + text-align: left; +} \ No newline at end of file diff --git a/index.html b/index.html index 663698f..f193a64 100644 --- a/index.html +++ b/index.html @@ -9,8 +9,14 @@
-

Cookie Store

-

Buy our awesome cookies. All proceeds go to charity!

+
+
+
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
+
+
@@ -21,7 +27,7 @@

Our Cookies

Checkout our latest and delicious cookies.

-
+

Mint Chocolate

Tasty mint chocolate cookies

@@ -45,24 +51,26 @@

Chocolate Chip

-
-
-
-

About us

-
-
-
-
- illustrations of two people baking +
+
+
+
+

About us

+
-
- 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. +
+
+ 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. +
From 26219f697480c5106ed0a9f3db79bc7aa47e845e Mon Sep 17 00:00:00 2001 From: Ahnaf Ahmed <61428434+AhnafAhmed13@users.noreply.github.com> Date: Wed, 4 Sep 2024 16:37:46 -0400 Subject: [PATCH 5/6] Modify alternating --- alternating.html | 63 ++++++++++++++++++++++++++++++++++-------------- css/styles.css | 8 +++--- index.html | 2 +- 3 files changed, 49 insertions(+), 24 deletions(-) diff --git a/alternating.html b/alternating.html index a3f5035..fc14a0b 100644 --- a/alternating.html +++ b/alternating.html @@ -3,28 +3,55 @@ + Cookie Store
-

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

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 +
+
+
diff --git a/css/styles.css b/css/styles.css index 7d0fd26..6713385 100644 --- a/css/styles.css +++ b/css/styles.css @@ -2,20 +2,18 @@ header { + color: white; background-image: url("../images/coffee-biscuits.jpg"); background-repeat: no-repeat; background-size: cover; - color: white; - min-height: 300px; display: flex; justify-content: center; } #title { + min-height: 200px; background: #00000090; - display: flex; - justify-content: center; - align-items: center; + margin: 100px; } #about { diff --git a/index.html b/index.html index f193a64..b3cc727 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@
-
+

Cookie Store

Buy our awesome cookies. All proceeds go to charity!

From cc7a0247acea20632ce29652528b736839a65f43 Mon Sep 17 00:00:00 2001 From: Ahnaf Ahmed <61428434+AhnafAhmed13@users.noreply.github.com> Date: Wed, 4 Sep 2024 16:46:08 -0400 Subject: [PATCH 6/6] Fix sizes --- alternating.html | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/alternating.html b/alternating.html index fc14a0b..19bfc78 100644 --- a/alternating.html +++ b/alternating.html @@ -15,39 +15,39 @@

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