-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
352 lines (329 loc) · 16.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
<!DOCTYPE html>
<html lang="it-IT">
<head>
<title>The Denver Post - Colorado breaking news, sports, business, ...</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- FAVICON -->
<link rel="shortcut icon" type="image/jpg" href="images/icon.ico"/>
<!-- STYLESHEETS -->
<link href="CSS/style.css" rel="stylesheet">
<link href="CSS/mediaqueries.css" rel="stylesheet">
<!-- FONT AWESOME FOR SOCIAL MEDIA ICONS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- NAVIGATION BAR -->
<nav class="navbar">
<div class="menu-toggle">
<span class="label">All Sections</span>
</div>
<div class="logo">
<a href="index.html"><img class="navbar__logo" src="images/logo.png" alt="The Denver Post"></a>
</div>
<div class="subscribe-login">
<div class="right-top-list">
<span><a class="right-top-list-item" href="#">Subscribe</a></span>
<span><img src="images/user.png" class="user"></span>
<span><a class="right-top-list-item" href="#">Log In</a></span>
<span class="fa fa-fw fa-search" style="padding-right: 20px" role="button"></span>
</div>
</div>
</nav>
<!-- ENTIRE PAGE WITHOUT FOOTER -->
<div class="container">
<div style="height: 100px;"></div>
<!-- PRIMARY GRID WITH CENTRAL NEWS GRID AND LATEST HEADLINES ON THE RIGHT -->
<div class="primary-grid">
<!-- CENTRAL NEWS -->
<div class="central-news-grid">
<div class="grid-1">
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<a href="#">
<p class="header-bold-text">New downtown bars, restaurants replace year-old El Tejano, Smash Face
and Loaded</p>
</a>
<br>
<div class="reverse">
<p class="centered">In a city that struggles with a shortage of affordable housing, several projects
are in the works throughout the Denver area designed to address that pressing need.</p>
<div>
<img class="grid-1-responsive-img" src="https://via.placeholder.com/620x335">
</div>
<div>
<img class="grid-1-responsive-img-cell" src="https://via.placeholder.com/600x400">
</div>
</div>
</div>
<div class="grid-2">
<img src="https://via.placeholder.com/300x200/?text=#1">
</div>
<div class="grid-3">
<div>
<img class="img-central-grid" src="https://via.placeholder.com/300x160/?text=#2">
</div>
<div>
<div><span class="subscriber-only-tag">SUBSCRIBER ONLY</span></div>
<div><a href="#" class="articles">Denver’s school board has spent more than $43,000 to resolve
conflict
among members</a></div>
</div>
</div>
<div class="grid-4">
<div>
<img class="img-central-grid" src="https://via.placeholder.com/300x160/?text=#3">
</div>
<div>
<a href="#" class="articles">Avalanche vs. Kraken Game 1: Three keys to victory for Colorado</a>
</div>
</div>
<div class="grid-5">
<div>
<img class="img-central-grid" src="https://via.placeholder.com/300x160/?text=#4">
</div>
<div>
<div>
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
</div>
<div>
<a href="#" class="articles">Stargazers delight: this week brings a meteor shower, “Earthshine”
on the moon, and a star cluster that looks like the Subaru logo</a>
</div>
</div>
</div>
<div class="grid-6">
<div>
<img class="img-central-grid" src="https://via.placeholder.com/300x160/?text=#5">
</div>
<div>
<a href="#" class="articles">
Nuggets’ Kentavious Caldwell-Pope relishes matchup vs. “little brother” Anthony Edwards</a>
</div>
</div>
</div>
<!-- LATEST HEADLINES -->
<div class="latest-headlines-grid">
<span style="font-size: 25px; color: #38322a">LATEST HEADLINES</span>
<div>
<a href="#">Crash on northbound I-25 in south Denver forces lane closures, delaying traffic</a>
</div>
<div class="border">
<a href="#">Top 10 favorite LPs from Twist & Shout, Wax Trax Records and more Denver music experts</a>
</div>
<div class="border">
<a href="#">How to celebrate 420 in Denver with music, munchies, beer, comedy and drink specials</a>
</div>
<div class="border">
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<a href="#">Denver to pay $350,000 for violent police arrest during protest of homeless sweep</a>
</div>
<div class="border">
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<a href="#">Keeler: Cale Makar is primed for Colorado Avs’ Stanley Cup run? Then you can kiss plucky
Kraken
goodbye.</a>
</div>
<div class="border">
<a href="#">Original Quiznos location in Denver seized by city</a>
</div>
<div class="border">
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<a href="#">Rockies blasted by Pirates 14-3 at Coors Field, lose sixth straight</a>
</div>
<div class="newsletter">
<div class="newsletter-item">
<strong class="prompt">Sign Up for Newsletters and Alerts</strong>
<div style="margin-top:20px;">
<span class="sign-up">SIGN UP</span>
</div>
</div>
<!-- NEWSLETTER -->
<div class="newsletter-item">
<strong class="prompt">Follow Us</strong>
<!-- SOCIAL LINKS -->
<div class="socials">
<span class="fa fa-facebook"></span>
<span class="fa fa-twitter"></span>
<span class="fa fa-instagram"></span>
<span class="fa fa-rss"></span>
</div>
</div>
</div>
</div>
</div>
<div style="height: 100px;"></div>
<!-- MOST POPULAR -->
<h1 class="most-popular">MOST POPULAR</h1>
<div class="ten-items-list">
<ul class="counter">
<li><a href="#">Has Denver lost its edge? Colorado's biggest counties are losing population</a></li>
<li><a href="#">Douglas County School District pays $832,733 to settle fired Superintendent Corey Wise's
unlawful termination claim</a></li>
<li><a href="#">Pikes Peak summit builder accused by city of shoddy work at 14,000 feet</a></li>
<li><a href="#">Denver's school board has spent more than $43,000 to resolve conflict among members</a></li>
<li><a href="#">Original Quiznos location in Denver seized by city</a></li>
<li><a href="#">Man who tracked stolen car, killed boy in Denver was previously arrested after driving
police-style vehicle with lights, siren</a></li>
<li><a href="#">Keeler: CU Buffs fans should thank Mel Tucker for Deion Sanders, Chris Fowler, ESPN and
Ralphie running to relevance</a></li>
<li><a href="#">Suncor shutting down one of three plants for $100 million maintenance project at Commerce
City refinery</a></li>
<li><a href="#">Affordable housing projects are popping up across Denver area</a></li>
<li><a href="#">Ask Amy: Struggling relative wants to RSVP well</a></li>
</ul>
</div>
<div style="height: 55px;"></div>
<!-- ELECTIONS -->
<div class="election-grid">
<div class="election-grid-1">
<span><a href="#">DENVER ELECTION 2023 <i class="fa fa-chevron-right"></i></a></span>
<div class="election-img-div"><img src="https://via.placeholder.com/304x230"></div>
<div class="border-top"><img class="responsive-election-img" src="https://via.placeholder.com/480x320">
</div>
<div><img class="responsive-election-img-div-cell" src="https://via.placeholder.com/610x400"></div>
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<h2><a href="#">Does Denver really need two elections to choose a mayor? The push for ranked-choice voting,
explained.</a></h2>
<div><p>Linda Templin, executive director of Ranked Choice Voting for Colorado, called Denver’s current
election process haphazard, noting that fewer than half of voters chose the two mayoral candidates now
headed toward a runoff. </p></div>
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<div><h2><a href="#">Denver’s sweeps may be shortening the lives of unhoused people. The city’s two mayoral
candidates have taken notice.</a></h2></div>
<hr>
<br>
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<div><h2><a href="#">Denver mayor runoff election candidate Q&A: Mike Johnston and Kelly Brough</a></h2>
</div>
<hr>
<br>
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<div><h2><a href="#">Get to know the Denver mayor runoff candidates: Mike Johnston and Kelly Brough</a></h2>
</div>
</div>
<div class="election-grid-2">
<span><a href="#">SPORTS <i class="fa fa-chevron-right"></i></a></span>
<div class="election-img-div"><img src="https://via.placeholder.com/304x230"></div>
<div class="border-top"><img class="responsive-election-img" src="https://via.placeholder.com/480x320">
</div>
<div><img class="responsive-election-img-div-cell" src="https://via.placeholder.com/610x400"></div>
<h2><a href="#">Michael Porter Jr.’s fourth-quarter eruption, Jamal Murray’s 40-point night give Nuggets 2-0
lead</a></h2>
<div><p>This year's Avalanche unlocked confidence in their ability to respond with a comeback 3-2 win over
the Seattle Kraken on Thursday night at Ball Arena.</p></div>
<div><h2><a href="#">Kraken-Avalanche Game 2 Quick Hits: Alexandar Georgiev’s leg, Devon Toews’ wrist drag
Avs
out of Stanley Cup ditch</a></h2></div>
<hr>
<br>
<span class="subscriber-only-tag">SUBSCRIBER ONLY</span>
<div><h2><a href="#">Rockies beat Phillies behind Ryan Feltner, snap eight-game losing streak</a></h2></div>
<hr>
<div><h2><a href="#">Broncos focus on weight lifting, conditioning in Phase One of offseason workouts </a>
</h2></div>
<hr>
<div><h2><a href="#">Northern Colorado wide receiver takes speed, dexterity to baseball diamond</a></h2>
</div>
</div>
<div class="election-grid-3">
<span><a href="#">THE KNOW <i class="fa fa-chevron-right"></i></a></span>
<div class="election-img-div"><img src="https://via.placeholder.com/304x230"></div>
<div class="border-top"><img class="responsive-election-img" src="https://via.placeholder.com/480x320">
</div>
<div><img class="responsive-election-img-div-cell" src="https://via.placeholder.com/610x400"></div>
<h2><a href="#">Popular Vietnamese food truck opening two brick-and-mortar spaces</a></h2>
<div><p>“Running a food truck has definitely been tough.... It’s the hardest thing I’ve done in my
life.” </p></div>
<div><h2><a href="#">How to celebrate 420 in Denver with music, munchies, beer, comedy and drink
specials</a>
</h2></div>
<hr>
<div><h2><a href="#">Denver’s best stoner dining, according to the pros on “Stoned Appetit”</a></h2></div>
<hr>
<div><h2><a href="#">When Casa Bonita closed, a local family recreated it at home — sopapillas included </a>
</h2></div>
<hr>
<div><span class="subscriber-only-tag">SUBSCRIBER ONLY</span></div>
<h2><a href="#">Yet another hassle awaits Rocky Mountain National Park visitors this year</a></h2>
</div>
</div>
</div>
<div style="height: 65px"></div>
<!-- FOOTER -->
<footer>
<div class="footer-grid">
<div class="footer-grid-1">
<img class="footer-logo" src="images/logo.png">
</div>
<div class="footer-grid-2">
<div>
<ul>
<li><a href="#" class="footer-activities footer-menu-item"><strong>SUBSCRIBE</strong></a></li>
<li class="footer-list-item"><a href="#">News Alerts</a></li>
<li class="footer-list-item"><a href="#">Submit a News Tip</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="#" class="footer-activities footer-menu-item"><strong>MEMBER SERVICES</strong></a>
</li>
<li class="footer-list-item"><a href="#">Become a member</a></li>
<li class="footer-list-item"><a href="#">Place a Hold</a></li>
<li class="footer-list-item"><a href="#">Digital Replica Edition</a></li>
</ul>
</div>
</div>
<div class="footer-grid-3">
<div>
<ul>
<li><a href="#" class="footer-activities footer-menu-item"><strong>CLASSFIELDS</strong></a></li>
<li class="footer-list-item"><a href="#">Autos</a></li>
<li class="footer-list-item"><a href="#">Real Estate</a></li>
<li class="footer-list-item"><a href="#">Jobs</a></li>
</ul>
</div>
</div>
<div class="footer-grid-4">
<div>
<ul>
<li><a href="#" class="footer-activities footer-menu-item"><strong>CONTACT US</strong></a></li>
<li class="footer-list-item"><a href="#">Careers</a></li>
<li class="footer-list-item"><a href="#">Denver Post Store</a></li>
<li class="footer-list-item"><a href="#">Place an Obituary</a></li>
<li class="footer-list-item"><a href="#">Advertise With Us</a></li>
<li class="footer-list-item"><a href="#">Network Advertising</a></li>
<li class="footer-list-item"><a href="#">Privacy Policy</a></li>
<li class="footer-list-item"><a href="#">Accessibility</a></li>
</ul>
</div>
</div>
<div class="footer-grid-5">
<div>
<ul>
<li><a href="#" class="footer-activities footer-menu-item"><strong>TODAY'S FRONT PAGE</strong></a>
</li>
<li class="footer-list-item"><a href="#">Back Issues</a></li>
<li class="footer-list-item"><a href="#">Archives</a></li>
<li class="footer-list-item"><a href="#">Mobile Apps</a></li>
</ul>
</div>
</div>
</div>
<!-- SITE INFO -->
<div class="legal">
<div class="style-legal">
<a href="#">Terms Of Use </a>
<a href="#">Cookie Policy</a>
<a href="#">California Notice at Collection</a>
<a href="#">Do Not Sell/Share My Personal Information</a>
<a href="#">Arbitration</a>
<a href="#">Site Map</a>
<a href="#">Ethics Policy</a>
<a href="#">Powered by Alessandro Capialbi</a>
<br>
<span>Copyright © 2023 Medianews Group</span>
</div>
</div>
</footer>
</body>
</html>