This repository has been archived by the owner on Feb 11, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathweek2.html
193 lines (186 loc) · 8.87 KB
/
week2.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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Week-2 | 3 weeks 3 pages</title>
<link href="./css/iconFont/iconfont.css" rel="stylesheet" type="text/css">
<link href="./css/second-page.css" rel="stylesheet">
</head>
<body>
<div class="main">
<div class="nav">
<img class="nav-logo" src="./images/week2/logo.png" alt="logo">
<div>
<ul class="nav__iconlist">
<li class="nav__iconlist-item">
<i class="icon iconfont icon-spoon"></i>
<a class="nav__link" href="">Tastemakers</a>
</li>
<li class="nav__iconlist-item">
<i class="icon iconfont icon-blog"></i>
<a class="nav__link" href="">Blog</a>
</li>
<li class="nav__iconlist-item">
<i class="icon iconfont icon-alist"></i>
<a class="nav__link" href="">The A-List</a>
</li>
<li class="nav__iconlist-item">
<i class="icon iconfont icon-contribute"></i>
<a class="nav__link" href="">Contribute</a>
</li>
<li class="nav__iconlist-item">
<i class="icon iconfont icon-about"></i>
<a class="nav__link" href="">About</a>
</li>
</ul>
</div>
<div class="nav__news">
<div class="nav__news-item">
<h3 class="nav__news-title">LATEST TWEET</h3>
<span class="nav__news-button"> Join the Conversation </span>
</div>
<div class="nav__news-item">
<h3 class="nav__news-title">LET'S BE FRIENDS!</h3>
<div class="nav__news-text">
For weekly finds, community recommendations, and more, like us on Facebook.
</div>
<span class="nav__news-button"> Join the Community</span>
</div>
</div>
</div>
<div class="content">
<div class="carousel">
<div class="carousel__target">
<img class="carousel__target-image" src="./images/week2/foodsense.jpg" alt="">
<div class="carousel__target-flag">
<div class=flag__title>Read, Learn, Share</div>
<div class="flag__subtitle">Get daily how-tos, stoires & updates with the latest news.</div>
</div>
</div>
<div class="carousel__menu">
<div class="carsousel__menu-item">
<span class="menu-item menu-title">Tastemakers</span>
<span class="menu-item menu-decs">Feast your eyes & get recipes!</span>
</div>
<div class="carsousel__menu-item">
<span class="menu-item menu-title">Blog</span>
<span class="menu-item menu-decs">News, how-tos, stories, and more</span>
</div>
<div class="carsousel__menu-item">
<span class="menu-item menu-title">The A-List</span>
<span class="menu-item menu-decs">Handpicked, absolute favorites</span>
</div>
<div class="carsousel__menu-item">
<span class="menu-item menu-title">Contribute</span>
<span class="menu-item menu-decs">We want to hear from you!</span>
</div>
</div>
</div>
<div class="signup">
<span class="signup__icon">
<i class="signup__icon-mail iconfont icon-mail"></i>
</span>
<div class="signup__desc">
<p>Sign up for our newsletter to receieve a handpicked selection of the best stories, recipes, and news,
delivered weekly to your inbox.</p>
</div>
</div>
<div class="article">
<div class="article__item">
<div class="article__item-image">
<img src="./images/week2/1.jpg" alt="1">
</div>
<div class="article__item-title">
<p>2012's Best Summer Cookbooks</p>
</div>
<div class="article__item-desc">
<p>With the best of the season comming from "orchards, farms and gardens," NPR has put together an impressive
collection of 10 summer cookbooks.</p>
</div>
<div class="article__item-footer">
<span class="article__footer-date">May 23, 2012/</span>
<a href="#" class="article__footer-link">
<span>Read</span>
<span class="article__footer-symbol">>></span>
</a>
</div>
</div>
<div class="article__item">
<div class="article__item-image">
<img src="./images/week2/2.jpg" alt="2">
</div>
<div class="article__item-title">
<p>How to Make Vegetable Chips</p>
</div>
<div class="article__item-desc">
<p>Abount a month ago, I ate almost an entire box of kale chips. My borther and I were visiting our
cousin in Brooklyn, and before a very thoughtfully parepared vegan...</p>
</div>
<div class="article__item-footer">
<span class="article__footer-date">May 17, 2012/</span>
<a href="#" class="article__footer-link">
<span>Read</span>
<span class="article__footer-symbol">>></span>
</a>
</div>
</div>
<div class="article__item">
<div class="article__item-image">
<img src="./images/week2/3.jpg" alt="3">
</div>
<div class="article__item-title">
<p>Join up on Pinterest!</p>
</div>
<div class="article__item-desc">
<p>If I could curate a cookbook for you, this would be it.</p>
</div>
<div class="article__item-footer">
<span class="article__footer-date">May 16, 2012/</span>
<a href="#" class="article__footer-link">
<span>Read</span>
<span class="article__footer-symbol">>></span>
</a>
</div>
</div>
<div class="article__item">
<div class="article__item-image">
<img src="./images/week2/4.jpg" alt="4">
</div>
<div class="article__item-title">
<p>Recipes from a Sunday Supper</p>
</div>
<div class="article__item-desc">
<p>I could not figure out what to do with the delectable slices of Pear Cake that i brought home form
the wonderful Sunday supper - eat them solwly, a little bit at...</p>
</div>
<div class="article__item-footer">
<span class="article__footer-date">May 15, 2012/</span>
<a href="#" class="article__footer-link">
<span>Read</span>
<span class="article__footer-symbol">>></span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="policy">
<div class="policy__menu">
<div class="policy__menu-items">
<span class="policy__menu-item">Privacy Policy</span>
<span class="policy__menu-item">Terms of Use</span>
<span class="policy__menu-item">Contact</span>
</div>
<div class="policy__menu_copyright">
<p>© 2017 Food Sense, all rights reserved.</p>
</div>
</div>
<div class="policy__icons">
<span>T</span>
<span>F</span>
<span>CCC</span>
</div>
</div>
</body>
</html>