From e9747e3b5108ed9445fdcfa027d91ee774e1d110 Mon Sep 17 00:00:00 2001 From: justinyc1 Date: Tue, 17 Sep 2024 17:51:10 -0400 Subject: [PATCH 1/4] back up --- alternating.html | 45 ++++++++++++++++++++--------- css/styles.css | 53 +++++++++++++++++++++++++++++++++++ index.html | 73 ++++++++++++++++++++++++++++++++---------------- 3 files changed, 134 insertions(+), 37 deletions(-) diff --git a/alternating.html b/alternating.html index a3f5035..d97e18b 100644 --- a/alternating.html +++ b/alternating.html @@ -5,26 +5,45 @@ 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 +
+ + + +
+
-

Chocolate Chip

-

Gooey chocolate you'll love

- A single chocolate chip cookie
diff --git a/css/styles.css b/css/styles.css index 3c3f2b6..6c11443 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,54 @@ /* Add custom css styles here */ +body.center { + text-align: center; +} + +main { + margin: 50px auto; +} + +header { + height: 400px; + background-size: cover; + background-image: url('./../images/coffee-biscuits.jpg'); + +} + +.in-header { + background-color: rgba(0, 0, 0, 50%); + border-radius: 20px; + color: rgb(200, 200, 200); + display: inline-block; + padding: 10px; + margin-top: 125px; +} + +.in-header h1 { + font-weight: 350; +} + +.in-header p { + font-size: 20px; + font-weight: 350; +} + +.img-fluid { + border-radius: 100%; +} + +.about-us { + background-color: rgb(240, 240, 240); + padding: 30px; +} + +.baker { + height: 100px; + float: left; + border-radius: 100%; +} + +footer { + background-color: rgb(60, 112, 255); + padding: 40px; + color: white; +} \ No newline at end of file diff --git a/index.html b/index.html index eae824d..9cef95e 100644 --- a/index.html +++ b/index.html @@ -4,37 +4,51 @@ 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 +
+
+
+

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

Chocolate Chip

-

Gooey chocolate you'll love

- A single chocolate chip cookie
-
+

About us

- illustrations of two people baking + 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 @@ -46,11 +60,22 @@

About us

-

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 16c1c723cffa46c7432ba3285cdec594dd9a3e36 Mon Sep 17 00:00:00 2001 From: justinyc1 Date: Fri, 20 Sep 2024 20:58:19 -0400 Subject: [PATCH 2/4] styling adjustments to index.html and alternating.html --- alternating.html | 62 +++++++++++++++++++++++++++++------------------- index.html | 41 +++++++++++++++++++------------- 2 files changed, 63 insertions(+), 40 deletions(-) diff --git a/alternating.html b/alternating.html index d97e18b..fbe7276 100644 --- a/alternating.html +++ b/alternating.html @@ -4,44 +4,58 @@ Cookie Store + - +
-

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 -
- - - +
+
+ A single chocolate chip cookie +
+
diff --git a/index.html b/index.html index 9cef95e..0b2f85b 100644 --- a/index.html +++ b/index.html @@ -7,17 +7,19 @@ - -
-
+ +
+

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.

+
@@ -45,20 +47,27 @@

Chocolate Chip

-
-

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