Want more features on Pastebin? Sign Up, it's FREE!
Guest

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

By: a guest on Oct 1st, 2010  |  syntax: None  |  size: 7.02 KB  |  views: 8,391  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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 &nbsp;&bull;&nbsp;
  205.  
  206.       Littleton, CO 80123 &nbsp;&bull;&nbsp;
  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}
clone this paste RAW Paste Data