-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
393 lines (335 loc) · 14.6 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
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
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
<title>Chicago's.Pro</title>
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<link rel="icon" sizes="192x192" href="images/android-desktop.png">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Material Design Lite">
<link rel="apple-touch-icon-precomposed" href="images/ios-desktop.png">
<!-- Tile icon for Win8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
<meta name="msapplication-TileColor" content="#3372DF">
<link rel="shortcut icon" href="images/favicon.png">
<!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
<!--
<link rel="canonical" href="http://www.example.com/">
-->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="material.grey-orange.min.css">
<link rel="stylesheet" href="styles.css">
<style>
#view-source {
position: fixed;
display: block;
right: 0;
bottom: 0;
margin-right: 40px;
margin-bottom: 40px;
z-index: 900;
}
</style>
</head>
<body>
<!-- Uses a transparent header that draws on top of the layout's background -->
<style>
.demo-layout-transparent {
background: url('images/cp.svg') center / cover;
}
.demo-layout-transparent .mdl-layout__header,
.demo-layout-transparent .mdl-layout__drawer-button {
/* This background is dark, so we set text to white. Use 87% black instead if
your background is light. */
color: black;
}
</style>
<div class="demo-layout-transparent mdl-layout mdl-js-layout">
<header class="mdl-layout__header mdl-layout__header--transparent">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">
Chicagos.Pro
</span>
<!-- Add spacer, to align navigation to the right -->
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Chicago's.Pro</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="index.html">Home</a>
<a class="mdl-navigation__link" href="about.html">About</a>
<a class="mdl-navigation__link" href="contact.html">Contact</a>
</nav>
</div>
</div>
<div class="demo-blog mdl-layout mdl-js-layout has-drawer is-upgraded">
<main class="mdl-layout__content">
<div class="logo">
<div class="SVG">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 139.82 120.62">
<defs>
<style>
.cls-1 {
opacity: 0.78;
}
.cls-1,
.cls-3 {
filter: url(#AI_GaussianBlur_4);
}
.cls-2,
.cls-4 {
fill: none;
stroke-miterlimit: 10;
stroke-width: 7px;
}
.cls-2 {
stroke: #d9e0ab;
}
.cls-3 {
opacity: 0.23;
}
.cls-4 {
stroke: #ff0;
}
.cls-5 {
fill: #f7931e;
}
</style>
<filter id="AI_GaussianBlur_4" name="AI_GaussianBlur_4">
<feGaussianBlur stdDeviation="4" />
</filter>
</defs>
<title>cp</title>
<g class="cls-1">
<ellipse class="cls-2" cx="59.71" cy="59.53" rx="54.5" ry="47" />
</g>
<g class="cls-3">
<ellipse class="cls-4" cx="68.07" cy="64.54" rx="55.14" ry="47.99" />
</g>
<g class="cls-3">
<ellipse class="cls-4" cx="99.14" cy="96.89" rx="45.88" ry="35.18"
transform="translate(-49.1 -10.91) rotate(-12.65)" />
</g>
<path class="cls-5"
d="M67.78,114.26c-21.73,0-37.49-15.62-37.49-39C30.29,51.19,49.4,35,75.22,35c18.52,0,28.88,10.06,28.88,20,0,5.86-4.38,10.36-10.94,10.36S81.78,61.1,77.55,52.84C72.16,42.33,70.11,40.53,66.9,40.53s-5.25,2.25-5.25,7.95c0,13.07,6.57,30.64,15.32,39.65,4.37,4.51,7.29,5.86,12,5.86,4.23,0,7.29-1.66,10.94-4.81,1.31-1.05,5,1.65,4.38,3.15C99.72,103.6,85.87,114.26,67.78,114.26Z"
transform="translate(-30.29 -34.97)" />
<path class="cls-5"
d="M170.11,101.11c0,19.46-11,30.65-28.86,30.65a38.46,38.46,0,0,1-10.59-1.34v18c0,1.12.22,1.34,1.3,1.57l3.67.78c.65.11.87.33.87,2.46s-.22,2.35-.87,2.35c-2.48,0-9.51-.78-17.4-.78s-15,.78-17.5.78c-.65,0-.87-.34-.87-2.35s.22-2.35.87-2.46l3.67-.78c1.08-.23,1.3-.45,1.3-1.57V94.62c0-1.12-.22-1.23-1.3-1.46l-3.67-.67c-.65-.11-.87-.33-.87-2.12s.22-1.9.87-2.13c8.86-3.58,17.29-9.06,25.93-15.44a1.46,1.46,0,0,1,.87-.33c.75,0,2.81.89,2.81,1.68,0,1.9-.43,4.58-.43,11.63,3.67-8.84,10.26-12.64,17.72-12.64C158.87,73.14,170.11,82.54,170.11,101.11ZM146.23,122c0-11-5.84-27.86-11.68-33.9A3.37,3.37,0,0,0,132,86.79a2.08,2.08,0,0,0-1.3.44v14.44c0,10.62,4.33,20.92,8,24.72a4.85,4.85,0,0,0,3.78,1.79C144.71,128.18,146.23,126.06,146.23,122Z"
transform="translate(-30.29 -34.97)" />
</svg>
</div>
</div>
<div class="demo-blog__posts mdl-grid">
<div class="mdl-card coffee-pic mdl-cell mdl-cell--8-col">
<div class="mdl-card__media mdl-color-text--grey-50">
<h3><a href="entry.html">Maple & Ash Matches Carry Out Dollar for Dollar Giftcard for Use After
Pandemic</a></h3>
</div>
<div class="mdl-card__supporting-text meta mdl-color-text--grey-600">
<div>
<p>
<strong>Although not advertised on their website, if you place any carry out order via
phone
every dollar spent will go toward a giftcard of equal value to use at the Gold Coast stable after
resturant restrictions
end.</strong>
</p>
</div>
</div>
</div>
<div class="mdl-card something-else mdl-cell mdl-cell--8-col mdl-cell--4-col-desktop">
<div class="mdl-card__media mdl-color--white mdl-color-text--grey-600">
<p>
<p>TRENDING🔥</p>
<ol>
<li>
<p>
Maple & Ash Matches Carry Out Dollar for Dollar Giftcard for Use After
Pandemic</p>
</li>
<li>
<p>The Perfect Chicago Style Hotdog at Home</p>
</li>
<li>
<p> Chicago's Wedding Reschedueling Guide for 2021</p>
</li>
</ol>
</div>
<div class="mdl-card__supporting-text meta meta--fill mdl-color-text--grey-600">
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-left mdl-js-ripple-effect" for="menubtn">
<li class="mdl-menu__item">About</li>
<li class="mdl-menu__item">Message</li>
<li class="mdl-menu__item">Favorite</li>
<li class="mdl-menu__item">Search</li>
</ul>
<button id="menubtn" class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">more_vert</i>
<span class="visuallyhidden">show menu</span>
</button>
</div>
</div>
<div class="mdl-card on-the-road-again mdl-cell mdl-cell--12-col">
<div class="mdl-card__media ">
</div>
<div class="mdl-card__title">
<div class="mdl-card__title-text mdl-color-text--grey-600">
<h3>
<a href="entry.html">Chicago Resturants Selling DIY Meal Kits during Covid Crisis</a>
</h3>
</div>
</div>
<div class="mdl-color-text--grey-600 mdl-card__supporting-text">
<p>Happy Camper and Summer House Santa Moncia are amount the several resturants who decided to get
creative
during this time by offering meal kits for delivery or pick-up!</p>
x
</div>
<div class="mdl-color-text--grey-500 mdl-card__supporting-text meta">
<div class="minilogo"></div>
<div>
<strong>The Pros</strong>
<span>12 hours ago</span>
</div>
<div class="section-spacer"></div>
<div class="meta__favorites">
1,127<i class="material-icons" role="presentation">favorite</i>
<span class="visuallyhidden">favorites</span>
</div>
<div>
<i class="material-icons" role="presentation">bookmark</i>
<span class="visuallyhidden">bookmark</span>
</div>
<div>
<i class="material-icons" role="presentation">share</i>
<span class="visuallyhidden">share</span>
</div>
</div>
</div>
<div class="mdl-card amazing mdl-cell mdl-cell--12-col">
<div class="mdl-card__media"> </div>
<div class="mdl-card__title">
<div class="mdl-card__title-text mdl-color-text--grey-600">
<h3>
<a href="entry.html">Order Takeout or Delivery from a Michelin-Starred Restaurant in
Chicago</a>
</h3>
</div>
</div>
<div class="mdl-card__supporting-text mdl-color-text--grey-600">
<p>None of Chicago’s 25 Michelin restaurants offered takeout or delivery options
before
the novel coronavirus outbreak. Now that the city is in the second week of the state’s stay-at-home
order that allows for takeout and delivery (restaurants are able to operate as they’re considered
essential), more restaurants have unveiled options. Currently, eight restaurants offer to-go or
delivery
in one form other the other.
</p>
</div>
<div class="mdl-color-text--grey-500 mdl-card__supporting-text meta">
<div class="minianna"></div>
<div>
<strong>Anna Gingle</strong>
<span>Yesterday</span>
</div>
<div class="section-spacer"></div>
<div class="meta__favorites">
954 <i class="material-icons" role="presentation">favorite</i>
<span class="visuallyhidden">favorites</span>
</div>
<div>
<i class="material-icons" role="presentation">bookmark</i>
<span class="visuallyhidden">bookmark</span>
</div>
<div>
<i class="material-icons" role="presentation">share</i>
<span class="visuallyhidden">share</span>
</div>
</div>
</div>
<div class="mdl-card shopping mdl-cell mdl-cell--12-col">
<div class="mdl-card__media"></div>
<div class="mdl-card__title">
<div class="mdl-card__title-text mdl-color-text--grey-600">
<h3>
<a href="entry.html">How to Help Chicago Bar and Restaurant Workers During the COVID-19 Outbreak</a>
</h3>
</div>
</div>
<div class="mdl-color-text--grey-500 mdl-card__supporting-text meta">
<div class="minianna"></div>
<div>
<strong>Anna Gingle</strong>
<span>2 days ago</span>
</div>
<div class="section-spacer"></div>
<div class="meta__favorites">
425 <i class="material-icons" role="presentation">favorite</i>
<span class="visuallyhidden">favorites</span>
</div>
<div>
<i class="material-icons" role="presentation">bookmark</i>
<span class="visuallyhidden">bookmark</span>
</div>
<div>
<i class="material-icons" role="presentation">share</i>
<span class="visuallyhidden">share</span>
</div>
</div>
</div>
<nav class="demo-nav mdl-cell mdl-cell--12-col">
<div class="section-spacer"></div>
<a href="entry.html" class="demo-nav__button" title="show more">
More
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon">
<i class="material-icons" role="presentation">arrow_forward</i>
</button>
</a>
</nav>
</div>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer--left-section">
<button class="mdl-mini-footer--social-btn social-btn social-btn__twitter">
<span class="visuallyhidden">Twitter</span>
</button>
<button class="mdl-mini-footer--social-btn social-btn social-btn__blogger">
<span class="visuallyhidden">Facebook</span>
</button>
</div>
<div class="mdl-mini-footer--right-section">
<button class="mdl-mini-footer--social-btn social-btn__share">
<i class="material-icons" role="presentation">share</i>
<span class="visuallyhidden">share</span>
</button>
</div>
</footer>
</main>
</div>
<div class="mdl-layout__obfuscator"></div>
<script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
</body>
<script>
Array.prototype.forEach.call(document.querySelectorAll('.mdl-card__media'), function (el) {
var link = el.querySelector('a');
if (!link) {
return;
}
var target = link.getAttribute('href');
if (!target) {
return;
}
el.addEventListener('click', function () {
location.href = target;
});
});
</script>
</html>