Skip to content

Instantly share code, notes, and snippets.

@shawnr
Created May 1, 2015 16:19
Show Gist options
  • Save shawnr/458d3d1ba57da4911faa to your computer and use it in GitHub Desktop.
Save shawnr/458d3d1ba57da4911faa to your computer and use it in GitHub Desktop.
Tab Panels Solution for Add a Map assignment

This is an example solution for the tabs in the Add a Map assignment:

<div id="about" role="tabpanel">
      <!-- Create the HTML structure to trigger the Bootstrap tabs feature:
            http://getbootstrap.com/javascript/#tabs

            You will need to add HTML structure to show each of the divs below
            as a unique tab. -->

          <!-- Nav tabs -->
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#description" aria-controls="description" role="tab" data-toggle="tab">Description</a></li>
            <li role="presentation"><a href="#history" aria-controls="history" role="tab" data-toggle="tab">History</a></li>
            <li role="presentation"><a href="#stats" aria-controls="stats" role="tab" data-toggle="tab">Stats</a></li>
          </ul>

        <!-- Tab panes -->
        <div class="tab-content">
          <div id="description" role="tabpanel" class="tab-pane active">
            <h2>About</h2>
            <p>Mount Rainier (pronounced: <b>/reɪˈnɪər/</b>) is the highest mountain of the Cascade Range of the Pacific Northwest, and the highest mountain in the state of Washington. It is a large active stratovolcano located 54 miles (87 km) southeast of Seattle. It is the most topographically prominent mountain in the contiguous United States and the Cascade Volcanic Arc, with a summit elevation of 14,411 ft (4,392 m).[1][2] Mt. Rainier is considered one of the most dangerous volcanoes in the world, and it is on the Decade Volcano list. Because of its large amount of glacial ice, Mt. Rainier could potentially produce massive lahars that could threaten the entire Puyallup River valley.</p>
          </div>
          <div id="history" role="tabpanel" class="tab-pane">
            <h2>History</h2>
            <p>At the time of European contact, the river valleys and other areas near the mountain were inhabited by many Pacific Northwest tribes who hunted and gathered berries in its forests and mountain meadows. These included the Nisqually, Cowlitz, Yakama, Puyallup, and Muckleshoot.</p>

            <p>Captain George Vancouver reached Puget Sound in early May 1792 and became the first European to see the mountain.</p>

            <p>In 1833, Dr. William Fraser Tolmie explored the area looking for medicinal plants. Hazard Stevens and P. B. Van Trump received a hero's welcome in the streets of Olympia after their successful summit climb in 1870. The first female ascent was made in 1890 by Fay Fuller, accompanied by Van Trump and three other teammates.</p>

            <p>John Muir climbed Mount Rainier in 1888, and although he enjoyed the view, he conceded that it was best appreciated from below. Muir was one of many who advocated protecting the mountain. In 1893, the area was set aside as part of the Pacific Forest Reserve in order to protect its physical/economic resources: timber and watersheds.</p>

            <p>Citing the need to also protect scenery and provide for public enjoyment, railroads and local businesses urged the creation of a national park in hopes of increased tourism. On March 2, 1899, President William McKinley established Mount Rainier National Park as America's fifth national park. Congress dedicated the new park "for the benefit and enjoyment of the people" and "... for the preservation from injury or spoliation of all timber, mineral deposits, natural curiosities, or wonders within said park, and their retention in their natural condition."</p>
          </div>
          <div id="stats" role="tabpanel" class="tab-pane">
            <!-- TODO: Use CSS to enhance the look of these statistics. Feel free to
                        enhance the HTML if you need to. -->
            <h2>Statistics</h2>
            <dl>
              <dt>Elevation</dt>
              <dd>14,411 ft (4,392 m)</dd>
              <dt>Prominence</dt>
              <dd>13,211 ft (4,027 m)</dd>
              <dt>Range</dt>
              <dd>Cascade Range</dd>
              <dt>Type</dt>
              <dd>Stratovolcano</dd>
              <dt>Age of Rock</dt>
              <dd>500,000 years</dd>
              <dt>Last Eruption</dt>
              <dd>November to December, 1894</dd>
              <dt>First Ascent</dt>
              <dd>1870 by Hazard Stevens and P. B. Van Trump</dd>
              <dt>Easiest Route</dt>
              <dd>Rock/ice climb via Disappointment Cleaver</dd>
            </dl>
          </div>

        </div>
      </div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment