-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathblueberrymuffins.html
More file actions
143 lines (123 loc) · 5.53 KB
/
Copy pathblueberrymuffins.html
File metadata and controls
143 lines (123 loc) · 5.53 KB
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE HTML>
<html>
<head>
<title>Muffin Better</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">Muffin Better</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Blueberry Muffins</h1>
<span class="image main"><img src="images/blueberry/blueberry2.JPG" alt="" /></span>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<b>Effort: </b>
<span class="fa fa-spoon"></span>
<span class="fa fa-spoon checked"></span>
<span class="fa fa-spoon checked"></span>
<span class="fa fa-spoon checked"></span>
<span class="fa fa-spoon checked"></span> Easy
<br></br>
<span class="fa fa-clock"></span>
30 mins (Prep), ~20 mins (Bake)
<br></br>
<h2>Recipe</h2>
<h3>Dry ingredients</h3>
<ul>
<li>1 ¾ cups all purpose flour</li>
<li>1 teaspoon baking powder</li>
<li>½ teaspoon baking soda</li>
<li>½ teaspoon fine sea salt</li>
<li>¼ teaspoon ground cinnamon (optional)</li>
<li>1 cup blueberries</li>
</ul>
<h3>Wet ingredients</h3>
<ul>
<li>⅓ cup melted coconut oil or extra-virgin olive oil</li>
<li>½ cup honey or maple syrup</li>
<li>2 eggs</li>
<li>1 cup plain Greek yogurt</li>
<li>2 teaspoons vanilla extract</li>
</ul>
<h3>Preparation Notes</h3>
<ol>
<li>Preheat oven to 400 degrees Farenheit.</li>
<li>Begin by mixing together 2 eggs with baking powder, baking soda, salt, and cinammon in stand mixer (I use the paddle attachment for KitchenAid).</li>
<li>Add in remaining ingredients. Be careful to add blueberries last, mixing them in briefly at low speed to avoid crushing.</li>
<div class="row">
<div class="half">
<img src="images/blueberry/blueberry5.JPG" style="width:100%">
</div>
<div class="half">
<img src="images/blueberry/blueberry4.JPG" style="width:100%">
</div>
</div>
<li>Grease or use liners in a muffin pan. Scoop batter into pan using medium ice cream scoop or equivalent.</li>
<li>Bake for 19 minutes (or until toothpick comes out clean).</li>
<div class="row">
<div class="half">
<img src="images/blueberry/blueberry6.JPG" style="width:100%">
</div>
<div class="half">
<img src="images/blueberry/blueberry3.JPG" style="width:100%">
</div>
</div>
</ol>
Recipe courtesy of <a href = "https://cookieandkate.com/healthy-blueberry-muffins/"> Cookie + Kate </a>
<br><br><br><br>
<h2>Photos from our fans</h2>
<div class="row">
<div class="third">
<img src="images/blueberry/photos_from_fans/IMG_6262.jpeg" style="width:100%">
</div>
<div class="third">
<img src="images/blueberry/photos_from_fans/IMG_6265.jpeg" style="width:100%">
</div>
<div class="third">
<img src="images/blueberry/photos_from_fans/IMG_6263.jpeg"" style="width:100%">
</div>
</div>
Courtesy of JCM
</div>
</div>
<!-- Footer -->
<footer id="footer">
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>