-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
274 lines (257 loc) · 12.9 KB
/
blog.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
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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/7abf5fb391.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.1/css/all.css">
<link rel="stylesheet" href="./styles/style.css">
<title>Delicious Blog</title>
</head>
<body>
<header class="header-blog">
<div>
<h1>delicious</h1>
<nav>
<label for="hamburger">☰</label>
<input type="checkbox" class="hamburger" id="hamburger" />
<ul>
<!-- commented out unused links -->
<li><a href="index.html">Home</a></li>
<!-- <li><a href="#">About</a></li> -->
<!-- <li><a href="#">Recipes</a></li> -->
<!-- <li><a href="#">Nutrition</a></li> -->
<li><a class="active" href="blog.html">Blog</a></li>
<!-- <li><a href="">Shop</a></li> -->
<li><a href="contact.html">Contact</a></li>
<li><a href="#"><i class="fas fa-shopping-bag"></i></a></li>
<li><a href="#"><i class="fas fa-search"></i></a></li>
<li class="header-circle"><i class="fas fa-circle"></i>
<p>2</p>
</li>
</ul>
</nav>
</div>
</header>
<main class="wrapper">
<section class="blog">
<article>
<h2>Pineapple chicken</h2>
<p>Posted at July 11, 2018 | by Admin | in Recipes</p>
<p>Morbi et accumsan est, non convallis metus. Etiam faucibus, leo et scelerisque facilisis, magna erat
dictum nibh, vel
congue tortor massa vitae magna. Magna erat dictum nibh, vel congue tortor massa vitae magna</p>
<p>Veggies es bonus vobis, proinde vos postulo essum magis kohlrabi welsh onion daikon amaranth
tatsoi
tomatillo melon
azuki bean garlic.</p>
<p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea
sprouts fava
bean collard greens
dandelion okra wakame tomato. Dandelion cu- cumber earthnut pea peanut soko zucchini.</p>
<p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi
amaranth water
spinach
avocado daikon
napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish
spinach carrot soko. Lotus
root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion
chickpea gram corn pea.
Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot
watercress. Corn amaranth
salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.</p>
<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery.
Bunya nuts
black-eyed pea prairie
turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter
purslane fennel azuki bean
earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.</p>
</article>
<div>
<nav>
<ul>
<li>
<p>TAGS:</p>
</li>
<li><a href="#">Recipes,</a></li>
<li><a href="#">Chicken,</a></li>
<li><a href="#">Pineapple,</a></li>
<li><a href="#">Mexican</a></li>
</ul>
</nav>
<nav>
<ul>
<li>
<p>SHARE:</p>
</li>
<li><a href="www.facebook.com"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="www.twitter.com"><i class="fab fa-twitter"></i></a></li>
<li><a href="www.instagram.com"><i class="fab fa-instagram"></i></a></li>
</ul>
</nav>
</div>
</section>
<section class="personal">
<figure>
<img src="./styles/delicious-assets/blog-2.jpeg"
alt="girl with long blond wavy hair in a white crop top">
</figure>
<article>
<h4>SALLY LUCAS</h4>
<p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach
avocado daikon
napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish
spinach carrot soko. Lotus
root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion
chickpea gram corn pea.
Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi</p>
</article>
</section>
<section class="related-posts">
<h4>RELATED POSTS</h4>
<div class="related-posts-all">
<div class="post-one">
<figure>
<img src="./styles/delicious-assets/blog-3.jpeg"
alt="pink cake with a flower on a white high-rising plate">
</figure>
<h3>HOW TO BAKE A PERFECT CAKE</h3>
<p>July 11, 2018 | by <span><a href="#">Admin</a></span> | in <span><a href="#">Recipes</a></span>
</p>
</div>
<div class="post-two">
<figure>
<img src="./styles/delicious-assets/blog-4.jpeg" alt="tasty cupcake with pink flower on top">
</figure>
<h3>FLORAL CUPCAKES</h3>
<p>July 19, 2018 | by <span><a href="#">Admin</a></span> | in <span><a href="#">Recipes</a></span>
</p>
</div>
<div class="post-three">
<figure>
<img src="./styles/delicious-assets/blog-5.jpeg"
alt="hand putting greens on top of salad in a plate">
</figure>
<h3>SINGLE POST WITH IMAGE</h3>
<p>July 22, 2018 | by <span><a href="#">Admin</a></span> | in <span><a href="#">Recipes</a></span>
</p>
</div>
</div>
</section>
<section class="comments">
<h4>02 COMMENTS</h4>
<div>
<figure>
<img src="./styles/delicious-assets/blog-6.jpeg" alt="portrait of smiling old woman">
</figure>
<article>
<span class="tip"></span>
<p><span class="comments-name">Lucatony Avaro</span> - Web Developer</p>
<p>Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery
bitterleaf wattle seed
collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout
chard.</p>
<p class="date">Jul 17, 2015 at 15 hours ago</p>
</article>
</div>
<div>
<figure>
<img src="./styles/delicious-assets/blog-7.jpeg"
alt="portrait of a young blond woman in a hat looking to the right">
</figure>
<article>
<span class="tip"></span>
<p><span class="comments-name">Brian Hudson</span> - Web Developer</p>
<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn
fava
bean mustard
tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea.
Grape silver beet
watercress potato tigernut corn groundnut.</p>
<p class="date">Jul 17, 2015 at 15 hours ago</p>
</article>
</div>
</section>
<section class="comments-form">
<h4>LEAVE A COMMENT</h4>
<p>Your email address will not be published. Required fields are marked *</p>
<form action="">
<fieldset>
<legend class="visually-hidden"></legend>
<label for="name" class="visually-hidden"></label>
<input type="text" name="name" class="name" id="name" placeholder="Name *" required="true">
<label for="email" class="visually-hidden"></label>
<input type="email" name="email" class="email" id="email" placeholder="Email *" required="true">
<label for="website" class="visually-hidden"></label>
<input type="text" name="website" class="website" id="website" placeholder="Your Website">
<label for="comment" class="visually-hidden"></label>
<textarea name="comment" class="comment" id="comment" maxlength="1500" rows="15"
placeholder="Comment"></textarea>
</fieldset>
<button type="submit"><a href="www.noonereallycares.com">SUBMIT COMMENT</a></button>
</form>
</section>
</main>
<footer class="footer-blog">
<div class="wrapper">
<div class="footer-info">
<div>
<h2>delicious</h2>
<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce
brussels
sprout cabbage.</p>
<p>A delicious restaurant <br>
Toronto, Ontario</p>
<p>[email protected]</p>
<p class="no-border">+1 234 567 8910</p>
</div>
<div>
<h3>recent posts</h3>
<a href="#">
<p>Beetroot water spinach okra water</p>
</a>
<a href="#">
<p>Chestnut ricebean pea catsear courgette</p>
</a>
<a href="#">
<p>Summer purslane water spinach arugula pea</p>
</a>
<a href="#">
<p>Tatsoi aubergine spring onion bush</p>
</a>
<a href="#">
<p>Tomato kale radicchio turnip chicory</p>
</a>
<a href="#">
<p class="no-border"> Salsify pea sprouts fava bean</p>
</a>
</div>
<div>
<h3>subscribe now</h3>
<p class="no-border">Get all of our new recepies immediately in your inbox!</p>
<form action="">
<label for="email">Enter your email</label>
<input type="email" id="email" name="email" placeholder="Enter your email">
<button type="submit"><a href="www.noonegonnacheckit.com"><i
class="fas fa-long-arrow-alt-right"></i></a></button>
</form>
<nav class="social-links">
<ul>
<li><a href="www.facebook.com"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="www.twitter.com"><i class="fab fa-twitter"></i></a></li>
<li><a href="www.instagram.com"><i class="fab fa-instagram"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="copyright">
<div class="wrapper">
<p>Copyright © 2015 by <span><a href="https://polar.me">POLAR</a></span>. All rights reserved</p>
</div>
</div>
</footer>
</body>
</html>