From 2c412e32156499ae0e78a8ba9ec2af0866a74075 Mon Sep 17 00:00:00 2001 From: MojeedB Date: Wed, 6 Oct 2021 18:48:32 -0400 Subject: [PATCH] update --- css/styles.css | 75 +++++++++++++++++++++++++++++++++++++++++ index.html | 91 +++++++++++++++++++++++++++++++------------------- 2 files changed, 131 insertions(+), 35 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8b13789..3db8b33 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,76 @@ +* { + box-sizing: border-box; +} +body, html { + height: 100%; +} +.store-hero { + + + + + /* background-image: url(/img/milkbg.jpg); */ + /* height: 50%; + + background-position: center; + background-repeat: no-repeat; + background-size: cover; + position: relative; */ +} + +.store-name { + text-align: center; + color: white; + border: 1px solid red; + background-color: rgba(14, 13, 13, 0.664); + margin: 0 20%; + /* height: 50%; + width: 50; */ + /* position: relative; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); */ +} + +.the-cookies { + text-align: center; +} + +.cookie-image{ + border-radius: 50%; + max-width: 100%; + display: block; + margin: auto; +} + +.cookie-name { + text-align: center; +} + +.cookie-description { + text-align: center; +} + +.about-section { + text-align: center; + margin-top: 20px; + background-color: #cfcfcf; + +} + +.contact-info { + /* border: 1px solid red; */ + background-color: #518ce4; + padding: 20px 0px; + color: white; + /* margin: 20px; */ +} + +.align-contact { + text-align: center; +} + +.align-info { + text-align: center; +} \ No newline at end of file diff --git a/index.html b/index.html index e2bedec..d16f707 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,68 @@ + Cookie Store + + - - - -

Cookie Store

- -

Buy our awesome cookies. All proceeds go to charity!

-

The Cookies

- -

Thin Mint Cookies

-

Tasty mint chocolate cookies

- - -

Peanut Butter Cookies

-

Yummy peanut buttery goodness!

- + -

Short Bread Cookies

-

Santa's favorite classic.

- +
+ Store image +
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
+
-

Smore's Cookies

-

Camp fire favorite!

- +

The Cookies

+
+
+
+

Thin Mint Cookies

+

Tasty mint chocolate cookies

+ +
+
+

Peanut Butter Cookies

+

Yummy peanut buttery goodness!

+ +
+
+

Short Bread Cookies

+

Santa's favorite classic.

+ +
+
+

Smore's Cookies

+

Camp fire favorite!

+ +
+
+
-

About us

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

About us

+
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 +
+
- + + \ No newline at end of file