peterken1.github.io/rivers.html at master · peterken1/peterken1.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Rivers</title>
    <link rel="stylesheet" href="css/style.css" />
  </head>

  <body>
    <header>
      <picture>
        <img
          src="http://brothert.net/dryoar/images/dryoarlogo.png"
          alt="Dry Oar Logo"
        />
      </picture>
      <section class="heading">
        <h1>
          Dry Oar <br />
          Whitewater Rafting.
        </h1>
        <div class="motto">Come Ride the Rapids with Us!</div>
      </section>
    </header>

    <nav>
      <ul>
        <li><a href="index.html">HOME</a></li>
        <li><a href="rivers.html">RIVERS</a></li>
        <li><a href="faq.html">FAQ</a></li>
      </ul>
    </nav>

    <main>
      <h2>RIVERS.</h2>
      <img
        src="https://byui-cit.github.io/wdd130/resources/images/river-wide.JPG"
        alt="Salmon Main Fork"
      />
      <div class="rivers-grid"></div>
      <div class="first">
        <h4 class="river-A">Main Fork of the Salmon River, Idaho</h4>
        <p class="river-A-paragraph">
          Nestled deep in the Frank Church Wilderness of No Return winds the
          Salmon river. The Salmon was given the nickname long ago as the River
          of No Return by the people living near it because of the number of
          folks that came to visit and fell so in love with the rugged beauty of
          the river that they never left. <br />
          Herds of elk and deer graze on the hillsides around the river and bear
          and bighorn sheep are also commonly sighted. The river corridor is
          also lined with awe inspiring ponderosa pine which tower over the
          sandy beaches in the campsites and provide shelter from sun or rain
          when needed. <br />
          Let's not forget the rapids! They range from class I-IV. The Salmon is
          one of the longest undammed rivers in the United States. As a free
          flowing river the water is higher, faster, and colder in the early
          summer and lower, slower, and warmer in the late summer. There are
          good rapids all summer...but families with children who like to swim
          tend to appreciate the late summer's slower, warmer water more.
        </p>
      </div>
      <div class="image-A">
        <img
          src="http://brothert.net/dryoar/images/raft-rapid.jpg"
          alt="Salmon Rapids"
        />
      </div>

      <div class="second">
        <h4 class="river-B-head">Desolation and Gray Canyon, Utah</h4>
        <p class="river-2-paragraph">
          Winding through canyons in central Utah, in some of the most desolate
          land anywhere, the Green river flows towards the mighty Colorado river
          and the sea. High grey stone cliffs, beautiful desert scenery, and
          great rapids have made this run famous. This 84-mile trip runs from
          from Sand Wash to Swaseys Rapid (just outside Green River Utah) and
          boasts outstanding scenery, interesting geologic formations, evidence
          of prehistoric and historic human activity, and great whitewater
          opportunities. <br />
          Desolation is rated a Class II/III and is usually done in 6 days
          <br />
          Desolation Canyon has been recognized as a National Landmark. This
          designation is based on the uniqueness and rich history that the
          canyon tells.
        </p>
      </div>
      <div class="image-B">
        <img
          src="https://byui-cit.github.io/wdd130/resources/images/littlecolorado-wide.jpg"
          alt="Little Colorado"
        />
      </div>

      <div class="third">
        <h4 class="river-C-head">Grand Canyon, Arizona</h4>
        <p class="river-C-paragraph">
          This is the grand daddy of all canyons and the grand daddy of all
          river trips. You will never forget your visit to the Grand Canyon.
          <br />
          Grand Canyon river rafting combines world-class whitewater with
          breathtaking scenery to make one truly unforgettable river experience.
          The canyon is filled not only with exhilarating whitewater rapids, but
          with side canyons and ancient indian ruins accessible only by
          river.<br />
          CLASS I - X: The Grand Canyon uses a unique river rating scale. The
          rapids in the Canyon are technically rated I - X ( 1 - 10) to
          accommodate such a wide variety of rapids and river variances.
          However, most people are familiar with the regular I - V river rating
          scale, so we often refer to both.
        </p>
      </div>
      <div class="image-C">
        <img
          src="https://byui-cit.github.io/wdd130/resources/images/salmon-kayak-banner2.jpg"
          alt="Navigatin Grand Canyon"
        />
      </div>
    </main>
    <footer>
      &copy;2020 | Peter Ratemo | Dry Oar | Whitewater Rafting
      <div class="social">
        <a
          href="https://byui-cit.github.io/wdd130/images/icons/color/facebook.png"
        >
          <img
            src="https://byui-cit.github.io/wdd130/images/icons/color/facebook.png"
            alt="Facebook Icon"
        /></a>
        <a href="https://byui-cit.github.io/wdd/images/icons/color/youtube.png">
          <img
            src="https://byui-cit.github.io/wdd130/images/icons/color/youtube.png"
            alt="YouTube Icon"
        /></a>
        <a
          href="https://byui-cit.github.io/wdd130/images/icons/color/twitter.png"
        >
          <img
            src="https://byui-cit.github.io/wdd130/images/icons/color/twitter.png"
            alt="Twitter Icon"
        /></a>
      </div>
    </footer>
  </body>
</html>