From 24d842b91f46822d13774b9e9b31e8a7e7db7e4c Mon Sep 17 00:00:00 2001 From: Jshot117 Date: Wed, 4 Sep 2024 16:09:02 -0400 Subject: [PATCH] inperson wed commit --- alternating.html | 65 +++++++++++++++++++++++------------- css/styles.css | 44 +++++++++++++++++++++++- index.html | 87 +++++++++++++++++++++++++++++------------------- 3 files changed, 137 insertions(+), 59 deletions(-) diff --git a/alternating.html b/alternating.html index a3f5035..0047b88 100644 --- a/alternating.html +++ b/alternating.html @@ -1,30 +1,47 @@ - - - - Cookie Store - - -
-

Our Cookies

-

Checkout our latest and delicious cookies.

-

Mint Chocolate

-

Tasty mint chocolate cookies

- A single mint chocolate cookie + + + + Cookie Store + + -

Peanut Butter

-

Yummy peanut buttery goodness

- A single peanut butter cookie + +
+
+
+

Our Cookies

+

Checkout our latest and delicious cookies.

+
-

Oatmeal

-

Your fitness instructors favorite

- A single oatmeal cookie +
+

Mint Chocolate

+

Tasty mint chocolate cookies

+ A single mint chocolate cookie +
-

Chocolate Chip

-

Gooey chocolate you'll love

- A single chocolate chip 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 +
+ +
+ + + \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 3c3f2b6..ad175c3 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,43 @@ -/* Add custom css styles here */ + +.header-section { + height: 400px; + background-image: url("/images/coffee-biscuits.jpg"); + background-size: cover; + background-position: center; + display: flex; + justify-content: center; align-items: center; + text-align: center; + } + + .header-content { + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6); + } + + .header-content h1 { + font-size: 3em; + margin: 0; + } + + .header-content p { + font-size: 1.5em; + } + + .about-us-section { + background-color: #f8f9fa; + border-radius: 10px; + } + + .about-us-section h2 { + font-size: 2em; + margin-bottom: 20px; + } + + .about-us-section p { + font-size: 1.1em; + line-height: 1.6; + } + + .footer-section{ + background-color: rgb(57, 57, 253); + color: white; + } \ No newline at end of file diff --git a/index.html b/index.html index eae824d..41945c1 100644 --- a/index.html +++ b/index.html @@ -1,41 +1,58 @@ - - - - Cookie Store - - -
-

Cookie Store

-

Buy our awesome cookies. All proceeds go to charity!

-
-
-

Our Cookies

-

Checkout our latest and delicious cookies.

+ + + + Cookie Store + + + -

Mint Chocolate

-

Tasty mint chocolate cookies

- A single mint chocolate cookie + +
+
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
+
-

Peanut Butter

-

Yummy peanut buttery goodness

- A single peanut butter cookie +
+

Our Cookies

+

Checkout our latest and delicious cookies.

+
+
+

Mint Chocolate

+

Tasty mint chocolate cookies

+ A single mint chocolate cookie +
-

Oatmeal

-

Your fitness instructors favorite

- A single oatmeal cookie +
+

Peanut Butter

+

Yummy peanut buttery goodness

+ A single peanut butter cookie +
-

Chocolate Chip

-

Gooey chocolate you'll love

- A single chocolate chip cookie -
-
-

About us

+
+

Oatmeal

+

Your fitness instructors favorite

+ A single oatmeal cookie +
- illustrations of two people baking -
+
+

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 @@ -45,13 +62,15 @@

About us

mollit anim id est laborum.
-
+
+ - - + + + + \ No newline at end of file