-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
203 lines (188 loc) · 8.4 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>
<!--
Hyperspace by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Steven Tagner</title>
<link rel="icon" href="images/icon.jpg">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<!--<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript> -->
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#one">About Me</a></li>
<li><a href="#two">Projects</a></li>
<li><a href="#three">Get in touch!</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Welcome!</h1>
<p>This is a place to learn about me, my projects, and interests. If you have any questions, comments, or tomatoes feel free to <a href = "#three"> reach out to me! </a> </p>
<ul class="actions">
<li><a href="#one" class="button scrolly">Learn more</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a href="#" class="image"><img src="images/pic01.jpg" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Education: Summit</h2>
<p>This was a program offered in my high school where we could take college classes for credit towards our degree.
This was done by replacing our high school general education classes with the higher level courses offered by our
local community college.
</p>
<!--<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul>-->
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/pic02.jpg" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>Education: CVCC (Associates Degree, Web Development Certification)</h2>
<p>I completed my associates degree at the same community college I took classes with
in high school. Along with my associates degree, I completed my web development
certification at the same time.
</p>
<!--<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul> -->
</div>
</div>
</section>
<section>
<a href="#" class="image"><img src="images/pic03.jpg" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Education: UNCG (Bachelor's Degree)</h2>
<p>At UNCG, I studied computer science with a concentration in data science. I enjoyed my studies
of artificial intelligence and data science and finished the culmination of my degree in May of
2023 with a final project "Docu-Doc", which you can read about below.
</p>
<!--<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul>-->
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div class="inner">
<h2>Projects and Interests</h2>
<p></p>
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3><a href="https://uncg-daisy.github.io/BeachRover/">UNCG Beach Rover</a></h3>
<p>This Rover is designed to patrol beaches and draw conclusions about what is harming our beaches. While this project was canceled for several reasons, it
was a great learning experience for me and was a great way for me to experience the R&D cycle in a university setting. If you want to read more click the link
above to read about our progress!</p>
</section>
<section>
<span class="icon solid major fa-lock"></span>
<h3>Robo-dog and Robotics</h3>
<p>This is a long term project I am using to teach myself about electrical engineering and robotics. While it is mostly CAD Designs and prototype boards at the
present, I will be putting it together and working on it more soon. (Link to dedicated page coming soon!) </p>
</section>
<section>
<span class="icon solid major fa-desktop"></span>
<h3><a href="jeager.html">Jeager-ML</a></h3>
<p>This Video game was created to being another dimension to fighting games! Wear the custom designed gloves and turn on the microcontrollers to control the
fighters in real time, with 6 moves for each stance and AI Opponents, this was one of the most fun projects I've been a part of! Click the link above to learn more!</p>
</section>
<section>
<span class="icon solid major fa-link"></span>
<h3><a href="docudoc.html">Docu-Doc</a></h3>
<p>Docu-Doc is a software application developed using Rust to help Windows users sort through cluttered folders without having to do it manually. We've
currently employed two different sorting algorithms: extension sort (which sorts files into subfolders based on their extension) and date sort (which
sorts files into subfolders by year and then month).</p>
</section>
<!--<section>
<span class="icon major fa-gem"></span>
<h3></h3>
<p>Phasellus convallis elit id ullam corper amet et pulvinar. Duis aliquam turpis mauris, sed ultricies erat dapibus.</p>
</section>
</div>
<ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul> -->
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Get in touch!</h2>
<p>Don't be shy! If you have any questions, comments, or tomatoes dont hesitate to reach out to me via email or any of the following channels.</p>
<div class="split style1">
<section>
<ul class="contact">
<!--<li>
<h3>Address</h3>
<span>12345 Somewhere Road #654<br />
Nashville, TN 00000-0000<br />
USA</span>
</li> -->
<li>
<h3>Email</h3>
<a href= mailto:"[email protected]">[email protected]</a>
</li>
<!--<li>
<h3>Phone</h3>
<span>lol yea right</span>
</li> -->
<li>
<h3>Social</h3>
<ul class="icons">
<!--<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li> -->
<li><a href="https://github.com/StevenTagner" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<!--<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li> -->
<li><a href="https://www.linkedin.com/in/steven-tagner-4093b7245/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© Steven Tagner. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>