-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (98 loc) · 3.89 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="author" content="Anneta Wamono">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="media/burger.svg" type="image/svg" sizes="16x16">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Perfect Sandwich | Anneta Wamono</title>
</head>
<body>
<div class="container">
<header class="hero">
<div class="hero__logobar">
<div class="hero__logobar__logo">
<div class="top_bun"></div>
<hr class="patty">
<div class="bottom_bun"></div>
</div>
<div class="hero__logobar__text"><h2>The Perfect Sandwich</h2></div>
</div>
<div class="hero__content">
<div class="hero__content__colorblock"></div>
<h1 class="hero__content__title">American <br>cheese burger</h1>
<hr class="hero__content__underline">
<p class="hero__content__desription">These burgers are the best on <br>the grill in the summertime. <br>Jam-packed with all kinds of stuff, <br>and no tasteless bread crumbs!</p>
</div>
<img src="media/burger.jpeg" alt="american cheese burger" class="hero__imagecover">
</header>
<div class="serving">
<div class="serving__button">
<img src="media/arrow.svg" alt="arrow">
</div>
<div class="serving__list">
<h3>Prep Time</h3>
<p>30 minutes</p>
<h3>Cooking Time</h3>
<p>30 minutes</p>
<h3>Servings</h3>
<p>4 servings</p>
</div>
</div>
<main>
<section class="ingredients">
<div class="ingredients__title">
<h2>Ingredients</h2>
<hr class="ingredients__title__underline">
</div>
<div class="ingredients__list">
<ul>
<li>1 ½ pounds lean ground beef</li>
<li>½ onion, finely chopped</li>
<li>½ cup shredded Colby Jack or Cheddar <br>cheese</li>
<li>1 teaspoon soy sauce</li>
<li>1 teaspoon Worcestershire sauce</li>
<li>1 egg</li>
<li>1 (1 ounce) envelope dry onion soup mix</li>
<li>1 clove garlic, minced</li>
<li>1 tablespoon garlic powder</li>
<li>1 teaspoon dried parsley</li>
<li>1 teaspoon dried basil</li>
<li>1 teaspoon dried oregano</li>
<li>½ teaspoon crushed dried rosemary</li>
<li>1 pinch salt and pepper to taste</li>
</ul>
</div>
</section>
<section class="recipe">
<div class="recipe__title">
<h2>Recipe</h2>
</div>
<div class="recipe__img">
<img src="media/burger.jpeg" alt="american cheese burger">
</div>
</section>
<section class="steps">
<ol>
<li>
<h3>Step 1</h3>
<p>Preheat a grill for high heat.</p>
</li>
<li>
<h3>Step 2</h3>
<p>In a large bowl, mix together the ground beef, onion, cheese, soy sauce, Worcestershire sauce, egg, onion soup mix, garlic, garlic powder, parsley, basil, oregano, rosemary, salt, and pepper. Form into 4 patties.</p>
</li>
<li>
<h3>Step 3</h3>
<p>Grill patties for 5 minutes per side on the hot grill, or until well done. Serve on buns with your favorite condiments.</p>
</li>
</ol>
</section>
</main>
<footer>
<p>Design and Dev by <a href="https://annetawamono.github.io/portfolio/" target="_blank">Anneta Wamono</a><br>Recipe by <a href="https://www.allrecipes.com/recipe/72657/best-hamburger-ever/" target="_blank">UNIVSTUDENT</a></p>
</footer>
</div>
</body>
</html>