From 4f599b5dc3df4bc5de4739008313ddedf9ae57a4 Mon Sep 17 00:00:00 2001 From: Allimonae <128328789+Allimonae@users.noreply.github.com> Date: Mon, 9 Sep 2024 00:39:41 -0400 Subject: [PATCH] done with css --- alternating.html | 73 ++++++++++++++++++++++++++++++++++------------ css/styles.css | 76 ++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 57 ------------------------------------ 3 files changed, 131 insertions(+), 75 deletions(-) delete mode 100644 index.html diff --git a/alternating.html b/alternating.html index a3f5035..e285d18 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 - -

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

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

+ +

Our bakery is a labor of love, born from a desire to share the simple pleasure of a well-made cookie with our community. Our talented bakers experiment with flavors, textures, and ingredients to offer a diverse selection that caters to every palate. From our classic chocolate chip and gooey caramel creations to our innovative seasonal specials, there’s always something new to try at Sweet Temptations.

+
+
+

Contact Us

+

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

+
+ diff --git a/css/styles.css b/css/styles.css index 3c3f2b6..16ef5a8 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,77 @@ /* Add custom css styles here */ +header { + background-image: url('../images/coffee-biscuits.jpg'); + background-size: cover; + background-position: center; + height: 600px; + display: flex; + align-items: center; + justify-content: center; +} +.title { + text-align: center; + background-color: black; + color: white; + opacity: 50%; + padding: 20px; + height: 30%; + width: 60%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + border-radius: 20px; + font-family: 'Montserrat', sans-serif; +} +.store { + height: 70%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + overflow: auto; + padding: 40px; +} +.store-title { + text-align: center; +} +.cookie-image { + border-radius: 50%; +} +.about-us { + background-color: aliceblue; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 300px; +} +.about-us-title { + text-align: center; + position: absolute; + margin-bottom: 150px; +} +.about-us-img { + position: absolute; + left: 5%; + width: 150px; + border-radius: 50%; + height: 35%; +} +.about-us-text { + text-align: left; + left: 200px + 5%; + position: absolute; + width: 75%; + right: 5%; +} +.contact { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + height: 35%; + overflow: auto; + background-color: blue; + color: white; +} \ No newline at end of file diff --git a/index.html b/index.html deleted file mode 100644 index eae824d..0000000 --- a/index.html +++ /dev/null @@ -1,57 +0,0 @@ - - - - - - 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. -
-
- - -