From 78943907a97decd1ccc6863a909a61be1f9ad605 Mon Sep 17 00:00:00 2001 From: Mujie Shen <111381442+MujiS8226@users.noreply.github.com> Date: Sat, 5 Oct 2024 21:08:03 -0400 Subject: [PATCH 1/2] Add files via upload --- alternating.html | 56 +++++++++++++++++++++--------- index.html | 89 +++++++++++++++++++++++++++++------------------- 2 files changed, 94 insertions(+), 51 deletions(-) diff --git a/alternating.html b/alternating.html index a3f5035..bc08a1d 100644 --- a/alternating.html +++ b/alternating.html @@ -3,28 +3,52 @@ + + 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 +
+
+
+

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/index.html b/index.html index eae824d..1dd8532 100644 --- a/index.html +++ b/index.html @@ -3,55 +3,74 @@ + + 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.

- -

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

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. +
+
+ 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 2db2cd4e9227e30c3d1b7de4ce7f944b3bf1d7d8 Mon Sep 17 00:00:00 2001 From: Mujie Shen <111381442+MujiS8226@users.noreply.github.com> Date: Sat, 5 Oct 2024 21:08:22 -0400 Subject: [PATCH 2/2] Add files via upload --- css/styles.css | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 89 insertions(+) diff --git a/css/styles.css b/css/styles.css index 3c3f2b6..14b97b4 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,90 @@ /* Add custom css styles here */ +body { + max-width: fit-content; + font-family: Arial, Helvetica, sans-serif; +} + +header { + height: 540px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + background-image: url("../images/coffee-biscuits.jpg"); + background-size: cover; + background-position: center; +} + +header .container { + width: auto; + margin-inline: auto; + background-color: rgba(30, 30, 30, 0.7); + color: white; + border-radius: 25px; + padding: 50px; +} + +header .container h1 { + font-size: 4em; + font-weight: lighter; +} + +header .container p { + font-size: 1.8em; + font-weight: lighter; + letter-spacing: 0.5px; +} + +main { + text-align: center; + padding: 50px; +} + +.container { + margin: 40px auto; + vertical-align: middle; +} + +p { + font-size: 1.4em; + vertical-align: middle; + letter-spacing: 0.5px; +} + +main h2 { + font-size: 3.2em; + margin-bottom: 10px; +} + +main h3 { + font-size: 2.5em; + margin-bottom: 10px; +} + +.aboutus { + color: black; + background-color:rgb(250, 250, 250); + padding: 50px; +} + +.aboutus h2, footer h2 { + text-align: center; + font-size: 2.8em; + margin-bottom: 20px; +} + +footer { + height: 300px; + text-align: center; + display: flex; + justify-content: center; + align-items: center; + background-color: rgb(64, 112, 255); + padding: 50px; +} + +footer .container { + max-width: 400px; + margin-inline: auto; + color: white; +} \ No newline at end of file