-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (162 loc) · 8.31 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
<!DOCTYPE HTML>
<html>
<head>
<title>Justin Hennis</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" />
<link rel="preload" as="image" href="images/me.jpg">
<link rel="preload" as="image" href="images/bwme.png">
<link rel="preload" as="image" href="images/portrait_myself.jpg">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="icon" href="j32b.png" type="image/png" >
</head>
<body class="landing is-preload">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollToPlugin.min.js" integrity="sha512-1PKqXBz2ju2JcAerHKL0ldg0PT/1vr3LghYAtc59+9xy8e19QEtaNUyt1gprouyWnpOPqNJjL4gXMRMEpHYyLQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Justin Hennis</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="aboutme.html">About Me</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Justin Hennis</h2>
<p>Software Engineer &<br />
Aspiring Cybersecurity Analyst<br />
view my <a href="https://github.com/JustinHennis1">Github</a>.</p>
<ul class="actions special">
<li><a href="#footer" class="button primary">Follow</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style2 alt">
<div class="inner" style="padding: 3em 0;">
<header class="major">
<h2>Bridging Creativity and Technology</h2>
<p>Explore my journey from concept to creation</p>
</header>
<ul class="features" style="padding: 2em 0;">
<li class="icon solid fa-code" >
<h3>Software Development</h3>
<p>Crafting efficient and innovative solutions</p>
</li>
<li class="icon solid fa-shield-alt" >
<h3>Cybersecurity</h3>
<p>Protecting digital assets and ensuring data integrity</p>
</li>
<li class="icon solid fa-lightbulb" >
<h3>Problem Solving</h3>
<p>Tackling complex challenges with creative approaches</p>
</li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/hofstra.jpg" alt="" /></div><div class="content">
<h2>Major in Computer <br />
Science & Cybersecurity</h2>
<p>Having taken Fundamentals of Cybersecurity and Ethical Hacking at Hofstra University, I have gained theoretical knowledge and experience understanding the characteristics of a secure system and how best to remediate.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/hack.jpeg" alt="" /></div><div class="content">
<h2>Hackathon Winner<br />
</h2>
<p>Everyone wants to bring their ideas to life and what
better place to do that then in a hackathon.
My peers and I collaborated in the WiCyS Hackynology Competition
at Hofstra and won FIRST place with the title of "Best Overall Hack".
</p>
<br/>
<ul class="actions stacked">
<li><p> To try our project click: </p></li>
<li><a href="https://traverse.justinhennis.com" class="button fit primary">Traverse</a><li>
</ul>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/me.jpg" alt="" /></div><div class="content">
<h2>Problem Solver<br />
with an entrepreneurial spirit</h2>
<p>Driven by curiosity and fueled by innovation, I approach each challenge as an opportunity to create meaningful solutions. My goal is to leverage technology to make a positive impact on the world, one line of code at a time.</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style2 special">
<div class="inner">
<header class="major">
<h2>FAQ</h2>
<p>Here are some answers to some commonly asked<br />
questions that you may or may not have about me.</p>
</header>
<ul class="features">
<li class="icon solid fa-question">
<h3>Why did you choose this career path?</h3>
<p>I've always been fascinated by technology and its potential to solve complex problems. The ever-evolving nature of computer science and cybersecurity challenges me to continuously learn and adapt, which I find incredibly rewarding.</p>
</li>
<li class="icon solid fa-question">
<h3>What's your favorite part of coding?</h3>
<p>My favorite part of coding is the problem-solving aspect. I love the feeling of finally cracking a difficult problem or optimizing a piece of code. It's like solving a puzzle, and the satisfaction of seeing your solution work is unparalleled.</p>
</li>
<li class="icon solid fa-question">
<h3>What programming languages are you skilled at?</h3>
<p>I'm proficient in several languages including Python, Java, and C++. I also have experience with web technologies like HTML, CSS, and JavaScript. I'm always eager to learn new languages and frameworks as needed for projects.</p>
</li>
<li class="icon solid fa-question">
<h3>How do you stay updated with tech trends?</h3>
<p>I stay current by regularly reading tech blogs, participating in online forums, attending webinars, and experimenting with new technologies in personal projects. Continuous learning is crucial in this fast-paced field.</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner" style="align-items: center; justify-content: center; border-bottom: .5px dotted white;" >
<h2 >Follow Me on Social Media!</h2>
</div>
</section>
<!-- Footer -->
<footer id="footer" style="background-color: transparent; padding-top: 2em;">
<ul class="icons" style="font-size: 1.25em;">
<li><a href="https://www.linkedin.com/in/justin-hennis" class="icon brands fa-linkedin fa-lg"><span class="label">LinkedIn</span></a></li>
<li><a href="https://x.com/NightFlamefire" class="icon brands fa-twitter fa-lg"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/justin.hennis.33" class="icon brands fa-facebook-f fa-lg"><span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/justin_hennis/?hl=en" class="icon brands fa-instagram fa-lg"><span class="label">Instagram</span></a></li>
<li><a href="https://github.com/JustinHennis1" class="icon brands fa-github fa-lg"><span class="label">GitHub</span></a></li>
<li><a href="mailto:15hennisjustin@gmail.com" class="icon solid fa-envelope fa-lg"><span class="label">Email</span></a></li>
</ul>
</footer>
</div>
<!-- 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>