From 43c3c8da0b42b1e577952e2eedcf2aa911979cb9 Mon Sep 17 00:00:00 2001 From: Anaiz Alfonso Date: Wed, 5 Oct 2022 22:37:38 -0400 Subject: [PATCH] completed mvp --- index.css | 75 +++++++++++++--------------- index.html | 143 +++++++++++++++++++++++++++++------------------------ 2 files changed, 113 insertions(+), 105 deletions(-) diff --git a/index.css b/index.css index f949e66..598d9b3 100644 --- a/index.css +++ b/index.css @@ -1,48 +1,44 @@ -/*======= Create a new universal selector that changes the font color to: #3C373B */ - +*{ + color: #3C373B; + margin: 0; + padding: 0; +} h1 { font-family: 'Gaegu', cursive; - margin: 20px 0; - /*======= Update the font size to 60px and center the text */ + margin: 60px 0; font-size: 10px; + text-align: center; } h2, h3, h4, h5, h6 { font-family: 'Gaegu', cursive; margin-bottom: 0; padding: 0 10px; - /*======= Update the font size to 30px */ - font-size: 10px; + font-size: 30px; +} +p{ + font-size: 16px; + font-family: roboto; + padding: 10px; + line-height: 1.4; } -/*======= Create a selector for ALL p tags in the site to have the following styles: - -font-size: 16px; -font-family: roboto; -padding: 10px; -line-height: 1.4; - -*/ - - -/*======= Create a selector for ALL images in the site to have the following styles: - +img { border-radius: 10px; - -*/ +} .content-row { display: flex; } .content-row div { - /*======= create a margin propery. Set the value to 20px */ + margin: 20px; } .container { - /*======= create a width property. Set the value to 605px */ margin: 0 auto; + width: 605px; } .container header nav a { @@ -54,17 +50,18 @@ line-height: 1.4; color: white; text-decoration: none; margin-bottom: 20px; - /*======= create a background property. Set the value to #F87B99 */ + background: #F87B99 ; } .container header nav a:hover { -/*======= create a background property and set it to white. Then create a color property and set it's value to pink. */ + background-color: white; + color: pink; } - -/*======= Create a selector for the about section to have the following styles: +.about-section { margin-top: 20px; -*/ + +} .contact-section { border-top: 1px dashed black; @@ -75,10 +72,10 @@ line-height: 1.4; padding: 0; margin: 0 0 10px 0; } +.contact-section address{ + line-height: 2; +} -/*======= Create a selector for the address tag in the contact-section class to have the following styles: - line-height: 2; -*/ footer { width: 100%; @@ -88,8 +85,7 @@ footer { footer .footer-content { margin: 0 auto; - /*======= create a width property. Set the value to 600px */ - + width: 600px; } footer .footer-content h3 { @@ -100,23 +96,22 @@ footer .footer-content h3 { footer nav { display: flex; } - -/*======= Create a selector for the anchor tag in the footer to have the following styles: +.footer-content{ margin: 10px; color: black; text-decoration: underline; -*/ - +} footer nav a:first-child { margin-left: 0; } - -/*======= Create a hover state for the anchor tag in the footer nav to have the following styles: +.footer-content { color: white; -*/ +} + footer .footer-content .copyright { padding: 20px 0; - /*======= center the text here */ + text-align: center; + } diff --git a/index.html b/index.html index a48d8e5..59e0f95 100644 --- a/index.html +++ b/index.html @@ -1,72 +1,85 @@ - - - - - Sweet Eats Bakery - - - - - - Sweet Eats Bakery - - - About - Cookies - Celebrations - Catering - Contact - - - - - About Sweet Eats Bakery - - Marzipan jelly-o macaroon I love macaroon jujubes. Candy candy canes jujubes I love ice cream croissant. Lollipop - donut icing I love liquorice gummi bears marzipan. Dragée jelly beans apple pie cotton candy lemon drops pastry candy - powder. - - - - - Cookies - - Cookie soufflé dessert carrot cake fruitcake halvah pudding cake. Marzipan topping bear claw soufflé gingerbread - biscuit. Tiramisu gummi bears chocolate bar sugar plum icing muffin cake jelly-o icing. + + + + + Sweet Eats Bakery + - - Celebrations - - Candy apple pie lemon drops sweet roll danish. Tiramisu candy canes jelly-o jelly beans cotton candy pastry pudding - tootsie roll carrot cake. Dessert sesame snaps brownie lemon drops cookie donut dragée. Toffee pie fruitcake powder - gingerbread pudding. - - - Catering - - Sweet jelly-o apple pie powder jelly beans. Pastry sweet roll cake jujubes halvah soufflé brownie. Toffee cookie - lemondrops jelly beans chocolate bar. Wafer muffin jujubes danish tart danish chocolate wafer. - - Contact Us - - yum@sweeteatsbakery.com - 202-555-0144 - 4209 Bobcat Drive - Madison, WI, 48219 - - - Sweet Eats Bakery - - About - Cookies - Celebrations - Catering - Contact - - Copyright Sweet Eats 2018 + +

Sweet Eats Bakery

+
+ +
+ +
+

About Sweet Eats Bakery

+

Marzipan jelly-o macaroon I love macaroon jujubes. Candy candy canes jujubes I love ice cream croissant. Lollipop + donut icing I love liquorice gummi bears marzipan. Dragée jelly beans apple pie cotton candy lemon drops pastry candy + powder.

+
+
+
+ +
+
+

Cookies

+

Cookie soufflé dessert carrot cake fruitcake halvah pudding cake. Marzipan topping bear claw soufflé gingerbread + biscuit. Tiramisu gummi bears chocolate bar sugar plum icing muffin cake jelly-o icing.

+
+
+
+
+

Celebrations

+

Candy apple pie lemon drops sweet roll danish. Tiramisu candy canes jelly-o jelly beans cotton candy pastry pudding + tootsie roll carrot cake. Dessert sesame snaps brownie lemon drops cookie donut dragée. Toffee pie fruitcake powder + gingerbread pudding.

+
+
+ +
+
+
+
+ +
+

Catering

+

Sweet jelly-o apple pie powder jelly beans. Pastry sweet roll cake jujubes halvah soufflé brownie. Toffee cookie + lemondrops jelly beans chocolate bar. Wafer muffin jujubes danish tart danish chocolate wafer.

+
+
+
+

Contact Us

+
4209 Bobcat Drive
Madison, WI, 48219
+ yum@sweeteatsbakery.com
 + 202-555-0144
 +
+ \ No newline at end of file