diff --git a/css/styles.css b/css/styles.css index 8b13789..a1fe95b 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1 +1,113 @@ +* { + box-sizing: border-box; + font-family: 'Bonheur Royale'; +} +/* ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #333; +} + +li { + float: left; + border-right: .5px solid white; + color: white; + padding: 14px 16px; + text-decoration: none; +} + +li a { + display: block; + padding: 8px; +} */ + +.bar-white{ + color: white; +} + +ul{ + list-style-type: none; +} + +li{ + font-size: 1.5em; + float: left; + text-decoration: none; + margin-left: 0; +} + +.container-fluid img { + border-radius: 50%; +} + +#profile { + width: 100%; + height: 45em; +} + +.container { + position: relative; + text-align: center; + color: white; +} +.container-fluid h2{ + text-align: center; + padding: 2%; + font-size: 3em; +} + +.container-fluid{ + text-align: center; +} + +.centered { + color: white; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: rgba(0, 0, 0, 0.4); + padding: 2%; + font-size: 2em; + text-align: center; +} +.centered h1{ + font-size: 2.5em; +} + +.container-about img{ + float: left; +} + +.container-about{ + margin-top: 5%; + background-color: rgba(117, 109, 109, 0.4); + float: right; + padding: 5%; +} + +.container-about-txt{ + margin-left: 20%; + font-size: 1.5em; +} + +.container-about h2{ + font-size: 3em; + padding-bottom: 1%; + text-align: center; +} + +.container-contact-us{ + background-color: rgba(10, 183, 236, 0.863); + text-align: center; + font-size: 1.5em; + color: white; + padding: 2%; +} + +.col-md-3 img{ + margin-left: 15em; +} \ No newline at end of file diff --git a/index.html b/index.html index e2bedec..ab2f5cf 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,130 @@ + Cookie Store + + + + -

Cookie Store

+
+ +
+

Cookie Store

+

Buy our awesome cookies. All proceeds go to charity!

+
+
-

Buy our awesome cookies. All proceeds go to charity!

+ -

The Cookies

+
+

The Cookies

+
+
+

Thin Mint Cookies

+

Tasty mint chocolate cookies

+
+ +
-

Thin Mint Cookies

-

Tasty mint chocolate cookies

- +
+
+

Peanut Butter Cookies

+

Yummy peanut buttery goodness!

+
+
+
+
-

Peanut Butter Cookies

-

Yummy peanut buttery goodness!

- +
+
+

Short Bread Cookies

+

Santa's favorite classic.

+
+ +
-

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

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

Contact us

-
- 100 Broadway Avenue,
- New York, NY 10001
- (212) 555-1234 -
- + + \ No newline at end of file