-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (129 loc) · 8.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parke</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<section class="cool-shit">
<div class="container-demo">
<div class="content">
<div id="large-header" class="large-header">
<canvas id="demo-canvas">
</canvas>
<h1 class="main-title">I'm Parke<span class="thin"><br>A <span id="gang">Pro</span>grammer</h1>
</div>
</div>
</div>
</section>
<!-- Title Section -->
<section class="title-section">
<!--<img src="./I’m Parke.png" width="100%" height="750px">-->
<div class="px-4 py-5 my-5 text-center">
<img class="d-block mx-auto mb-4" src="./headshot.jpg" alt="" width="72" height="57">
<h1 class="display-5 fw-bold text-body-emphasis">Hello, World!</h1>
<div class="col-lg-6 mx-auto">
<p class="lead mb-4">I am currently pursuing my bachelor's degree in secure software development.
I have a passion for security research and enjoy ethical hacking in my free time 😎
</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
</div>
</div>
</div>
</section>
<!-- Top Of Skills Section -->
<section>
<span class="badge text-bg-success rounded-pill">Skills</span>
<br>
</section>
<!-- Skills/Resume Section -->
<section class="skills-section">
<div class="container px-4 py-5" id="hanging-icons">
<div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
<div class="col d-flex align-items-start">
<div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
<svg xmlns="http://www.w3.org/2000/svg" height="30" fill="currentColor" class="bi bi-check2-circle"
viewBox="0 0 16 16">
<path
d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z" />
<path
d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z" />
</svg>
</div>
<div>
<h3 class="fs-2 text-body-emphasis">Programming</h3>
<p>I believe the ability to read and write code provides a fundamental foundation to truly understand how these crazy machines work in the first place. I am proficient in Python, C++, SQL, HTML, CSS, JavaScript & x86 Microsoft Assembly language. I have built standalone applications that connect to external databases, generate GUIs and even generate HTML in a webpage to be displayed to the user. I have experience in full stack web development on the side, and have built a blog web-app along with multiple web pages utilizing proper UI/UX & web design techniques. I have also written custom red-teaming scripts, including an SSH brute force tool & a SHA-256 hash cracking tool. You can find a link to my GitHub through the "Connect" button below.</p>
</div>
</div>
<div class="col d-flex align-items-start">
<div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
<svg xmlns="http://www.w3.org/2000/svg" height="30" fill="currentColor" class="bi bi-check2-circle"
viewBox="0 0 16 16">
<path
d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z" />
<path
d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z" />
</svg>
</div>
<div>
<h3 class="fs-2 text-body-emphasis">Red-Teaming</h3>
<p>I began to study various elements of computers and the networks they communicate across more in depth after taking an Intro to Ethical Hacking course. Since then, I have participated in multiple CTF and red team/blue team style challenges, such as the fall 2022 CyberForce and both the fall 2023 and spring 2024 National Cyber League competitions, as well as taken courses in advanced red-teaming tactics, malware development and enterprise phishing. I spend most of my free time finding flags in various Hack the Box labs & challenges or following TryHackMe paths & modules if I need to brush up on any particular set of skills along my journeys. This is personally my favorite area of study, and I hope to pursue a future career in the offensive security space :)</p>
</div>
</div>
<div class="col d-flex align-items-start">
<div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
<svg xmlns="http://www.w3.org/2000/svg" height="30" fill="currentColor" class="bi bi-check2-circle"
viewBox="0 0 16 16">
<path
d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z" />
<path
d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z" />
</svg>
</div>
<div>
<h3 class="fs-2 text-body-emphasis">Networking</h3>
<p>I enjoy learning how computer networks function and work in unison to create the beautiful worldwide internet that we all know, love and enjoy. I have built basic but effective single area OSPF networks as well as full enterprise level infrastructures complete with VLANs, dynamic routing, segmentation, security & access controls, network monitoring mechanisms and secure Wi-Fi. I am currently working on both a personal home lab to host red team/blue team wargames and Red Rocks Community College brand new Cyber Lab infrastructure where we hope to set up a similar environment in order to better teach the cybersecurity students and faculty practical security skills with more hands-on focused labs along with the ability to host cyber events down the road as well.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section>
<div class="bg-dark text-secondary px-4 py-5 text-center">
<div class="py-5">
<h1 class="display-5 fw-bold text-white">Get In Touch</h1>
<div class="col-lg-6 mx-auto">
<p class="fs-5 mb-4">If you are in need of any of the skills mentioned above, feel free to contact me!</p>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
<a href="./connect.html"><button type="button" class="btn btn-outline-info btn-lg px-4 me-sm-3 fw-bold">CONNECT</button></a>
</div>
</div>
</div>
</div>
</section>
<section class="cool-shit">
<div class="container">
</div>
<div id="particles-js"></div>
</section>
<!-- Footer Section -->
<section class="xp-gang">
<div class="container okay-word">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4">
<div class="col-md-4 d-flex align-items-center">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none lh-1">
</a>
<span class="mb-3 mb-md-0 text-body-secondary">© 2024 Parke | Made with ❤️ in space</span>
</div>
</footer>
</div>
</section>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/TweenLite.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/EasePack.min.js"></script>
<script type="text/javascript" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/499416/demo.js"></script>
</body>
</html>