From 787bdc3e2c08135878189c1d215f19006b49ae2a Mon Sep 17 00:00:00 2001 From: ravimultani38 Date: Wed, 4 Sep 2024 17:50:20 -0400 Subject: [PATCH] first hw completed --- alternating.html | 63 ++++++++++++++++++++++++++------- css/styles.css | 12 +++++++ index.html | 91 ++++++++++++++++++++++++++++++++---------------- 3 files changed, 123 insertions(+), 43 deletions(-) diff --git a/alternating.html b/alternating.html index a3f5035..b4f89cf 100644 --- a/alternating.html +++ b/alternating.html @@ -4,27 +4,64 @@ 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 instructor's 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 +
+
+ + + diff --git a/css/styles.css b/css/styles.css index 3c3f2b6..a5bf536 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,13 @@ /* Add custom css styles here */ +.transparent-bg { + background-color: rgba(200, 200, 200, 0.7); + } + + .rounded-3 { + border-radius: 1rem; + } + + .p-3 { + padding: 1rem; + } + \ No newline at end of file diff --git a/index.html b/index.html index eae824d..c786646 100644 --- a/index.html +++ b/index.html @@ -4,48 +4,73 @@ Cookie Store + + + + + -
-

Cookie Store

-

Buy our awesome cookies. All proceeds go to charity!

+ +
+
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
-
-

Our Cookies

-

Checkout our latest and delicious cookies.

+ +
+

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

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.

+
-