forked from itscodenation/int-u2l4-23-24-student-exercises
-
Notifications
You must be signed in to change notification settings - Fork 0
/
code-solo.html
59 lines (49 loc) · 2.52 KB
/
code-solo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
<title>Code Solo</title>
<style>
/* 1. Yeck, the image is way too big. Select the image's class name and adjust the width to a reasonable size. */
/* 2. Select the body tag and change: the background color to your favorite color and the font color to one that works well with the background. */
/* 3. Change the background color for the paragraph tags to whatever color you like. */
/* 4. Choose one more html element to change on your page. Change it however you want. */
/* 5. Spicy Task: see if you can align the h1 header to the center of the page. */
</style>
</head>
<body>
<div class="navbar">
<a href="index.html">Do Now</a>
<a href="code-along.html">Code Along</a>
<a href="code-solo.html">Code Solo</a>
</div>
<div class="container">
<h1>Welcome to the World of Popcorn!</h1>
<img src="https://nomoneynotime.com.au/uploads/recipes/Quick-Easy-popcorn.jpg" alt="A bowl of popcorn" class="image">
<h2>About Popcorn</h2>
<p>Popcorn is a type of corn kernel that expands and puffs up when heated. It is a popular snack around the world, often enjoyed at movies, carnivals, and home gatherings.</p>
<h2>History</h2>
<p>The history of popcorn dates back thousands of years, with evidence of its consumption found in ancient civilizations across the Americas.</p>
<h2>How to Make Popcorn</h2>
<p>Popcorn can be prepared in various ways, including on the stovetop, in an air popper, or using a microwave.</p>
<ol>
<li>Heat the oil in a large pot or pan.</li>
<li>Add a few popcorn kernels to the hot oil.</li>
<li>Once they pop, add the rest of the kernels.</li>
<li>Cover the pot or pan and shake it gently to ensure even popping.</li>
<li>Remove from heat once the popping slows down.</li>
<li>Season with salt, butter, or your favorite flavors, and enjoy!</li>
</ol>
<h2>Popular Popcorn Flavors</h2>
<ul>
<li>Buttered</li>
<li>Caramel</li>
<li>Cheese</li>
<li>Spicy</li>
<li>Chocolate</li>
</ul>
<footer>
<p>© 2023 Popcorn World. All rights reserved.</p>
</footer>
</div>
</body>
</html>