-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (117 loc) · 3.91 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
<!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>Jonathan Suconota</title>
<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>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4S3SY9D95F"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4S3SY9D95F');
</script>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Welcome</a></li>
<li><a href="#resume">Resume</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Jonathan Suconota</h1>
<p>Computer Science at CUNY Queens College.</p>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section id="resume">
<a href="#" class="image"><img src="images/pic10.jpg" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2>Resume</h2>
<p>Most recent.</p>
<ul class="actions">
<li><a href="resume.html" class="button">Click</a></li>
</ul>
</div>
</div>
</section>
<section id="projects">
<a href="#" class="image"><img src="images/pic02.jpg" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>Projects</h2>
<p>Python games, websites and machine learning</p>
<ul class="actions">
<li><a href="projects.html" class="button">Click</a></li>
</ul>
</div>
</div>
</section>
</section>
<!-- Two -->
<section id="two" class="wrapper style3 fade-up">
<div id="skills" class="inner">
<h2>Skills</h2>
<div class="features">
<section>
<span class="icon solid major fa-code"></span>
<h3>Technical Skills</h3>
<p>Javascript, Python and C++</p>
</section>
<section>
<span class="icon major fa-gem"></span>
<h3>Mentoring</h3>
<p>Pomonok Center and Kessler Program </p>
</section>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Github and LinkedIn</h2>
<p><a href="https://github.com/jonss0777">Github</a></p>
<p><a href="https://www.linkedin.com/in/jonathansuconota/">LinkedIn</a></p>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© Untitled. 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>