-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (171 loc) · 8.79 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
<!DOCTYPE HTML>
<html>
<head>
<title>Anthony Chaple</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta name="author" content="Anthony Chaple" />
<meta name="keywords" content="Anthony Chaple, anthonychl, Linux Administrator, IT, Programmer" />
<meta name="description" content="Hi I'm Anthony, cybersecurity and programming enthusiast. Here are some of my projects and contact information" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Anthony Chaple</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="#">Home</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="inner">
<h2>< Hello :) ></h2>
<h3>I'm Anthony.</h3>
<p>
Welcome to my portfolio! Here, you'll find projects that showcase my journey through learning Linux, networking, cloud technologies,
security, and programming. I am certified <b><a href="https://www.credly.com/badges/8ea8d8db-ff7d-454b-a1a7-a6b89038cbe7" target="_blank">CompTIA Security+</a></b> and
<b><a href="https://www.credly.com/badges/31989a4f-1f4d-4a5a-bf84-8333f60ce269" target="_blank">CompTIA Network+</a></b>
and I'm actively working towards additional certifications and courses.
I'm particularly interested in cybersecurity, with a focus on roles such as Security Operations Center (SOC) Analyst.
For more information, feel free to visit my
<b><a href="https://www.linkedin.com/in/anthony-chaple-lopez-54160a196/" target="_blank">LinkedIn</a></b> profile,<b><a href="https://tryhackme.com/r/p/Anthonych" target="_blank">Tryhackme</a></b> and <b><a href="https://github.com/anthonychl" target="_blank">Github</a></b>
accounts for more.
</p>
</div>
</header>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<h3 class="major" id="certifications">Certifications</h3>
<section class="features2">
<article>
<a href="#certifications" class="image"><img src="images/security.png" alt="Security+" /></a>
<h3 class="major">CompTIA Security+</h3>
<a href="https://www.credly.com/badges/8ea8d8db-ff7d-454b-a1a7-a6b89038cbe7" class="special" target="_blank">Check on Credly</a>
</article>
<article>
<a href="#certifications" class="image"><img src="images/network.png" alt="Network+" /></a>
<h3 class="major">Comptia Network+</h3>
<a href="https://www.credly.com/badges/31989a4f-1f4d-4a5a-bf84-8333f60ce269" class="special" target="_blank">Check on Credly</a>
</article>
<article>
<a href="#certifications" class="image"><img src="images/az900.png" alt="AZ900" /></a>
<h3 class="major">Microsoft Azure Fundamentals AZ900</h3>
<a href="https://www.credly.com/badges/425cd1fd-d395-471b-8439-4d6ab0178884" class="special" target="_blank">Check on Credly</a>
</article>
<article>
<a href="#certifications" class="image"><img src="images/googlecyber.png" alt="GoogleCyber" /></a>
<h3 class="major">Google Cybersecurity</h3>
<a href="https://www.credly.com/badges/441442c1-1336-4b50-972e-670d29ebf52a" class="special" target="_blank">Check on Credly</a>
</article>
<article>
<a href="#certifications" class="image"><img src="images/googleit.png" alt="GoogleIT" /></a>
<h3 class="major">Google IT Support</h3>
<a href="https://www.credly.com/badges/e0c96bee-9a4f-4325-bec2-29e0b94bbfd5" class="special" target="_blank">Check on Credly</a>
</article>
</section>
<h3 class="major" id="projects">Projects</h3>
<section class="features">
<article>
<a href="#projects" class="image"><img src="images/proxmox-img.png" alt="proxmox" /></a>
<h3 class="major">PROXMOX server</h3>
<p>My notes and step by step guides. <br> Based on a <a href="https://www.youtube.com/c/LearnLinuxtv" target="_blank">learn linux tv</a> proxmox tutorial series </p>
<a href="https://github.com/anthonychl/proxmox" class="special" target="_blank">Check on Github</a>
</article>
<article>
<a href="#projects" class="image"><img src="images/ansible.png" alt="ansible" /></a>
<h3 class="major">Ansible</h3>
<p>My notes and step by step guides. <br> Based on a <a href="https://www.youtube.com/c/LearnLinuxtv" target="_blank">learn linux tv</a> ansible tutorial series </p>
<a href="https://github.com/anthonychl/ansible" class="special" target="_blank">Check on Github</a>
</article>
<article>
<a href="#projects" class="image"><img src="images/ecomm-home.png" alt="eCommerce" /></a>
<h3 class="major">Anthony's</h3>
<p>An eCommerce webapp. <br> <b>Python, Django,</b> the<b> Stripe API, Bootstrap</b> and <b>JS</b>
are among the technologies being used.</p>
<a href="https://github.com/anthonychl/django2-ecommerce" class="special" target="_blank">Check on Github</a>
</article>
<article>
<a href="#projects" class="image"><img src="images/pup-home.png" alt="Blog" /></a>
<h3 class="major">Puppy Blog</h3>
<p>A blog web application.<br> Here <b>Python</b> and the <b>Flask</b> framework take care of the backend.</p>
<a href="https://github.com/anthonychl/Puppy-Blog" class="special" target="_blank">Check on Github</a>
</article>
<article>
<a href="#projects" class="image"><img src="images/simple-home.png" alt="Social Network" /></a>
<h3 class="major">SimpleSocial</h3>
<p>A 'Social Network'. <br> <b>Python, Django, MDBootstrap</b> and more is used to bring this app to life.</p>
<a href="https://github.com/anthonychl/SimpleSocial" class="special" target="_blank">Check on Github</a>
</article>
<article>
<a href="#projects" class="image"><img src="images/btre-home.png" alt="Real Estate" /></a>
<h3 class="major">BT Real Estate</h3>
<p>A real estate website. <br> Taking advantage of an existing template, and implementing <b>Python</b> and <b>Django</b>
for our backend.</p>
<a href="https://github.com/anthonychl/Python-Django-dev-to-deployment" class="special" target="_blank">Check on Github</a>
</article>
</section>
<h3 class="major" id="skills">Skills</h3>
<section class="features">
<article>
<ul>
<li>Linux Installation and Package Management</li>
<li>Linux Administrative Tasks and Commands</li>
<li>BurpSuite</li>
<li>Metasploit</li>
</ul>
</br>
</article>
<article>
<ul>
<li>Version Control with Git</li>
<li>Active Directory</li>
<li>Python and C++ programming</li>
<li>Bilingual (English, Spanish)</li>
</ul>
</br>
</article>
</section>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major" id="contact">Get in touch</h2>
<ul class="contact">
<li class="icon brands fa-linkedin"><a href="https://www.linkedin.com/in/anthony-chaple-lopez-54160a196/" target="_blank">linkedin</a></li>
<li class="icon brands fa-github"><a href="https://github.com/anthonychl" target="_blank">github</a></li>
</ul>
<iframe src="https://tryhackme.com/api/v2/badges/public-profile?userPublicId=3133018" style='border:none;'></iframe>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.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>