From a2ade5405c3523a0c0f92310c4561999b8f3c8fd Mon Sep 17 00:00:00 2001 From: ShaniyaS13 <57805735+ShaniyaS13@users.noreply.github.com> Date: Thu, 16 Sep 2021 17:30:51 -0400 Subject: [PATCH] Add files via upload --- index.html | 91 +++++++++++++++++++++++++++++++++++++++++++----------- styles.css | 81 ++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 154 insertions(+), 18 deletions(-) create mode 100644 styles.css diff --git a/index.html b/index.html index e2bedec..a1a96ed 100644 --- a/index.html +++ b/index.html @@ -2,17 +2,66 @@ Cookie Store + + + + + + -

Cookie Store

+
+
-

Buy our awesome cookies. All proceeds go to charity!

+
+
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
+

The Cookies

-

Thin Mint 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. +
+ + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..c326b5a --- /dev/null +++ b/styles.css @@ -0,0 +1,81 @@ +body{ + font-family:'Noto Sans'; + +} + +.header{ + background-image: url("../img/milkbg.jpg"); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + text-align: center; + +} +/*.menu{ + display: flex; + justify-content: space-between; +}*/ +.idx{ + border-left: 1px solid white; + padding: 2px 1%; +} +.cookie{ + display: inline-block; + background: rgba(0, 0, 0, 0.6); + padding: 120px 40px; + margin-top: 50px; + margin-right: 5%; + color: white; +} +.cookie h1{ + font-size: 5em; +} + +.cookie p{ + font-size: 1.5em; +} +h2{ + text-align: center; + font-size: 300%; +} +.content img{ + border-radius: 50%; +} +.content { + text-align: center; + width: 99% +} +.content h3 { + font-size: 200%; +} +.newlogo{ + background: rgb(204, 41, 0); + width: 15%; + margin-left: 42%; + color: white; + font-weight: bold; + border-radius: 10%; +} +.aboutus{ + background: rgb(217, 217, 217); + font-size: 130%; + display: inline-block; +} +.aboutus h2{ + text-align: center; + font-size: 200%;; +} +.aboutus img{ + float: left; +} +.contact{ + background: rgb(0, 184, 230); + text-align: center; + color: white; +} +.contact p{ + font-size: 200%; +} +.contact h2{ + font-size: 2em; +}