<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="The premier bakery in Webster, MA, serving breakfast, lunch, and dinner in its Tea Room. Open M-Su.">
<meta name="keywords" content="bakery, catering, wedding, cakes, tea room">
<meta name="author" content="Marcia Wendorf">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exercise #5 - CSS Selectors</title>
<style>
body {
font-family:"Times New Roman", Times, serif;
width:96%;
margin:0 auto;
}
hgroup {
font-family:cursive;
font-size:1.2em;
color:#01615D;
text-shadow:4px 4px 6px #A8A8A8;
}
header p {
font-variant:small-caps;
font-size:1em;
letter-spacing:0.25em;
color:#FF810C;
font-weight:bold;
}
nav {
color:#01615D;
}
.deliver {
font-family:sans-serif;
color:#01615D;
text-shadow:4px 4px 5px #A8A8A8;
}
#delivery-services {
color:#FF810C;
font-weight:bold;
}
.call {
color:#01615D;
}
#call-spanish {
color:#01615D;
text-transform:capitalize;
}
article > p {
padding-left: 50px;
text-indent: -50px;
}
#press {
text-transform:uppercase;
color:#01625D;
font-size:1.2em;
font-weight:bold;
font-family:cursive;
text-shadow:4px 4px 6px #A8A8A8;
}
blockquote {
text-align:center;
width:60%;
color:#9019FF;
}
summary {
font-family:sans-serif;
font-variant:small-caps;
letter-spacing:0.25em;
font-weight:bold;
color:#01615D;
}
dfn {
color:#01615D;
font-weight:bold;
}
.spring-fling {
text-align:right;
font-variant:small-caps;
letter-spacing:0.25em;
font-weight:bold;
color:#FF810C;
font-family:sans-serif;
}
footer {
font-size:.8em;
text-align:center;
}
</style>
</head>
<body>
<header>
<hgroup>
<h1>The Sea Fairy Bakery</h1>
<h3>Webster's Premier Bakery</h3>
</hgroup>
<p>1234 Main Street<br>
Webster, MA 01570<br>
507-555-1212<br>
Open daily 7:00 a.m. - 10:00 p.m.<br>
Sunday till <mark>6:00 p.m.</mark>
</p>
</header>
<nav>
Home<br>
Desserts<br>
Breads<br>
Gatherings<br>
Tea Room<br>
About Us<br>
</nav>
<main>
<p>The Sea Fairy Bakery is a <i>full-service, family-owned bakery and
restaurant</i> that has been bringing smiles to customers' faces for over seven
years. We offer a wide selection of <b>made-from-scratch</b> desserts throughout
the day, starting at 7:00 a.m. Our famous Tea Room features a variety of daily
specials, including soups and sandwiches.
</p>
<section>
<p class="deliver">We Deliver!</p>
<p id="delivery-services">Postmates<br>
GrubHub<br>
DoorDash</p>
<p class="call">Call us at (508) 555-1212</p>
<p id="call-spanish">nosotros hablamos español.</p>
</section>
<article>
<p><span id="press">Press</span> Here's what Nate Kahn of the <cite>Webster City
News</cite> had to say about this year's Sea Fairy Winter Carnival:</p>
<blockquote>
"... it is the bakery's delicious treats that thrilled both young and old.
From light-as-air cinnamon rolls to blueberry scones, to the Winter special
Sachertorte, there was something for everyone.”
</blockquote>
</article>
<aside>
<details>
<summary>Spring Specials</summary>
Enjoy our <dfn>Spritzkuchen</dfn>, a German fried partry that is similar to a
doughnut.
</details>
<div class="spring-fling">2023 Spring Fling<br>
Saturday, June 24<sup>th</sup>, 2023<br>
6:00 p.m. - <del>midnight</del> <ins>2:00 a.m.</ins><br>
Call us for more information.
</div>
</aside>
<footer>
<p>Copyright © 2024 Sea Fairy Bakery<br>
For additional information, contact: Lola Smith</p>
</footer>
</main>
</body>
</html>