ryanboris
1/8/2019 - 6:02 PM
User Interface I: HTML Markup - Will Schulz
User Interface I: HTML Markup - Will Schulz
<!--
Step 1: Fork this pen so it's yours.
Step 2: Practice marking up this content using semantic HTML tags.
Remember that semantic markup provides meaning. Here are a few tags you could consider using:
<h1> through <h6>
<p>
<header>
<footer>
<nav>
<a>
<section>
<address>
Don't worry about CSS here, The goal is to markup the page in a semantic way.
Step 3: Once you're done marking the content up. Let your project manager know and send them a link to your codepen.
-->
<header><!-- company name -->
<h1>Sweet Eats Bakery</h1>
<nav>
<!-- Navigation -->
<a href="#">About</a>
<a href="#">Cookies</a>
<a href="#">Weddings</a>
<a href="#">Catering</a>
<a href="#">Contact</a>
</nav>
</header>
<section>
<!-- Marketing header -->
<h3>About Sweet Eats Bakery</h3>
<p>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.</p>
</section>
<body>
<section>
<!-- content -->
<h4>Cupcakes</h4>
<p>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.</p>
</section>
<section>
<h4>Cookies</h4>
<p>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.</p>
</section>
<section>
<h4>Catering</h4>
<p>Sweet jelly-o apple pie powder jelly beans. Pastry sweet roll cake jujubes halvah soufflé brownie. Toffee cookie lemon drops jelly beans chocolate bar. Wafer muffin jujubes danish tart danish chocolate wafer.</p>
</section>
</body>
<section>
<h4>Contact</h4>
<address>yum@sweeteatsbakery.com
</address>
<p>202-555-0144</p>
<p>4209 Bobcat Drive</p>
<p>Madison, WI, 48219</p>
</section>
<footer>
<!-- footer -->
<h2>Sweet Eats Bakery</h2>
<nav>
<a href="#">About</a>
<a href="#">Cookies</a>
<a href="#">Weddings</a>
<a href="#">Catering</a>
<a href="#">Contact</a>
</nav>
<address>Copyright Sweet Eats 2018</address>
</footer>