From ec54d493d1535bb05504e51aa6a590d61a7483d7 Mon Sep 17 00:00:00 2001 From: Ayse Dav Date: Thu, 16 Sep 2021 22:19:54 -0400 Subject: [PATCH] I put the cookies side by side and made the images from rectangle to circle --- css/styles.css | 22 ++++++++++++++++ index.html | 70 ++++++++++++++++++++++++++++++++++++++++++-------- 2 files changed, 82 insertions(+), 10 deletions(-) diff --git a/css/styles.css b/css/styles.css index 8b13789..fd2662d 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,23 @@ +.container { + position: relative; +} +/* Bottom right text */ +.text-block { + + position: absolute; + bottom: 20px; + right: 20px; + background-color: black; + color: white; + padding-left: 20px; + padding-right: 20px; +Opacity: 40%; +} +Img{ +Border-radius: 50%; +} +.responsive{ +Border-radius: 80%; +Background-color: black; +} \ No newline at end of file diff --git a/index.html b/index.html index e2bedec..44de447 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,97 @@ + + + Cookie Store - - + -

Cookie Store

+ -

Buy our awesome cookies. All proceeds go to charity!

+ + +
+ Milk +
+

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.

+ +
+

Smore's Cookies

+

Camp fire favorite!

- -

About us

-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod +Smores +
+
+
+
+ +

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

-
+
+

Contact us

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