tech-degree-project-1/interests.html at main · Mirthomasson/tech-degree-project-1 · 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Mir Thomasson's Interests</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
    <link
      href="https://fonts.googleapis.com/css?family=Muli%7CRoboto:400,300,500,700,900"
      rel="stylesheet"
    />
  </head>
  <body>
    <div class="main-nav2">
      <ul class="nav2">
        <li class="name">Mir Thomasson</li>
        <li><a href="index.html">Home</a></li>
        <li><a href="interests.html">Interests</a></li>
        <li><a href="dogs.html">Dogs</a></li>
      </ul>
    </div>

    <header>
      <h1 class="title name">My Interests</h1>
      </div>
    </header>
    <main class="flex">
      <div class="section2">
        <h2 class="section2-title">Hiking</h2>
        <p>
          I really enjoy the outdoors. I love going for long hikes, and camping
          in the woods for multiple days at a time!
        </p>
        <figure>
          <img
            src="images/appalachian_trail.png"
            alt="Here is the Appalachian Trail."
          />
          <figcaption style="font-family: Bradley Hand">
            Map view of the Appalachian Trail.
            <a href="https://appalachiantrail.org/" target="blank" style="color: blue;"
              >Click me to learn more about the trail!</a
            >
          </figcaption>
        </figure>
        <br />
        <h3>Some pictures from my hike:</h3>
          <figure>
            <img
              src="images/rock_wall.jpg"
              alt="Walking through some tight spaces."
            />
            <figcaption style="font-family: Bradley Hand">
              Hiking through some tight spaces
            </figcaption>
          </figure>
          <br />
          <figure>
            <img
              src="images/hammock_camping.jpg"
              alt="Camping in a hammock is my favorite."
            />
            <figcaption style="font-family: Bradley Hand">
              Camping in a hammock
            </figcaption>
          </figure>
          <br />
          <figure>
            <img src="images/Sea_of_clouds.jpg" alt="Standing on a cliff" />
            <figcaption style="font-family: Bradley Hand">
              View over the clouds in massachusetts
            </figcaption>
          </figure>
          <br />
          <figure>
            <img
              src="images/ridge_walking.jpg"
              alt="walking on the ridgeline."
            />
            <figcaption style="font-family: Bradley Hand">
              Hiking the ridgeline
            </figcaption>
          </figure>
      </div>

      <div class="section2">
        <h2 class="section2-title">Traveling</h2>
        <p>My top 4 places to visit would be:</p>
        <ul class="skills">
          <li>Hawaii</li>
          <li>New Zealand</li>
          <li>Norway</li>
          <li>Singapore</li>
        </ul>
        <h3>Places I've been to:</h3>
          <figure>
            <img
              src="images/multnomah_falls.jpg"
              alt="my husband and I in front of the multnomah waterfall."
            />
            <figcaption style="font-family: Bradley Hand">
              Gorgeous waterfall in Multnomah Falls, Oregon
            </figcaption>
          </figure>
          <br />
          <figure>
            <img
              src="images/north_dakota.jpg"
              alt="pig in the road in north dakota."
            />
            <figcaption style="font-family: Bradley Hand">
              Long dirt roads in Dickinson, North Dakota
            </figcaption>
          </figure>
          <br />
          <figure>
            <img
              src="images/sandbridge_beach.jpg"
              alt="my husband and I in front of a rainbow in sandbridge."
            />
            <figcaption style="font-family: Bradley Hand">
              Soaking up the sun in Sandbridge beach, Virginia
            </figcaption>
          </figure>
          <br />
          <figure>
            <img
              src="images/snowshoe.jpg"
              alt="All of us on a ski lift at snowshoe."
            />
            <figcaption style="font-family: Bradley Hand">
              Skiing in Snowshoe, West Virginia
            </figcaption>
          </figure>
          <br />
          <figure>
            <img
              src="images/glendive_montana.jpg"
              alt="our dirtbikes at glendive."
            />
            <figcaption style="font-family: Bradley Hand">
              Riding dirtbikes in Glendive, Montana
            </figcaption>
          </figure>
      </div>
    </main>
    <footer>
      <ul>
        <li>
          <a
            href="https://github.com/Mirthomasson"
            target="_blank"
            class="social github"
            >Github</a
          >
        </li>
      </ul>
      <p class="copyright">Copyright 2021, Mir Thomasson</p>
      <a href="#top" class="top">Back to Top</a>
    </footer>
</html>