diff --git a/index.css b/index.css index f949e66..bf89d3c 100644 --- a/index.css +++ b/index.css @@ -1,11 +1,14 @@ /*======= Create a new universal selector that changes the font color to: #3C373B */ - +* { + color: #3C373B; +} h1 { font-family: 'Gaegu', cursive; margin: 20px 0; /*======= Update the font size to 60px and center the text */ - font-size: 10px; + font-size: 60px; + text-align: center; } h2, h3, h4, h5, h6 { @@ -13,7 +16,7 @@ h2, h3, h4, h5, h6 { margin-bottom: 0; padding: 0 10px; /*======= Update the font size to 30px */ - font-size: 10px; + font-size: 30px; } /*======= Create a selector for ALL p tags in the site to have the following styles: @@ -24,13 +27,21 @@ padding: 10px; line-height: 1.4; */ - +p { + font-size: 16; + font-family: roboto; + padding: 10px; + line-height: 1.4; +} /*======= Create a selector for ALL images in the site to have the following styles: border-radius: 10px; */ +img { + border-radius: 10px; +} .content-row { display: flex; @@ -38,10 +49,12 @@ line-height: 1.4; .content-row div { /*======= create a margin propery. Set the value to 20px */ + margin: 20px; } .container { /*======= create a width property. Set the value to 605px */ + width: 605px; margin: 0 auto; } @@ -55,11 +68,14 @@ line-height: 1.4; text-decoration: none; margin-bottom: 20px; /*======= create a background property. Set the value to #F87B99 */ + background-color: #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: @@ -69,6 +85,7 @@ line-height: 1.4; .contact-section { border-top: 1px dashed black; padding: 20px 0; + margin-top: 20px; } .contact-section h2 { @@ -86,9 +103,14 @@ footer { border-top: 1px dashed white; } +address { + line-height: 2; +} + footer .footer-content { margin: 0 auto; /*======= create a width property. Set the value to 600px */ + width: 600px; } @@ -106,7 +128,11 @@ footer nav { color: black; text-decoration: underline; */ - +footer a { + margin: 10px; + color: black; + text-decoration: underline; +} footer nav a:first-child { margin-left: 0; @@ -115,8 +141,11 @@ footer nav a:first-child { /*======= Create a hover state for the anchor tag in the footer nav to have the following styles: color: white; */ - +footer nav a:hover { + 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 25f7171..1f387c5 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ + Sweet Eats Bakery @@ -11,62 +12,97 @@ - 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. - - - Celebrations - - Candy apple pie lemon drops sweet roll danish. Tiramisu candy canes jelly-o jelly beans cotton candy pastry pudding +
+
+ + + +

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 - + 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 + \ No newline at end of file