-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhome.html
More file actions
279 lines (221 loc) · 11.9 KB
/
home.html
File metadata and controls
279 lines (221 loc) · 11.9 KB
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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
<!DOCTYPE html>
<!-- TODO: --make the cards a link without text formatting.--
make links to the content on the project cards
fill out the about section
fill out the contact me section
fill in the images on the cards
fill in link for resume and blog
-->
<html>
<head>
<meta charset="utf-8">
<title>Zachary Quinn</title>
<link rel="icon" href="icon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="10">
<nav id="navbarmain" class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
<a class="navbar-brand" href="#"><strong>ZQ</strong></a>
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#About-Me">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#Contact-Me">Contact</a>
</li>
</ul>
</nav>
<!-- END NAV BAR -->
<!-- BEGIN JUMBOTRON -->
<div class="jumbotron jumbotron-fluid">
<div class="container">
<div class="row">
<div class="col-sm-9">
<h1 class="display-4" id="Home">Zachary Quinn</h1>
<p class="lead ">
<em style=''>[</em>
<a href="https://github.com/fuzzylittlemanpeach8" target="_blank"><span style="color: grey;"><em>github page</em><span></a>
<span style='color: grey'>-</span>
<a href="https://www.linkedin.com/in/zachary-quinn08" target="_blank"><span style="color: grey;"><em>linkedIn page</em><span></a>
<span style='color: grey'>-</span>
<a href="resume" target="_blank"><span style="color: grey;"><em>resume</em><span></a>
<span style='color: grey'>-</span>
<a href="blog" target="_blank"><span style="color: grey;"><em>blog</em><span></a>
<em style=''>]</em>
</p>
<hr>
<p class="">I'm currently a student at ECPI University, and will be graduating with a Bachelor's in Software Development this fall. Programming is my passion. I absolutley love to learn how computers work, and I especially enjoy finding ways in which to improve a given situation with programming. </p>
<p class="">Most of my programming experience is in front-end web development, C/C++, SQL, and Python, but I'm eager to learn other languages too. Currently I'm interested in teaching myself Python to optimize my workflow in my Linux environment and to learn Data Science fundamentals. I would love to one day be able to effectively harvest data and produce accurate and relevant conclusions through the use of Data Science tools and frameworks.</p>
<p class="">Many projects I'm involved in are affiliated with the ECPI Software Development Club, of which I am Vice President. Some projects include VR with the Oculus Rift, a text-based adventure in C++, a motion-activated light-up board with an arduino, to list a few. </p>
<div class="alert alert-info text-center" role="alert">
<strong>By the way:</strong> This website is still under construction. Some functions may not work. Thanks!
</div>
</div>
<div class="col-sm-3">
<img src="picOfMe.jpg" alt="oops, my beautiful face should be here!" class = "rounded-circle float-sm-right p-2 img-fluid " width="250">
</div>
</div>
</div>
</div>
<!-- END JUMBOTRON -->
<!-- BEGIN PROJECTS -->
<div class="container container-fluid pt-5" id="Projects" >
<h4 class="display-4 text-center font-italic" ><span class='text-secondary'>--{ </span>Projects<span class='text-secondary'> }--</span></h4>
<br>
<div class="row">
<div class="col-sm-4">
<a href="/path/to/python/page" target="_blank" style="text-decoration: none; color: black;">
<div class="card card-link">
<img class="card-img-top" src="python.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Learning Python</h4>
<p class="card-text">
<span style="text-decoration: none">
I'll be posting some updates on concepts I'm learning in python here, with tutorials! I'm using Udemy and Lynda courses.
</span>
</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="card" >
<a href="https://github.com/fuzzylittlemanpeach8/arduino-light-board" target="_blank" style="text-decoration: none; color: black;">
<img class="card-img-top" src="Arduino_Uno.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Motion-Sensing Arduino Light Board</h4>
<p class="card-text">
A club project born out of a joke, using an arduino and RGB LEDs to capture attention.
</p>
</div>
</a>
</div>
</a>
</div>
<div class="col-sm-4">
<div class="card" href="#">
<img class="card-img-top" src="django.jpg" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Django</h4>
<p class="card-text">
A marriage of my two favorite things: programming and design! Django is a web framework written in python. I'm learning it through Udemy.
</p>
</div>
</div>
</a>
</div>
</div>
<!-- end project row -->
<hr>
<div class="row">
<div class="col-sm-4">
<div class="card" href="#">
<a href="https://github.com/richie31213/Escape-the-Island" target="_blank" style="text-decoration: none; color: black;">
<img class="card-img-top" src="escape-the-island.png" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Escape The Island</h4>
<p class="card-text">
A myst-inspired C++ game written by a friend that I helped design
</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="card" href="#">
<a href="https://github.com/fuzzylittlemanpeach8/portfolio-webpage" target="_blank" style="text-decoration: none; color: black;"/>
<img class="card-img-top" src="website.png" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">Portfolio Webpage</h4>
<p class="card-text">
This may be a bit recursive, but here's a link to the github page for this site. Here you can see a log of changes I make.
</p>
</div>
</a>
</div>
</div>
<div class="col-sm-4">
<div class="card" href="#">
<a href="#" target="_blank" style="text-decoration: none; color: black;">
<img class="card-img-top" src="desktop.png" alt="Card image cap">
<div class="card-body">
<h4 class="card-title">My Workstation</h4>
<p class="card-text">
Here I'll show what I'm using in my manjaro linux workstation. This will be anything from window managers to basic terminal tools.
</p>
</div>
</a>
</div>
</div>
<!-- end row -->
</div>
<!-- end cards -->
</div>
<!-- END PROJECTS -->
<hr>
<!-- BEGIN ABOUT -->
<div class="container container-fluid pt-5" id="About-Me">
<h1 class="display-4 text-center font-italic" ><span class='text-secondary'>< </span><span class=''>About Me</span><span class='text-secondary'> /></span></h1>
<br>
<div class="row">
<div class="col-sm-1">
</div>
<div class="col-sm-10">
<p>
<p class="">I'm currently a student at ECPI University, and will be graduating with a Bachelor's in Software Development this fall. Programming is my passion. I absolutley love to learn new software, and I especially enjoy finding ways in which to develop solutions with programming. </p>
<p class="">Most of my programming experience is in JavaScript, C/C++, SQL, and Python, but I'm eager to learn other languages too. Currently I'm interested in teaching myself Python to optimize my workflow in my Linux environment and to learn Data Science fundamentals. I would love to one day be able to effectively leverage data using trends and produce accurate and relevant conclusions through the use of Data Science tools and frameworks.</p>
<p class="">Many projects I'm involved in are affiliated with the ECPI Software Development Club, of which I am Vice President. Some projects include VR with the Oculus Rift, a text-based adventure in C++, a motion-activated light-up board with an arduino, to list a few. </p>
<p>Most of my spare time is spent learning something new, whether it be playing a new song on my guitar, learning a new library or tool in JavaScript, teaching myself a new programming language, learning a new software, or making something. </p>
<p>I have a background in engineering as I was an engineering student before finding my passion in programming, and I find that I use that mindset toward programming. I always try to reduce repetition as much as possible, and I am always trying to improve my code. I try to keep the unix philosophy in mind when coding, keeping things modular and flexible.</p>
<p>I barely knew how to create a new folder two years ago, and now I am making websites, writing programs, and using a linux operating system as my primary workstation. I've found something I naturally love doing, and I'm very thankful for that. One of my prime directives is no never stop learning. That's why when I and a few other guys formed the Software Development Club, we all decided on our club motto: <em>'Learn Something New.'</em>
</p>
<p><em class='alert-light'>
By the way, If you are curious, this website was built from scratch using bootstrap and (almost) no css, which I take a small amount of pride in ;). Nothing against CSS, [except everything]. you can check out my github for it on the project card above. I used the following resources to make this:
<ul>
<li><a href="https://hackerthemes.com/bootstrap-cheatsheet/#mb-1" style="color: grey;">{ Hackertheme's super useful bootstrap reference }</a></li>
<li><a href="https://www.w3schools.com/bootstrap4/default.asp" style="color: grey;">{ The ever-ubiquitous w3 schools website }</a></li>
</ul>
</em>
</p>
</div>
<div class="col-sm-1">
</div>
</div>
</div>
<!-- END ABOUT -->
<hr>
<!-- BEGIN CONTACT -->
<div class="container container-fluid pt-5 mb-5" id="Contact-Me">
<h1 class="display-4 text-center font-italic"><span class='text-secondary'>[ </span>Contact<span class='text-secondary'> ]</span></h1>
<div class="row">
<div class="col-sm-1">
</div>
<div class="col-sm-10 ">
<p class="lead text-center">
<em style=''>[</em>
<a href="https://github.com/fuzzylittlemanpeach8" target="_blank"><span style="color: grey;"><em>github page</em><span></a>
<span style='color: grey'>-</span>
<a href="https://www.linkedin.com/in/zachary-quinn08" target="_blank"><span style="color: grey;"><em>linkedIn page</em><span></a>
<span style='color: grey'>-</span>
<a href="resume" target="_blank"><span style="color: grey;"><em>resume</em><span></a>
<span style='color: grey'>-</span>
<a href="blog" target="_blank"><span style="color: grey;"><em>blog</em><span></a>
<em style=''>]</em>
</p>
<p class="">Feel free to contact me or see my other work at any of the links above! I'll respond as quickly as possible.</p>
</div>
<div class="col-sm-1">
</div>
</div>
</div>
<!-- END CONTACT -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>