Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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 •
- Littleton, CO 80123 •
- (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}
Add Comment
Please, Sign In to add comment