Sweet 6 Donut is an online donut store which sells delicious homemade donuts to local customers. It’s a Surrey, BC based food business, so it provides food delivery or store pick-up. All-age customers are welcome. It has purchase features so customers can order online directly.
The website sell daily-made specialty donuts for local customers. The website also provide special made options for customers to choose such as vegan donut or non-dairy donuts.
Users will be able to browse the products they are interested in on the web page with a gallery style, then click “buy” button to add the item to the shopping cart(quantity updated). So they can finish purchase at “Checkout” page and type in purchase information. Lastly, a confirmation number will generate to customer so that they can track the purchase history. Users also be able to edit their order before submitting it.
.in_text_link
<a href="#" class="in_text_link">In Text Link</a>
label input
<label for="label1" id="form">Label1:</label>
<input type="text" id="label1" name="label_input">
a img
<a href="index.html">
<img src="image/donut2.jpeg" alt="pink_donut_picture">
</a>
h3 h4 h5 h6
<h3>Heading 3</h3>
p paragraph
<p id="paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam suscipit facilisis metus, vel venenatis augue malesuada in. Vestibulum id massa in nisi ultricies vehicula quis eu eros. Sed iaculis lectus erat, non congue erat ornare vel. Quisque dapibus gravida mauris ut mollis. Donec laoreet risus pellentesque mattis sodales. Vestibulum posuere pretium purus, vitae imperdiet eros suscipit vel. Donec feugiat a eros tincidunt faucibus. Curabitur tincidunt arcu nunc, in aliquet arcu congue quis. Suspendisse potenti. Integer congue elit tellus, ac suscipit diam ultricies eu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum fringilla nisi finibus orci luctus accumsan. In ligula enim, viverra a pulvinar sit amet, varius ullamcorper magna. Fusce leo tellus, hendrerit vel ullamcorper a, interdum vel enim. Aliquam congue laoreet diam elementum pellentesque.
ol li
<ol>
<li>Product 1</li>
<li>Product 2</li>
<li>Product 3</li>
</ol>
nav a
<nav><a href="#">Menu</a></nav>
a img
<a href="#"><img src="image/donut1.jpeg" alt="donut_picture1"></a>
form label input
<form>
<label for="label1" id="form">Label1:</label>
<input type="text" id="label1" name="label_input">
</form>