-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
292 lines (253 loc) · 25.7 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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
<!DOCTYPE HTML>
<!--
Prologue by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="icon" type="image/png" href="favicon.ico">
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/critical_modules/@fortawesome/fontawesome-free/css/all.css">
</head>
<body class="is-preload">
<!-- Header -->
<div id="header">
<div class="top">
<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/avatar.jpg" alt="Alejandro C. Grant" title="Alejandro C. Grant" /></span>
<h1 id="title">Alejandro C. Grant</h1>
<p>Software Engineer | Music Artist</p>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#top" id="top-link"><span class="icon solid fa-home">Intro</span></a></li>
<li><a href="#portfolio" id="portfolio-link"><span class="icon solid fa-th">Portfolio</span></a></li>
<li><a href="#ethos" id="ethos-link"><span class="icon solid fa-chalkboard-teacher">Ethos</span></a></li>
<li><a href="#connect" id="connect-link"><span class="icon solid fa-user">Connect</span></a></li>
<li><a href="#contact" id="contact-link"><span class="icon solid fa-envelope">Contact</span></a></li>
</ul>
</nav>
</div>
<div class="bottom">
<!-- Social Icons -->
<ul class="icons">
<li><a href="http://html5up.net/license" target="_blank" rel="noreferrer noopener" class="icon solid fa-file-contract"><span class="label">License</span></a></li>
</ul>
</div>
</div>
<!-- Main -->
<div id="main">
<!-- Intro -->
<section id="top" class="one dark cover">
<div class="container">
<header>
<h2 class="alt">Hello! I'm <strong>Alejandro Carrizosa Grant</strong>.</h2>
<span class="image avatar-medium"><img src="images/avatar.jpg" alt="Alejandro C. Grant" title="Alejandro C. Grant" /></span>
<p>Learn more about my journey by exploring below.</p>
<span>Hover over any icon or image for more info.</span>
</header>
<footer>
<button><a href="#portfolio" class="scrolly">Portfolio</a></button>
<form class='resume-form' method='GET' action='documents/grant_alejandro_resume.pdf'><button>Résumé</button></form>
</footer>
</div>
</section>
<!-- Portfolio -->
<section id="portfolio" class="two">
<div class="container">
<header>
<h2>Portfolio</h2>
<img height='32' width='32' alt='Python' title='Python' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/python/python.png' />
<img height='32' width='32' alt='Jinja' title='Jinja' src='https://raw.githubusercontent.com/pallets/jinja/11065b55a0056905a8973efec12a15dc658ef46f/artwork/jinjalogo.svg' />
<img height='32' width='32' alt='SQLAlchemy' title='SQLAlchemy' src='https://avatars.githubusercontent.com/u/6043126?s=200&v=4' />
<img height='32' width='32' alt='Flask' title='Flask' src='https://miro.medium.com/max/438/1*DGk2fpDud4D7goJxTqZ1pQ.png' />
<img height='32' width='32' alt='Scrapy' title='Scrapy' src='https://github.com/scrapy/scrapy/blob/master/artwork/scrapy-logo.jpg?raw=true' />
<img height='32' width='32' alt='JavaScript' title='JavaScript' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png' />
<img height='32' width='32' alt='React' title='React' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png' />
<img height='32' width='32' alt='Redux' title='Redux' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/redux/redux.png' />
<img height='32' width='32' alt='Express' title='Express' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/express/express.png' />
<img height='32' width='32' alt='Sequelize' title='Sequelize' src='https://camo.githubusercontent.com/58e35d08b53ec029f0e3e587a28a6f65777d352f797add843d153a0db60b9d7d/68747470733a2f2f692e696d6775722e636f6d2f79764559686e5a2e706e67' />
<img height='32' width='32' alt='Cheerio' title='Cheerio' src='https://avatars.githubusercontent.com/u/7230330?s=200&v=4' />
<img height='32' width='32' alt='HTML' title='HTML' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/html/html.png' />
<img height='32' width='32' alt='Pug' title='Pug' src='https://camo.githubusercontent.com/2eb688a747805c9acd144faf728c8a30f86fc4ca5fb39e6528232f0372151364/68747470733a2f2f63646e2e7261776769742e636f6d2f7075676a732f7075672d6c6f676f2f656563343336636565386664396431373236643738333963626539396431663639343639326330632f5356472f7075672d66696e616c2d6c6f676f2d5f2d636f6c6f75722d3132382e737667' />
<img height='32' width='32' alt='CSS' title='CSS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png' />
<img height='32' width='32' alt='Git' title='Git' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/git/git.png' />
<img height='32' width='32' alt='JSON' title='JSON' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/json/json.png' />
<img height='32' width='32' alt='Markdown' title='Markdown' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/markdown/markdown.png' />
<img height='32' width='32' alt='AWS' title='AWS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/aws/aws.png' />
</header>
<div class="description-container">
<p class="description">These are a few notable projects I've worked on. They span multiple languages and frameworks and each represent a critical part of my journey as a software engineer. For <a href="https://finstagram-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Finstagram</a>, I worked on a team, and in a week we had constructed an Instagram clone with AWS integration, a startlingly resemblant UI, and even a few Easter eggs. <a href="https://arcade-academy-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Arcade Academy</a> and <a href="https://erudite-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Erudite</a> are where I discovered my love for web scraping and pattern matching, skill sets I would nurture in my project <a href="https://creepy-crawler-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Creepy Crawler</a>.</p>
<p class="description"> For Creepy Crawler I wanted everything to be as thoughtful and semantically sound as possible. Early on, I switched my entire codebase to match a widely accepted style guide, used a screen reader to judge my site's accessibility, cross-referenced all regex in my codebase with a testing site to assure high performance and prevent any catastrophic backtracking, and even wrote special regular expressions to account for users that may have changed their computer's default settings to NATO timezones.</p>
<p class="description">The list goes on and one can be sure there were a plethora of obstacles between the custom built web crawler, which asynchronously linked the Scrapy framework with Flask through the Crochet library, and the ardent attention given to providing users a browser they could completely customize. In the process, I wrote <a href="https://github.com/MasterGrant137/Creepy_Crawler/wiki/Tasty-Bugs" target="_blank" rel="noreferrer noopener">extensive error reports</a> to help others who may wish to walk a similar path as I did. I'm thoroughly grateful for what I've experienced and whom I've worked with, proud of what I've created, and excited for what the future holds.</p>
</div>
<br>
<div class="row">
<div class="col-4 col-12-mobile">
<article class="item">Creepy Crawler
<a href="https://creepy-crawler-1.herokuapp.com/" target="_blank" rel="noreferrer noopener" class="image fit"><img src="https://github.com/MasterGrant137/Creepy_Crawler/blob/main/react-app/public/site_cover.png?raw=true" alt="Creepy Crawler" title="Creepy Crawler" /></a>
<header>
<i>Search Engine and Browser | Solo</i>
<h3>Creepy Crawler is a search engine wrapped in a fully customizable browser. Users can search the web, have their history logged, and set custom themes.</h3>
<div>
<img height='32' width='32' alt='Python' title='Python' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/python/python.png' />
<img height='32' width='32' alt='SQLAlchemy' title='SQLAlchemy' src='https://avatars.githubusercontent.com/u/6043126?s=200&v=4' />
<img height='32' width='32' alt='Flask' title='Flask' src='https://miro.medium.com/max/438/1*DGk2fpDud4D7goJxTqZ1pQ.png' />
<img height='32' width='32' alt='JavaScript' title='JavaScript' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png' />
<img height='32' width='32' alt='React' title='React' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png' />
<img height='32' width='32' alt='Redux' title='Redux' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/redux/redux.png' />
<img height='32' width='32' alt='Scrapy' title='Scrapy' src='https://github.com/scrapy/scrapy/blob/master/artwork/scrapy-logo.jpg?raw=true' />
<img height='32' width='32' alt='HTML' title='HTML' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/html/html.png' />
<img height='32' width='32' alt='CSS' title='CSS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png' />
<img height='32' width='32' alt='AWS' title='AWS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/aws/aws.png' />
</div>
<a href="https://creepy-crawler-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Live</a> | <a href="https://github.com/MasterGrant137/Creepy_Crawler" target="_blank" rel="noreferrer noopener">GitHub</a>
</header>
</article>
</div>
<div class="col-4 col-12-mobile">
<article class="item">Erudite
<a href="https://erudite-1.herokuapp.com/" target="_blank" rel="noreferrer noopener" class="image fit"><img src="https://github.com/MasterGrant137/Erudite/blob/main/frontend/public/site_cover.png?raw=true" alt="Erudite" title="Erudite" /></a>
<header>
<i>Lyrics Finder | Solo</i>
<h3 id="arcade-academy-description">Erudite gives users the ability to add, search for, and otherwise interact with songs. It serves a similar purpose as the lyrics website Genius.</h3>
<div>
<img height='32' width='32' alt='JavaScript' title='JavaScript' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png' />
<img height='32' width='32' alt='React' title='React' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png' />
<img height='32' width='32' alt='Redux' title='Redux' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/redux/redux.png' />
<img height='32' width='32' alt='Express' title='Express' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/express/express.png' />
<img height='32' width='32' alt='Sequelize' title='Sequelize' src='https://github.com/sequelize/sequelize/raw/main/docs/images/logo-small.png' />
<img height='32' width='32' alt='Cheerio' title='Cheerio' src='https://avatars.githubusercontent.com/u/7230330?s=200&v=4' />
<img height='32' width='32' alt='HTML' title='HTML' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/html/html.png' />
<img height='32' width='32' alt='CSS' title='CSS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png' />
</div>
<a href="https://erudite-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Live</a> | <a href="https://github.com/MasterGrant137/Erudite" target="_blank" rel="noreferrer noopener">GitHub</a>
</header>
</article>
<article class="item">Finstagram
<a href="https://finstagram-1.herokuapp.com/" target="_blank" rel="noreferrer noopener" class="image fit"><img src="https://github.com/MasterGrant137/Finstagram/blob/main/react-app/public/images/site_cover.png?raw=true" alt="Finstagram" title="Finstagram" /></a>
<header>
<i>Instagram Clone | Team</i>
<h3>Finstagram emulates the social media experience by giving the client the opportunity to interact with posts and connect with other users.</h3>
<div>
<img height='32' width='32' alt='Python' title='Python' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/python/python.png' />
<img height='32' width='32' alt='SQLAlchemy' title='SQLAlchemy' src='https://avatars.githubusercontent.com/u/6043126?s=200&v=4' />
<img height='32' width='32' alt='Flask' title='Flask' src='https://miro.medium.com/max/438/1*DGk2fpDud4D7goJxTqZ1pQ.png' />
<img height='32' width='32' alt='JavaScript' title='JavaScript' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png' />
<img height='32' width='32' alt='React' title='React' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/react/react.png' />
<img height='32' width='32' alt='Redux' title='Redux' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/redux/redux.png' />
<img height='32' width='32' alt='HTML' title='HTML' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/html/html.png' />
<img height='32' width='32' alt='CSS' title='CSS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png' />
<img height='32' width='32' alt='AWS' title='AWS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/aws/aws.png' />
</div>
<a href="https://finstagram-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Live</a> | <a href="https://github.com/MasterGrant137/Finstagram" target="_blank" rel="noreferrer noopener">GitHub</a>
</header>
</article>
</div>
<div class="col-4 col-12-mobile">
<article class="item">Arcade Academy
<a href="https://arcade-academy-1.herokuapp.com/" target="_blank" rel="noreferrer noopener" class="image fit"><img src="https://github.com/MasterGrant137/Arcade_Academy/blob/main/public/images/aa-coverThumbnail.png?raw=true" alt="Arcade Academy" title="Arcade Academy" /></a>
<header>
<i>Game Finder | Team</i>
<h3>Arcade Academy is structurally reminiscent of Goodreads but with a unique motif centering on games.</h3>
<div>
<img height='32' width='32' alt='JavaScript' title='JavaScript' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/javascript/javascript.png' />
<img height='32' width='32' alt='Express' title='Express' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/express/express.png' />
<img height='32' width='32' alt='Sequelize' title='Sequelize' src='https://github.com/sequelize/sequelize/raw/main/docs/images/logo-small.png' />
<img height='32' width='32' alt='Cheerio' title='Cheerio' src='https://avatars.githubusercontent.com/u/7230330?s=200&v=4' />
<img height='32' width='32' alt='Pug' title='Pug' src='https://camo.githubusercontent.com/2eb688a747805c9acd144faf728c8a30f86fc4ca5fb39e6528232f0372151364/68747470733a2f2f63646e2e7261776769742e636f6d2f7075676a732f7075672d6c6f676f2f656563343336636565386664396431373236643738333963626539396431663639343639326330632f5356472f7075672d66696e616c2d6c6f676f2d5f2d636f6c6f75722d3132382e737667' />
<img height='32' width='32' alt='CSS' title='CSS' src='https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/css/css.png' />
</div>
<a href="https://arcade-academy-1.herokuapp.com/" target="_blank" rel="noreferrer noopener">Live</a> | <a href="https://github.com/MasterGrant137/Arcade_Academy" target="_blank" rel="noreferrer noopener">GitHub</a>
</header>
</article>
</div>
</div>
</div>
</section>
<!-- Ethos -->
<section id="ethos" class="three">
<div class="container">
<header>
<h2>Ethos</h2>
</header>
<div class="ethos-image-container">
<img height='200' width='200' alt='Spotify Music Presence (2021)' title='Spotify Music Presence (2021)' src='images/spotify_music_presence.jpg' />
<img height='200' width='200' alt='Korean Classroom (2018)' title='Korean Classroom (2018)' src='images/korean_classroom.jpg' />
<img height='200' width='200' alt='UCR Graduation (2020)' title='UCR Graduation (2020)' src='images/ucr_graduation.jpg' />
<img height='200' width='200' alt="Martha's Vineyard Summer Camp (2016)" title="Martha's Vineyard Summer Camp (2016)" src="images/martha's_vineyard_camp.jpg" />
<img height='200' width='200' alt='German Course Placement (2019)' title='German Course Placement (2019)' src='images/german_course_placement.jpg' />
<img height='200' width='200' alt='Crisis Helpline Certification (2020)' title='Crisis Helpline Certification (2020)' src='images/crisis_helpline_certification.jpg' />
</div>
<i>Scroll through the photos above; hover over them for more info.</i>
<div class="description-container">
<p class="description">I first encountered code in my high school robotics class, freshman year. I helped build Arduino bots that completed various tasks on a game table. That experience acted as an early introduction to the duality of pleasure and frustration that programming can evoke. I continued dabbling in code until finally taking a deep dive in recent years which led me to enroll at App Academy. Their acceptance rate hovered around 5%, but I was determined to make an attempt. And, through my dedication to this métier I was not only accepted but graduated from the program with a wealth of rewarding experiences.<p>
<p class="description">Over the years I've also explored language, teaching, psychology, poetry, and music. Every new craft I've brought into my life, I've pursued with vehemence and stamina, conscious that each addition was best approached as a marathon. For language, I perfected my Spanish and taught myself German before placing into the highest level class before native speakers at the University of California Riverside (my alma mater, UCR). In regard to teaching, I've taught across the educational spectrum. In Martha's Vineyard, Massachusetts, I was a mentor at a summer camp, later on I was a virtual tutor for Preply, and I've also spent time in Korea teaching English and math to middle and high school students at a immersion camp through Global Vision Christian School. And for my interest in psychology, I spent time as an undergraduate research assistant at the Kids Interaction and Neurodevelopment Lab at UCR. Also, during my time at App Academy I volunteered on the Suicide and Crisis Helpline for Inland SoCal United Way. Poetry and music are other deep-rooted passions of mine. My monthly listeners across music platforms number in the thousands, and I have top-tier artist verification on <a href="https://genius.com/artists/137-us" target="_blank" rel="noreferrer noopener">Genius</a> (a lyrics website I, ironically, used as a resource for my project Erudite).</p>
<p class="description">In all the fields of learning I've touched, there are few constants: my wherewithal to learn alone—whether it be German syntax and pronunciation or a new web scraping framework, my ability to operate in foreign environments—from the Catskills of New York to the forests of Mungyeong-si, my comfort working in groups—whether that be instructors from around the world, music collaborations across the country, or programming teams, my stress and time management—manifested in my time on the crisis line and at App Academy, and, fundamentally, my willingness to push into the unknown and return to it undaunted no matter how many times hands may initially come back empty.</p>
</div>
<img>
</div>
</section>
<!-- Connect -->
<section id="connect" class="three">
<div class="container">
<header>
<h2>Connect</h2>
</header>
<ul class='icons'>
<a href="https://www.instagram.com/i.iii.vii/" target="_blank" rel="noreferrer noopener" class="icon brands fa-instagram" alt="Instagram" title="Instagram"></a>
<a href="https://www.youtube.com/channel/UC2MJNmluoI--Q0R1OSSs9fA" target="_blank" rel="noreferrer noopener" class="icon brands fa-youtube" alt="YouTube" title="YouTube"></a>
<a href="https://l.facebook.com/l.php?u=https%3A%2F%2Ftwitter.com%2FacGrant137%3Ffbclid%3DIwAR1hc0h0mX9Rn6ksh0MgYhWvCu3bD88sio_sXmSvbaRecsqDuPLOqUa7uY0&h=AT1SnOOZZo0LT2YHiAu9LiS2KUTZivGchTLs_BfjzaLvyz6oh3ZixW1OTbISKdI9xzWNZgQxrb44UTCeq4LNPCoRMc_cAsG4yD1szY6d-NukFeDMBi5KT7Jdww6hXN-59u3zbDAGKQ" target="_blank" rel="noreferrer noopener" class="icon brands fa-twitter" alt="Twitter" title="Twitter"></a>
<a href="https://www.tiktok.com/@13seven" target="_blank" rel="noreferrer noopener" class="icon brands fa-tiktok" alt="TikTok" title="TikTok"></a>
<a href="https://l.facebook.com/l.php?u=https%3A%2F%2Flinkedin.com%2Fin%2Falejandro-c-grant%3Ffbclid%3DIwAR3VRQNQnPMAPtlIpPFY4-3_SGtfwI0sxvmFAWYlSD5SQbH5u3chkTIe8yw&h=AT0r6vpfexXzrZ_OIJW0JufxLAIdT_y2bSVFIf8hUBaydJGGT-wwEn65uYxpg6XXVUQ258zs49h3SrsaLI9Ft8JWuHJLcsa6nSMGteji1pudAP1gfTJk_P_ra6R1054chcg3Eu9dCA" target="_blank" rel="noreferrer noopener" class="icon brands fa-linkedin" alt="LinkedIn" title="LinkedIn"></a>
<a href="https://www.facebook.com/AlejandroCarrizosaGrant137" target="_blank" rel="noreferrer noopener" class="icon brands fa-facebook-f" alt="Facebook" title="Facebook"></a>
<a href="https://github.com/MasterGrant137" target="_blank" rel="noreferrer noopener" class="icon brands fa-github" alt="Github" title="Github"></a>
<a href="https://campsite.bio/137" target="_blank" rel="noreferrer noopener" class="icon solid fa-headphones" alt="Discography" title="Discography"></a>
</ul>
</div>
</section>
<!-- Contact -->
<section id="contact" class="four">
<div class="container">
<header>
<h2>Contact</h2>
</header>
<p>Feel free to contact me below.</p>
<form method="post" action="https://formsubmit.co/5a824241644dc3341705f24aabb1c884">
<div class="row">
<div class="col-6 col-12-mobile"><input type="text" name="name" placeholder="Name" /></div>
<div class="col-6 col-12-mobile"><input type="text" name="email" placeholder="Email" /></div>
<div class="col-12">
<textarea name="message" placeholder="Message"></textarea>
</div>
<div class="col-12">
<input type="submit" value="Send Message" />
</div>
</div>
</form>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer">
<!-- Copyright -->
<ul class="copyright">
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.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>