View difference between Paste ID: <a href="/ghzsn1wc">ghzsn1wc</a> and <a href="/post/view"></a>

View difference between Paste ID: ghzsn1wc and

SHOW: | | - or go back to the newest paste.


Case 3 is complete



Tutorial 3 Review
<html>
<head>
<!-- 
   New Perspectives on HTML and XHTML 5th Edition
   Tutorial 3
   Case Problem 2

   Bike the Mountains Tour
   Author: 	
   Date:   

   Filename:         bmtour.htm
   Supporting files: body.jpg, block.jpg, h1back.jpg, h1title.gif, wheels.css
-->

   
<title>Bike the Mountains Tour</title>



<link href="wheels.css" rel="stylesheet" type="text/css" />

   

 

</head>

 

<body>

   <h1><img src="h1title.gif" /></h1>

   <div id="column1">

      <a href="#">Home</a>

      <a href="#">Learn More</a>

      <a href="#">Testimonials</a>

      <a href="#">Route Maps</a>

      <a href="#">Register</a>

      <a href="#">Lodging</a>

      <a href="#">Meals</a>

      <a href="#">Training</a>

      <a href="#">Equipment</a>

      <a href="#">Forums</a>

      <a href="#">FAQs</a>

      <a href="#">Contact Us</a>

   </div>

 

<div id="column2">

   <h2>Introduction</h2>

   <p>The Bike the Mountains Tour rises from the town of Littleton, Colorado and

      explores the Colorado Front Range. Our tour crosses the Continental Divide

      twice, giving you the opportunity to bike the highest paved roads in the

      United States. This tour is a classic showcase of Colorado's Rocky Mountain

      scenery.</p>

   <blockquote>

      "The Bike the Mountains Tour is <i>amazing</i>. I highly recommend it

      and would gladly return."

   </blockquote>

   <p>Not designed for the weekend cyclist, this tour is offered only for those

      fit enough to ride high mountain passes. We provide sag wagons and

      support. Your lodging and meals are also part of the registration fee.

      We guarantee tough climbs, amazing sights, sweaty jerseys, and lots

      of fun.</p>

   <p>This is the seventh year we've offered the Bike the Mountains Tour. It is

      our most popular tour and riders are returning again and again. Our experienced

      tour leaders will be there to guide, help, encourage, draft, and lead you

      every stroke of the way. Come join us!</p>

   <h2>Itinerary</h2>

   <h3>Day 1</h3>

   <p>We start from the foothills above Littleton, Colorado, promptly at 9am. Be sure

      to fuel up at Kate's House of Pancakes before starting your ride. The first

      day is a chance to get your legs in shape, test your gearing, and prepare for

      what's to come. Be aware that there are several steep grades as we climb out of

      the valley into the Front Range. Optional side tours and shortcuts will be

      provided.</p>

   <h3>Day 2</h3>

   <p>Day 2 starts with a climb up Bear Creek Canyon to Lookout Mountain, followed

      by a swift and winding descent into the town of Golden. Refresh yourself at the

      famous Coors Brewery. You'll need the break to get yourself ready for a great

      climb through Golden Gate Canyon to the Peak to Peak Highway, ending in the

      gambling town of Blackhawk. Try your hand at poker and blackjack, but watch

      your wallet.</p>

</div>

<div id="column3">

   <h3>Day 3</h3>

   <p>Day 3 takes you along the Peak to Peak Highway. Established in 1918 this is

      Colorado's oldest scenic byway. This 55-mile route showcases the mountains

      of the Front Range, providing amazing vistas from Golden Gate Canyon State Park

      to Rocky Mountain National Park. We'll stop at Estes Park for fun and

      refreshment. Get a good night's sleep; you'll need it the next day.</p>  

   <h3>Day 4</h3>

   <p>Now for the supreme challenge: Day 4 brings some real high-altitude cycling

     through Rocky Mountain National Park and up Trail Ridge Road. It's an

      amazing ride, high above timberline, topping out at over 11,000 feet. Stop and

      rest at the Alpine Visitor's Center before all of that hard work is rewarded

      with a fast and joyous descent into the town of Grand Lake.</p>

   <h3>Day 5</h3>

   <p>We start Day 5 on the west side of the Continental Divide. From Grand Lake,

      you'll bike to Winter Park, a great ski town summer resort. From Winter Park it's

      a steady and scenic climb over Berthoud Pass, and back to the eastern side of

      the Continental Divide. We'll stay at Idaho Springs, where you can enjoy the

      natural hot springs at the hotel.</p>

   <h3>Day 6</h3>

   <p>On Day 6 choose your pleasure or your poison. You can ride back to Littleton

      over Squaw Pass and Bear Creek. The ride is beautiful and enjoyable in its

      own right. However, if you're "up" to it, this is your opportunity to tackle

      Mount Evans. The 7-mile side trip to the top of Mt Evans, at over 14,000 feet,

      is something that can't be found anywhere else in the country. We'll provide

      the sag wagon, you provide the legs and lungs.</p>

   <p>Once you're back to Littleton, please join us for a celebratory dinner

      as we share memories of an amazing 6 days of riding the Colorado mountains.</p>

</div>

 

   <address>

      Bike the Mountains Tour &nbsp;&bull;&nbsp;

      Littleton, CO 80123 &nbsp;&bull;&nbsp;

      (303) 555 - 5499

   </address>

 

 

</body>

</html>





 New Perspectives on HTML and XHTML 5th Edition
   Tutorial 3
   Case Problem 2

   Mountain Wheels Style Sheet
   Author: 	
   Date:   

   Filename:         wheel.css
   Supporting Files: body.jpg, block.jpg, h1back.jpg

*/

 

 

body            {font-family: verdana, helvetica;

                 margin: 0px 0px 0px 0px;

                 background-color: white;

                 background-image: url(body.jpg);

                 background-repeat: repeat-y;

                }

 

#column1        {float: left;

                 width: 140px;

                 padding-left: 10px;

                padding-right: 20px

                }

 

#column2        {width: 40%;

                 float: left;

                 border-left: 1px solid black;

                 border-right: 1px solid black

                }

#column3             {float: left; width: 40%; }
      

h1         {text-align: center; height: 100px; border-bottom: 1px solid black; background: white url(h1back.jpg) repeat-x; margin: 0px;}

h2		{text-indent: 30px; color: white; background-color: rgb(108, 87, 12);letter-spacing: 8pt; font-variant: small-caps;}

h3	{margin-left: 10px;}

p	{margin: 10px 20px 20px 10px;}

blockquote	{width: 200px; padding: 10px; font-size: 16pt; color: white; background: rgb(255,204,0) url(block.jpg) repeat-x; border: 3px solid black; float: right; margin: 5px 10px 5px 5px;}

a	{display: block; font-size: 10pt; margin: 5px 5px 5px 0px; border: 1px solid black; padding: 2px; background-color: rgb(255,255,192); text-decoration: none; }

address {text-align: center; font-size: 10pt; font-style: normal; background-color: white; padding: 10px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: black; clear: both}

1	-
1	+	Case 3 is complete
2
3
4
5		Tutorial 3 Review
6		<html>
7		<head>
8		<!--
9		New Perspectives on HTML and XHTML 5th Edition
10		Tutorial 3
11		Case Problem 2
12
13		Bike the Mountains Tour
14		Author:
15		Date:
16
17		Filename: bmtour.htm
18		Supporting files: body.jpg, block.jpg, h1back.jpg, h1title.gif, wheels.css
19		-->
20
21
22		<title>Bike the Mountains Tour</title>
23
24
25
26		<link href="wheels.css" rel="stylesheet" type="text/css" />
27
28
29
30
31
32		</head>
33
34
35
36		<body>
37
38		<h1><img src="h1title.gif" /></h1>
39
40		<div id="column1">
41
42		<a href="#">Home</a>
43
44		<a href="#">Learn More</a>
45
46		<a href="#">Testimonials</a>
47
48		<a href="#">Route Maps</a>
49
50		<a href="#">Register</a>
51
52		<a href="#">Lodging</a>
53
54		<a href="#">Meals</a>
55
56		<a href="#">Training</a>
57
58		<a href="#">Equipment</a>
59
60		<a href="#">Forums</a>
61
62		<a href="#">FAQs</a>
63
64		<a href="#">Contact Us</a>
65
66		</div>
67
68
69
70		<div id="column2">
71
72		<h2>Introduction</h2>
73
74		<p>The Bike the Mountains Tour rises from the town of Littleton, Colorado and
75
76		explores the Colorado Front Range. Our tour crosses the Continental Divide
77
78		twice, giving you the opportunity to bike the highest paved roads in the
79
80		United States. This tour is a classic showcase of Colorado's Rocky Mountain
81
82		scenery.</p>
83
84		<blockquote>
85
86		"The Bike the Mountains Tour is <i>amazing</i>. I highly recommend it
87
88		and would gladly return."
89
90		</blockquote>
91
92		<p>Not designed for the weekend cyclist, this tour is offered only for those
93
94		fit enough to ride high mountain passes. We provide sag wagons and
95
96		support. Your lodging and meals are also part of the registration fee.
97
98		We guarantee tough climbs, amazing sights, sweaty jerseys, and lots
99
100		of fun.</p>
101
102		<p>This is the seventh year we've offered the Bike the Mountains Tour. It is
103
104		our most popular tour and riders are returning again and again. Our experienced
105
106		tour leaders will be there to guide, help, encourage, draft, and lead you
107
108		every stroke of the way. Come join us!</p>
109
110		<h2>Itinerary</h2>
111
112		<h3>Day 1</h3>
113
114		<p>We start from the foothills above Littleton, Colorado, promptly at 9am. Be sure
115
116		to fuel up at Kate's House of Pancakes before starting your ride. The first
117
118		day is a chance to get your legs in shape, test your gearing, and prepare for
119
120		what's to come. Be aware that there are several steep grades as we climb out of
121
122		the valley into the Front Range. Optional side tours and shortcuts will be
123
124		provided.</p>
125
126		<h3>Day 2</h3>
127
128		<p>Day 2 starts with a climb up Bear Creek Canyon to Lookout Mountain, followed
129
130		by a swift and winding descent into the town of Golden. Refresh yourself at the
131
132		famous Coors Brewery. You'll need the break to get yourself ready for a great
133
134		climb through Golden Gate Canyon to the Peak to Peak Highway, ending in the
135
136		gambling town of Blackhawk. Try your hand at poker and blackjack, but watch
137
138		your wallet.</p>
139
140		</div>
141
142		<div id="column3">
143
144		<h3>Day 3</h3>
145
146		<p>Day 3 takes you along the Peak to Peak Highway. Established in 1918 this is
147
148		Colorado's oldest scenic byway. This 55-mile route showcases the mountains
149
150		of the Front Range, providing amazing vistas from Golden Gate Canyon State Park
151
152		to Rocky Mountain National Park. We'll stop at Estes Park for fun and
153
154		refreshment. Get a good night's sleep; you'll need it the next day.</p>
155
156		<h3>Day 4</h3>
157
158		<p>Now for the supreme challenge: Day 4 brings some real high-altitude cycling
159
160		through Rocky Mountain National Park and up Trail Ridge Road. It's an
161
162		amazing ride, high above timberline, topping out at over 11,000 feet. Stop and
163
164		rest at the Alpine Visitor's Center before all of that hard work is rewarded
165
166		with a fast and joyous descent into the town of Grand Lake.</p>
167
168		<h3>Day 5</h3>
169
170		<p>We start Day 5 on the west side of the Continental Divide. From Grand Lake,
171
172		you'll bike to Winter Park, a great ski town summer resort. From Winter Park it's
173
174		a steady and scenic climb over Berthoud Pass, and back to the eastern side of
175
176		the Continental Divide. We'll stay at Idaho Springs, where you can enjoy the
177
178		natural hot springs at the hotel.</p>
179
180		<h3>Day 6</h3>
181
182		<p>On Day 6 choose your pleasure or your poison. You can ride back to Littleton
183
184		over Squaw Pass and Bear Creek. The ride is beautiful and enjoyable in its
185
186		own right. However, if you're "up" to it, this is your opportunity to tackle
187
188		Mount Evans. The 7-mile side trip to the top of Mt Evans, at over 14,000 feet,
189
190		is something that can't be found anywhere else in the country. We'll provide
191
192		the sag wagon, you provide the legs and lungs.</p>
193
194		<p>Once you're back to Littleton, please join us for a celebratory dinner
195
196		as we share memories of an amazing 6 days of riding the Colorado mountains.</p>
197
198		</div>
199
200
201
202		<address>
203
204		Bike the Mountains Tour  •
205
206		Littleton, CO 80123  •
207
208		(303) 555 - 5499
209
210		</address>
211
212
213
214
215
216		</body>
217
218		</html>
219
220
221
222
223
224		New Perspectives on HTML and XHTML 5th Edition
225		Tutorial 3
226		Case Problem 2
227
228		Mountain Wheels Style Sheet
229		Author:
230		Date:
231
232		Filename: wheel.css
233		Supporting Files: body.jpg, block.jpg, h1back.jpg
234
235		*/
236
237
238
239
240
241		body {font-family: verdana, helvetica;
242
243		margin: 0px 0px 0px 0px;
244
245		background-color: white;
246
247		background-image: url(body.jpg);
248
249		background-repeat: repeat-y;
250
251		}
252
253
254
255		#column1 {float: left;
256
257		width: 140px;
258
259		padding-left: 10px;
260
261		padding-right: 20px
262
263		}
264
265
266
267		#column2 {width: 40%;
268
269		float: left;
270
271		border-left: 1px solid black;
272
273		border-right: 1px solid black
274
275		}
276
277		#column3 {float: left; width: 40%; }
278
279
280		h1 {text-align: center; height: 100px; border-bottom: 1px solid black; background: white url(h1back.jpg) repeat-x; margin: 0px;}
281
282		h2 {text-indent: 30px; color: white; background-color: rgb(108, 87, 12);letter-spacing: 8pt; font-variant: small-caps;}
283
284		h3 {margin-left: 10px;}
285
286		p {margin: 10px 20px 20px 10px;}
287
288		blockquote {width: 200px; padding: 10px; font-size: 16pt; color: white; background: rgb(255,204,0) url(block.jpg) repeat-x; border: 3px solid black; float: right; margin: 5px 10px 5px 5px;}
289
290		a {display: block; font-size: 10pt; margin: 5px 5px 5px 0px; border: 1px solid black; padding: 2px; background-color: rgb(255,255,192); text-decoration: none; }
291
292		address {text-align: center; font-size: 10pt; font-style: normal; background-color: white; padding: 10px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: black; clear: both}