-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpcg_front.html
More file actions
177 lines (122 loc) · 5.68 KB
/
pcg_front.html
File metadata and controls
177 lines (122 loc) · 5.68 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
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
<!DOCTYPE html>
<html>
<head>
<!--
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 3
Case Problem 4
Park City Gazette
Author: Sherrie Teague
Date: 3/4/2018
Filename: pcg_front.html
-->
<meta charset="utf-8" />
<title>The Park City Gazette</title>
<link href="pcg_paper.css" rel="stylesheet" />
</head>
<body>
<header>
<img src="pcglogo.jpg" alt="The Park City Gazette" />
</header>
<nav class="sidemenu">
<div id="group1">
<li><a href="#">Home Page</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Local</a></li>
<li><a href="#">State</a></li>
<li><a href="#">National</a></li>
<li><a href="#">International</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Weather </a></li>
</div>
<div id="group2">
<li><a href="#">Classifieds</a></li>
<li><a href="#">For Sale</a></li>
<li><a href="#">Wanted</a></li>
<li><a href="#">Employment</a></li>
<li><a href="#">Real Estate</a></li>
<li><a href="#">Personal </a></li>
</div>
<div id="group3">
<li><a href="#">Tourism</a></li>
<li><a href="#">Attractions</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Parks</a></li>
<li><a href="#">Camping </a></li>
</div>
<div id="group4">
<li><a href="#">Subscriptions</a></li>
<li><a href="#">Contact Us </a></li>
</div>
</nav>
<nav class="stories-inside">
<h2> Stories Inside </h2>
<div class="left">
<ul>
<li><a href="#">Complete Marathon Results</a></li>
<li><a href="#">National Park Acquires Land</a></li>
<li><a href="#">School Board Election Results</a></li>
<li><a href="#">Spending Referendum Defeated</a></li>
<li><a href="#">Graduation Awards</a></li>
</ul>
</div>
<div class="right">
<ul>
<li><a href="#">New Highway Proposed</a></li>
<li><a href="#">Camping Tips</a></li>
<li><a href="#">Cougar Sightings Increase</a></li>
<li><a href="#">Editorials</a></li>
<li><a href="#">Park City Profile</a></li>
</ul>
</div>
</nav>
<content>
<!-- story 1 -->
<article id="Story1">
<h1> Local Woman Wins Marathon </h1>
<figure>
<img src="blake.jpg" alt="Laura Blake">
<figcaption>Laura Blake</figcaption>
</figure>
<p>Estes Park native Laura Blake won the 27th Front Range Marathon over an elite field of the best long-distance runners in the country. Laura's time of 2 hr. 28 min. 21 sec. was only 2 minutes off the women's course record set last year by Sarah Rawlings. Kathy Lasker and Lisa Peterson finished second and third, respectively. Laura's victory came on the heels of her performance at the NCAA Track and Field Championships, in which she placed second running for Colorado State.</p>
<p>In an exciting race, Peter Teagan of San Antonio, Texas, used a finishing kick to win the men's marathon for the second straight year, in a time of 2 hr. 12 min. 34 sec. Ahead for much of the race, Kyle Wills of Billings, Montana, finished second when he could not match Teagan's finishing pace. Jason Wu of Boulder, Colorado, placed third in a very competitive field.</p>
<p>This year's race through downtown Boulder boasted the largest field in the marathon's history, with over 9500 men and 6700 women competing. Race conditions were perfect with low humidity and temperatures that never exceeded 85 degrees.</p>
</article>
<!-- story 2 -->
<article id="Story2">
<h1> Highway 7 Reopens </h1>
<figure>
<img src="icyroad.jpg" alt="Snowy Highway">
<figcaption>Highway 7</figcaption>
</figure>
<p>Highway 7 will reopen this Friday, June 3rd, after a final safety inspection. A late blizzard delayed road crews, marking this as one of the latest dates on record for the highway's reopening.</p>
<p>Rising to an elevation of over 12,000 feet, Highway 7 is a main link between Estes Park and Grand Lake. The reopening of the road is one of the annual signs that summer is near and the tourist season will soon be upon us!</p>
</article>
<article id="Story3">
<!-- story 3 -->
<h1>Cougar Sightings Increase </h1>
<figure>
<img src="cougarpublic.jpg" alt="Cougar">
<figcaption>Cougar</figcaption>
</figure>
<p>Cougar sightings have increased 40% in the Este Park area according to a report released yesterday by the state DNR. In the last month alone, there were ten sightings in Estes Park and the surrounding communities of Grand Lake and Pinewood Springs. This compares to only twelve sightings for the entire spring of last year.</p>
<p>Reasons for the growing number of cougar sightings include increasing encroachment by people into former wildlife habitats and new wildlife regulations that result in decreasing numbers of elk and deer being taken by hunters. Cougars may be wandering into developed areas, following the herds.</p>
<p>DNR spokesman Steve Tasker asks residents to call the DNR report line at 555-6981 if they believe they have seen a cougar or any large predatory animal. Two fatalities have already occurred in the west this year from cougar attacks.</p>
<!-- story 4 -->
<aside>
<h1>If You Encounter a Cougar </h1>
<ul>
<li> Stop, stand tall, and don't run. A cougar's instinct is to chase.</li>
<li> Try to appear larger than the cougar by raising your arms.</li>
<li> Back away slowly, always keeping eye contact.</li>
<li> If the cougar displays aggressive behavior, shout and wave your arms. Convince the cougar that you are not prey, but a potential danger.</li>
<li> In case of an attack, stay on your feet and fight back aggressively.</li>
</ul>
</aside>
</article>
</content>
<footer>
<address> Park City Gazette • 801 Elkhart Avenue, Estes Park, CO 80511 • 1-800-555-2918</address>
</footer>
</body>
</html>