-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
96 lines (90 loc) · 5.29 KB
/
about.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Tyler Hartje | Wildlife Photographer</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div class="nav">
<a href="index.html"><div id="nav-item-static">TYLER HARTJE <span class="glyphicon glyphicon-camera" style="color: #B14520;" aria-hidden="true"></span> </div></a>
<a href="index.html"><div id="nav-item">HOME</div></a>
<a href="about.html"><div id="nav-item">ABOUT</div></a>
<a href="g-index.html"><div id="nav-item">GALLERIES</div></a>
<a href="conservation.html"><div id="nav-item">CONSERVATION</div></a>
<a href="http://www.tylerhartjephoto.blogspot.com"><div id="nav-item">BLOG</div></a>
<a href="contact.html"><div id="nav-item">CONTACT</div></a>
<div style="width:300px;float:right;">
<!--gcse:search></gcse:search-->
</div>
</div>
<div class="main" style="background-image: url('img/background/6.jpg');">
<div class="main-content" style="width: 100%; padding-top: 65px;">
<div id="window" style="border-bottom: none;">
<div id="pane-large" style="float: left;">
<h2>About Tyler</h2>
<p>Tyler is a graduate student at Seattle University, where he's working towards a Master's degree in Computer Science. When he's not writing code he's outside studying and photographing the natural world of the Pacific Northwest. He keeps a <a href="http://tylerhartjephoto.blogspot.com/">photography blog</a> and a <a href="https://www.facebook.com/TylerHartjePhoto/">Facebook page</a> highlighting some of his best and most favorite works.</p>
<br/>
<p>Tyler is a member of NANPA (North American Nature Photography Association), Eastside Audubon Society, and SSAMN (Salish Sea Association of Marine Naturalists).</p>
<p>
Puget Sound Bird Fest slides available in PDF format available here: <a href="https://www.dropbox.com/s/dxex6wky6wwr9lf/bird-fest-photo-2017.pdf?dl=0">Puget Sound Bird Fest Presentation 2017</a>
</p>
</div>
<div id="pane-small" style="float: right;">
<img src="img/about/tyler4.JPG" class="img-circle" style="float:right; width: 250px; height: 250px; margin: 20px;">
</div>
</div>
<div id="window" style="border-top: none;">
<div id="pane-large" style="float: left;">
<h2>My Philosophy</h2>
<p>"Even with all our technological accomplishments and urban sophistication we consider ourselves blessed, healed in some manner, forgiven and for a moment transported into some other world, when we catch a passing glimpse of an animal in the wild" - Quote by Thomas Berry</p>
<br/>
<p>I deeply believe in the power of the natural world to affect us and to change us – to spark moments of creativity and discovery and to provide us space for reflection and contemplation. Observing nature is a welcome break from the busy lives we all lead, whether it is for a ten minute walk in the park or a week long backpacking trek in the mountains. Through my photography I am only a witness to this miraculous display of life and colors that nature puts on year in and year out. In my photos I hope to share some of what I see with you. And hopefully you, too, will be inspired to go out and see for yourself the natural beauty of the Pacific Northwest.</p>
</div>
<div id="pane-small" style="float: right;">
<img src="img/about/tyler2.jpg" class="img-circle" style="float:right; width: 250px; height: 250px; margin: 20px;">
</div>
</div>
</div>
</div>
<div class="main">
<footer>
<div class="footer">
<div class="footer-element">
<p class="footer-title">ABOUT</p>
<a href="index.html">Return to Home</a><br>
<a href="about.html">About Tyler</a><br>
<a href="conservation.html">Conservation</a><br>
<a href="published.html">Published</a><br>
</div>
<div class="footer-element">
<p class="footer-title">GALLERIES</p>
<a href="g-index-birds.html">Birds</a><br>
<a href="g-wildlife.html">Wildlife</a><br>
<a href="g-landscapes.html">Landscapes</a><br>
<a href="g-san-juan-islands.html">San Juan Islands</a><br>
<a href="g-alaska.html">Alaska</a><br>
<a href="g-abstract-macro.html">Abstract and Macro</a><br>
<a href="g-favorites.html">Favorites</a><br>
<a href="g-index.html">All Galleries</a><br>
</div>
<div class="footer-element">
<p class="footer-title">CONNECT</p>
<a href="contact.html">Contact</a><br>
<a href="http://www.tylerhartjephoto.blogspot.com">Blog</a><br>
<a href="events.html">Events</a><br>
</div>
<div class="footer-element" style="max-width: 220px;">
<a href="http://www.facebook.com/TylerHartjePhoto/"><span class="fa fa-facebook-square fa-3x" aria-hidden="true"></span></a>
<a href="http://www.instagram.com/tyler.hartje/"><span class="fa fa-instagram fa-3x" aria-hidden="true"></span></a>
<a href="http://www.flickr.com/photos/129819157@N07/"><span class="fa fa-flickr fa-3x" aria-hidden="true"></span></a>
<a href="http://www.tylerhartjephoto.blogspot.com/"><span class="fa fa-rss-square fa-3x" aria-hidden="true"></span></a>
</div>
<div style="float:right; margin-left: 20px; margin-right: 20px;"><a href=""><span class="fa fa-chevron-circle-up fa-3x" aria-hidden="true"></span></a></div>
</div>
</footer>
</div>
</body>
</html>