-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
203 lines (168 loc) · 8.64 KB
/
index.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
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE HTML>
<!--
Prologue by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Prologue by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/reset.css" />
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="assets/css/layout.css" />
<link rel="stylesheet" href="assets/css/module.css" />
<link rel="stylesheet" href="assets/css/theme.css" />
</head>
<body class="is-preload">
<!-- Header -->
<div id="header">
<div class="top">
<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span>
<h1 id="title">Aaron Ferris</h1>
<p>Junior Software Developer</p>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#top" id="top-link"><span class="icon fa-home">Introduction</span></a></li>
<li><a href="#portfolio" id="portfolio-link"><span class="icon fa-th">Portfolio</span></a></li>
<li><a href="#about" id="about-link"><span class="icon fa-user">About Me</span></a></li>
<li><a href="#contact" id="contact-link"><span class="icon fa-envelope">Contact</span></a></li>
</ul>
</nav>
</div>
<div class="bottom">
<!-- Social Icons -->
<ul class="icons">
<li><a href="https://twitter.com/AaronFerris16" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/abferris" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="https://dribbble.com/abferris" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>
</div>
</div>
<!-- Main -->
<div id="main">
<!-- Intro -->
<section id="top" class="one dark cover">
<div class="container">
<header>
<h2 class="alt">Hi! I'm <strong>Aaron Ferris</strong>, a Junior Web Developer.</h2>
<p>Feel free to poke around and help yourself.</p>
</header>
<footer>
<a href="#portfolio" class="button scrolly">To Content</a>
</footer>
</div>
</section>
<!-- Portfolio -->
<section id="portfolio" class="two">
<div class="container">
<header>
<h2>Portfolio</h2>
</header>
<p>Hi, My name is Aaron Ferris. I am a junior web developer with a background in engineering, leadership and customer service. I grew up in Seattle near the University of Washington. In first grade, my best friend said he wanted to be an engineer, and I decided to explore the world of knowledge as well. Ever since then, I've loved mental challenges and solving them, however I have always been primarily a social butterfly.</p>
<p>For my higher education, I attended University of Portland's Donald P. Shiley School of Engineering, and completed a BSME. While working on my final project, I felt isolated from people and instead of pursuing a career with my degree I decided to move to something more people oriented, which eventually landed me a job in retail while working in the community coaching Ultimate Frisbee.</p>
<p>While I did well and progressed to a manager, but I never felt completely challenged enough. In the natural progression of that career, I only saw myself becoming more miserable as a store manager solely concerned with the store’s sales, and decided to move to something else.</p>
<p>My brother had been bothering me to try coding for at least a year and a half, and after talking with people, I decided it was right for me. The challenge and the methodical approach was appealing to me, but I was also pleasantly surprised by how closely developers work together in teams</p> .
<p>My excellence at isolating and understanding a problem from engineering and my experience in retail, understanding the customer’s needs, building and working with a team has placed me in an excellent place not only to be excited and challenged, but to also thrive in an ever changing environment.</p>
<div class="row">
<div class="col-4 col-12-mobile">
<article class="item">
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
<header>
<h3>Ipsum Feugiat</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3>Rhoncus Semper</h3>
</header>
</article>
</div>
<div class="col-4 col-12-mobile">
<article class="item">
<a href="#" class="image fit"><img src="images/pic04.jpg" alt="" /></a>
<header>
<h3>Magna Nullam</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/pic05.jpg" alt="" /></a>
<header>
<h3>Natoque Vitae</h3>
</header>
</article>
</div>
<div class="col-4 col-12-mobile">
<article class="item">
<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" /></a>
<header>
<h3>Dolor Penatibus</h3>
</header>
</article>
<article class="item">
<a href="#" class="image fit"><img src="images/pic07.jpg" alt="" /></a>
<header>
<h3>Orci Convallis</h3>
</header>
</article>
</div>
</div>
</div>
</section>
<!-- About Me -->
<section id="about" class="three">
<div class="container">
<header>
<h2>About Me</h2>
</header>
<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
<p>I am a lover of all things science, as long as you do not make me do biochemistry. My personal interests are varied. I love music can play the piano. I love to go to karaoke bars and sing (go-to artist being Prince). I am a large consumer in science fiction and fantasy. Reading has been my original love, and has always sparked my imagination, fueling ideas for the rest of my life. I enjoy going out to theaters, and love to watch films not simply for watching it but studying it in its ideologys, appeal to audience, and cool decisions that creators make. When I can, I play Dungeons & Dragons 5th Edition, and occasionally will run a campaign when I have the time. I also love sports, and in particular the rising star of Ultiamate frisbee. I have been a competitive athlete, a casual athlete, and a coach for Middle School.</p>
</div>
</section>
<!-- Contact -->
<section id="contact" class="four">
<div class="container">
<header>
<h2>Contact</h2>
</header>
<p>Feel free to contact me for any reason at all, be it for social reasons or professional. Please make sure you are specific about the subject of the matter, and I will return your message at my earliest convenience.</p>
<form method="post" action="#">
<div class="row">
<div class="col-6 col-12-mobile"><input type="text" name="name" placeholder="Name" /></div>
<div class="col-6 col-12-mobile"><input type="text" name="email" placeholder="Email" /></div>
<div class="col-12">
<textarea name="message" placeholder="Message"></textarea>
</div>
<div class="col-12">
<input type="submit" value="Send Message" />
</div>
</div>
</form>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer">
<!-- Copyright -->
<ul class="copyright">
<li>© abferris. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
<!-- Scripts -->
<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/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>