-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutme.html
175 lines (159 loc) · 8.65 KB
/
aboutme.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
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html>
<title>Justin Renneke - About me</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="assets/css/main.css" />
<body>
<div id="wrapper">
<!-- Header -->
<header id="header" class="alt">
<!-- <a href="index.html" class="logo"><strong>Forty</strong> <span>by HTML5 UP</span></a> -->
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="resume.html">Resume</a></li>
<li><a href="projects.html">Projects</a></li>
</ul>
</nav>
</div>
<!-- Header -->
<header class="w3-display-container w3-content w3-wide" style="max-width:1280px;" id="home">
<img class="w3-image" src="/images/aboutme1.jpg" alt="Mount Etna" width="1280" height="853">
<div class="w3-display-middle w3-margin-top w3-center">
<h1 class="w3-xxlarge w3-text-white"><span class="w3-padding w3-black w3-opacity-min"><b>About Me</b></span><br> <span class="w3-hide-small w3-text-light-grey">My passions and personality</span></h1>
</div>
</header>
<!-- Page content -->
<div class="w3-content w3-padding" style="max-width:1564px">
<!-- About Section -->
<div class="w3-container w3-padding-32" id="about" style="text-align: center; font-size: 14pt;">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16"></h3>
<p>I've always been inspired by the ethics of stoic philosophy and one of the guiding tenents of my life has been Aristotle's idea of eudaimonia, or the idea that the path to happiness is best traveled by identifying the things you are talented at and concentrating on achieving the highest excellence in their practice. So, I choose to concentrate on a handful of activities in my life that I am truly passionate about.<br><br>
One of those things is creating high quality software. As a lifelong perfectionist and technophile, I feel truly lucky to have found my calling in life and take genuine joy in the work. I believe that joy and pride is reflected in the things I make. I love the challenge of finding that balance between perfection and productivity, while learning new tools and more efficient ways to build things along the way.<br><br>
Another thing I'm passionate about is seeing the world. I've always had a deep-seated curiousity about how other people do things - observing and taking what I judge to be the best differences and incorporating them into my own life - and what better way to do that than to travel the world? I'm on a quest to visit 50+ countries and to set foot on every continent on Earth.<br><br>
I'm also passionate about fitness of body and mind. Our bodies and our minds are inextricably tied together - I believe if one is unhealthy, then the other cannot achieve its fullest potential.<br><br>
Finally, for me, photography goes hand in hand with travelling. I love going to interesting places and attempting to capture the essence of those places in still photographs. I've included a few of my best photographs below.
</p>
</div>
<!-- Project Section -->
<div class="w3-container w3-padding-32" id="projects">
<h3 class="w3-border-bottom w3-border-light-grey w3-padding-16">Photography</h3>
</div>
<div class="w3-row-padding">
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Antigua, Guatemala</div>
<a href="/images/guatemala.jpg"><img src="/images/guatemala.jpg" alt="House" style="width:100%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Istanbul</div>
<a href="/images/istanbul.jpg"><img src="/images/istanbul.jpg" alt="House" style="width:100%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Aran Island</div>
<a href="/images/aran.jpg"><img src="/images/aran.jpg" alt="House" style="width:100%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">La Rambla, Barcelona</div>
<a href="/images/barcelona.jpg"><img src="/images/barcelona.jpg" alt="House" style="width:100%"></a>
</div>
</div>
</div>
<div class="w3-row-padding">
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Copenhagen</div>
<a href="/images/copenhagen.jpg"><img src="/images/copenhagen.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Big Sur, California</div>
<a href="/images/california.jpg"><img src="/images/california.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Nicaragua</div>
<a href="/images/nicaragua.jpg"><img src="/images/nicaragua.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Appian Way, Rome</div>
<a href="/images/rome.jpg"><img src="/images/rome.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Prague</div>
<a href="/images/prague.jpg"><img src="/images/prague.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Berlin</div>
<a href="/images/berlin.jpg"><img src="/images/berlin.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Ometepe Island</div>
<a href="/images/ometepe.jpg"><img src="/images/ometepe.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Carrauntoohil, Ireland</div>
<a href="/images/ireland.jpg"><img src="/images/ireland.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Capadoccia, Turkey</div>
<a href="/images/turkey.jpg"><img src="/images/turkey.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Budapest</div>
<a href="/images/budapest.jpg"><img src="/images/budapest.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">Skellig Island</div>
<a href="/images/skellig.jpg"><img src="/images/skellig.jpg" alt="House" style="width:99%"></a>
</div>
</div>
<div class="w3-col l3 m6 w3-margin-bottom">
<div class="w3-display-container">
<div class="w3-display-topleft w3-black w3-padding">El Salvador</div>
<a href="/images/elSalvador.jpg"><img src="/images/elSalvador.jpg" alt="House" style="width:99%"></a>
</div>
</div>
</div>
<!-- End page content -->
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>