-
Notifications
You must be signed in to change notification settings - Fork 43
/
Copy pathindex.html
54 lines (46 loc) · 1.64 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>My Favorite Recipes</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
<header>
<h1 id="title">My Favorite Recipes</h1>
<img id="main-photo"
src="https://images.unsplash.com/photo-1556909211-36987daf7b4d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60" />
</header>
<main class="recipe-container">
<h2>Crunchy Granola Pretzel Sticks</h2>
<img class="recipe-photo"
src="https://www.tasteofhome.com/wp-content/uploads/0001/01/Crunchy-Granola-Pretzel-Sticks_EXPS_CBZ16_193410_D05_20_5b-696x696.jpg" />
<p>Ingredients</p>
<ul>
<li>1 package of chocolate chips</li>
<li>24 pretzel rods</li>
<li>1 cup granola without raisins</li>
</ul>
<p>Instructions</p>
<ol>
<li>Melt chocolate chips in microwave.</li>
<li>Pour into one side of a large shallow dish.</li>
<li>Roll each pretzel halfway into chocolate.</li>
<li>Sprinkle pretzels with granola.</li>
<li>Place on waxed paper until set.</li>
</ol>
</main>
<section class="comment-container">
<h2>Comments:</h2>
<ul id="comments-list">
<!-- comment list (li) will go here -->
</ul>
</section>
<form id="comment-form">
Tell us what you think:<br>
<input id="comment-input" type="text" name="comment" /><br>
<input id="submit-button" type="submit" />
</form>
<script src="app.js"></script>
</body>
</html>