forked from JohnZavisa/johnzavisa.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
192 lines (177 loc) · 8.82 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
<!DOCTYPE HTML>
<html>
<head>
<title>SourceKode</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="images/zIcon.png">
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body class="landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">John Zavisa</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html" class="button special">Home</a></li>
<li><a href="game.html">3D Game Project</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>Welcome to my website...</h2>
<p>“Make things as simple as possible but no simpler.”<br />
- Albert Einstein.</p>
</header>
<span class="image"><img src="images/headshot.jpg" alt="" /></span>
</div>
<a href="#one" class="goto-next scrolly">Next</a>
</section>
<!-- One -->
<section id="one" class="spotlight style1 bottom">
<span class="image fit main"><img src="images/shermBack.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="4u 12u$(medium)">
<header>
<h2>Me</h2>
<p>I'm John Zavisa, a computer nerd and musician in Nashville, Tennessee.</p>
</header>
</div>
<div class="4u 12u$(medium)">
<p>I currently work as a Software Engineering Intern for AUTOFLYTE, a marketing
intelligence company located in Brentwood, TN. I'm graduating from Middle Tennessee State
University in Fall of 2018 with a B.S in Computer Science and a minor in Philosophy.
I plan on going to graduate school.
</p>
</div>
<div class="4u$ 12u$(medium)">
<p>My main interests include algorithm design, data analysis, deep learning,
and my cats. I spend most of my time coding for work, or studying computer
stuff. I play guitar everyday, and have been for many years. I attended
Vanderbilt University for Classical Guitar and used to give guitar lessons.</p>
</div>
</div>
</div>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</section>
<!-- Two -->
<section id="two" class="spotlight style2 right">
<span class="image fit main"><img src="images/mtn.jpg" alt="" /></span>
<div class="content">
<header>
<h2>I enjoy being in nature</h2>
<p>One day I'll live in the mountains with plenty of animals</p>
</header>
<p>Ideally, I would love to travel the world and live many different places, but the first
place on my list is in on a mountain. I'm impartial to where in the world the mountain is, I just want to live on it.
Having many animals is going to be great, as I plan on having plenty of cats, dogs, and whatever else I want.</p>
<li><a href="#three" class="goto-next scrolly"> Next</a></li>
</div>
</section>
<!-- Three -->
<section id="three" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/cpucity.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Until then, I'll continue to live in the city</h2>
<p>Although, it isn't too bad. I love my home, and don't mind waiting to move</p>
</header>
<p>Lately, I've been interested in crypto-currencies. Particularly coins alternative
to Bitcoin. I started mining for Ethereum about a year ago and have continued to stay involved in crypto as
much as possible. I have much hope for alt-coins, and here’s why: I don’t see there being a monopoly with it
being platformed on a decentralized open source system; a benefit of digital currency is the variety of
alternatives.</p>
<li><a href="#four" class="goto-next scrolly">Next</a></li>
</div>
</section>
<!-- Four -->
<div class="my_class">
<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Skills and Interests</h2>
<p>A few things that I spend the most time working with...</p>
</header>
<div class="box alt">
<div class="row uniform">
<section class="4u 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-area-chart"></span>
<h3>Statistics</h3>
<p>Many of the programs that I write for work are related to statistical analysis.</p>
</section>
<section class="4u 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa-save"></span>
<h3>Software</h3>
<p>I work with different kinds of software on a daily basis.</p>
</section>
<section class="4u$ 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-music"></span>
<h3>Guitar</h3>
<p>I learn and write new things on guitar regularly.</p>
</section>
<section class="4u 6u$(medium) 12u$(small)">
<i class="icon alt major fa fa-cog fa-spin "></i>
<span class="sr-only">Loading...</span>
<h3>Algorithm Design</h3>
<p>Designing and Optimizing algorithms to solve problems are my biggest interests
at the moment.</p>
</section>
<section class="4u 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa fa-btc"></span>
<h3>Cryptocurrency</h3>
<p>Blockchain and hashgraph technology are the future of global finance and communication.</p>
</section>
<section class="4u$ 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa fa-share-alt-square"></span>
<h3>Deep Learning</h3>
<p>I design and train neural networks. I enjoy using them for data science.</p>
</section>
</div>
</div>
<footer class="major">
<a id="quirky_button" href="#five" class="goto-next scrolly push-down"></a>
</footer>
</div>
</section>
</div>
<!-- Five -->
<section id="five" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Thank you for checking out my website</h2>
<p>"In order to exist just once in the world, it is necessary never again to exist."
- Albert Camus</p>
</header>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="https://www.linkedin.com/in/john-zavisa-b4143713a/" class="icon alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://www.instagram.com/00.johnzavisa.00/?hl=en" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/JohnZavisa" class="icon alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
<ul class="copyright">
<li>© John Zavisa. All rights reserved.</li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.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>