diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 0000000..ca055ea --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,18 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + + + + { + "type": "pwa-chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8000", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 8b13789..654e54a 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,69 @@ +.header-content { + margin-bottom: 70px; + position:relative; +} +.innerbox { + background-color: black; + text-align: center; + opacity: 0.7; + height: 30%; + width: 35%; + min-height: 205px; + min-width: 150px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + position: absolute; + border-radius: 5px; + padding-top: 5%; +} +.The-Cookies{ + text-align: center; + padding-bottom: 10px; +} +.Title { + text-align: center; +} +.Buy { + text-align: center; +} + + + .wrapper { + max-width:2560px; + margin:0 auto; + } + +.ContactUs{ + height:200px; + + background-color:#2596be; +} +.ContactUsTitle{ + padding-top:20px; +} +/* .Paragraph{ } */ +.AboutUs { + height:240px; + background-color:lightgray; +} + +.AboutUsTitle{ + padding-top:10px; +} + +@media only screen and (max-width: 992px) { +.order { +margin: 10px; +padding: 10px; +flex-direction: row; +display: flex; +} +.item1 { +order: 2; +} +.item2 { +order: 1; +} +} diff --git a/index.html b/index.html index e2bedec..6b6e7dd 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,118 @@ + + Cookie Store + + +
+
+
+ + card image +
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
+
+
+
+ + + +
+

The Cookies

+ +
+ +
+
+

Thin Mint Cookies new

+

Tasty mint chocolate cookies

+
+
+ +
+
-

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.

- +
+
+

Peanut Butter Cookies

+

Yummy peanut buttery goodness!

+
+
+ +
+
+ +
+
+

Short Bread Cookies

+

Santa's favorite classic.

+
+
+ +
+
-

Smore's Cookies

-

Camp fire favorite!

- +
+
+

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