-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (217 loc) · 14.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Alex Jones</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Alex Jones</span>
<span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="https://i.imgur.com/cTmt4Kr.jpg?2" alt="" /></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Projects</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="https://www.yumpu.com/es/document/read/65198458/alex-jones-resume-2">Resume</a></li>
<!-- <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li> -->
</ul>
</div>
</nav>
<!-- Page Content-->
<div class="container-fluid p-0">
<!-- About-->
<section class="resume-section" id="about">
<div class="resume-section-content">
<h1 class="mb-0">
Alex
<span class="text-primary">Jones</span>
</h1>
<div class="subheading mb-5">
Dallas Dfw, TX · (214) 298-0830 ·
<a href="mailto:akjones1992@yahoo.com">akjones1992@yahoo.com</a>
</div>
<p class="lead mb-5">I am a software engineer with a passion for fitness, gaming, and unique challenges. I am seeking to make an impact through programming, software development, communication, and effective teamwork. Looking forward to building products that are accessible and deliver a great experience. I am also into Indie gaming and hoping to publish some personal projects in the near future</p>
<div class="social-icons">
<a class="social-icon" href="https://www.linkedin.com/in/alexthejones/"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="https://github.com/AlexKJones"><i class="fab fa-github"></i></a>
<a class="social-icon" href="https://www.yumpu.com/es/document/read/65198458/alex-jones-resume-2"><i class="fas fa-file-pdf"></i></a></div>
</div>
</section>
<hr class="m-0" />
<!-- Projects-->
<section class="resume-section" id="awards">
<div class="resume-section-content">
<h2 class="mb-5">Projects</h2>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"></span>
Click project to open and Sign in as guest@g password g
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
<a href='https://did-you-restart.github.io/reviewflix-client/#/'/>ReviewFlix<div><img src="https://i.imgur.com/bZ6Ig8kl.png" /></div></a>
A streaming service show review app
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
<a href='https://alexkjones.github.io/Stardust-Serpents-Client/#/'/>Stardust Serpents<div><img src="https://i.imgur.com/MbVObsEl.png" /></div></a>
shop app, a web application for a small reptile business selling reptiles
</li>
<li>
<span class="fa-li" href='https://alexkjones.github.io/Drink-Night-Client/'><i class="fas fa-trophy text-warning"></i></span>
<a href='https://alexkjones.github.io/Drink-Night-Client/'/> Drink Night<div><img src="https://i.imgur.com/IWTZCa6l.png" /></div></a>
Alcohol Intake Tracker. Fitness app meets alcohol
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
<a href='https://alexkjones.github.io/tictactoe-alexjones/'/>Tic-Tac-Toe<div><img src="https://i.imgur.com/8F6YixHl.png" /></div></a>
the classic game that takes seconds to learn but minutes to master
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
<a href='https://github.com/AlexKJones/Alex-Jones-Portfolio-Client'/>Portfolio Jump<div><img src="https://i.imgur.com/ie4kbp2l.png" /></div></a>
a 2d platformer portfolio experience.
</li>
</ul>
</div>
</section>
<!-- Experience-->
<!-- <section class="resume-section" id="experience">
<div class="resume-section-content">
<h2 class="mb-5">Experience</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Software Engineering Immersive</h3>
<div class="subheading mb-3"><a href='https://generalassemb.ly/education/software-engineering-immersive-remote'/>General Assembly</a></div>
<p> Learned several development languages such as JavaScript, React, HTML5, CSS for front-end software and several back in frameworks and libraries such as Mongoose, MongoDB, and express to be full stack development engineer.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">August 2020 - January 2021</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Freelance</h3>
<div class="subheading mb-3"><a href='https://alexkjones.github.io/Stardust-Serpents-Client/#/'/>Stardust Serpents</a></div>
<p>Using HTML/CSS, Javascript, React, Bootstrap, Stripe.
Built Eccomerce website for small business, allowing online sales, customer tracking, and asking questions on products.
Setup product display to allow business owner to display multiple images for each product while still being an easily viewable website on any size.</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">December 2020 - Current</span></div>
</div> -->
<!-- <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">example title</h3>
<div class="subheading mb-3">example company</div>
<p>example description</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">July 2010 - December 2011</span></div>
</div> -->
<!-- </div>
</section>
<hr class="m-0" /> -->
<!-- Education-->
<!-- <section class="resume-section" id="education">
<div class="resume-section-content">
<h2 class="mb-5">Education</h2>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Westwood College</h3>
<div class="subheading mb-3">Graphic Design</div>
<div>Visual Communication and Design</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">August 2010 - May 2012</span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between">
<div class="flex-grow-1">
<h3 class="mb-0">General Assembly</h3>
<div class="subheading mb-3"><a href='https://generalassemb.ly/education/software-engineering-immersive-remote'/>Software Engineering Immersive</a></div>
<div>Full Stack Software Development</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">August 2020 - January 2021</span></div>
</div>
</div>
</section>
<hr class="m-0" /> -->
<!-- Skills-->
<section class="resume-section" id="skills">
<div class="resume-section-content">
<h2 class="mb-5">Skills</h2>
<div class="subheading mb-3">Programming Languages & Tools</div>
<ul class="list-inline dev-icons">
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
<li class="list-inline-item"><i class="fab fa-css3"></i></li>
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
<li class="list-inline-item"><i class="fab fa-python"></i></li>
<li class="list-inline-item"><i class="fab fa-react"></i></li>
<li class="list-inline-item"><i class="fab fa-node-js"></i></li>
<li class="list-inline-item"><i class="fab fa-sass"></i></li>
<li class="list-inline-item"><i class="fab fa-bootstrap"></i></li>
<li class="list-inline-item"><i class="fab fa-github-square"></i></li>
<li class="list-inline-item"><i class="fab fa-grunt"></i></li>
<li class="list-inline-item"><i class="fab fa-npm"></i></li>
</ul>
<div class="subheading mb-3">Technologies</div>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>
Languages: JavaScript, HTML, CSS, SaSS, Python, C#, C++, SQL, NoSQL.
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>
Tools & Extensions: JSX, Git, JSON, CLI Git, Mongoose, Express, PostgresQL.
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>
Libraries: Bootstrap, React Bootstrap, MaterialUI.
</li>
<li>
<span class="fa-li"><i class="fas fa-check"></i></span>
Other Technologies: React, Node.JS, Tiled, Photoshop, Illustrator.
</li>
</ul>
</div>
</section>
<hr class="m-0" />
<!-- Interests-->
<!-- <section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<p>Apart from being a web and game developer, I am a fitness and video game enthusiast</p>
<p class="mb-0">I love spending time on my mountain bike on the trails. I am a bit of an anime junkie. I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p>
</div>
</section>
<hr class="m-0" /> -->
<!-- Resume -->
<!-- <section class="resume">
<div id="pdf">
<object width="100%" height="650" type="application/pdf" data="https://www.yumpu.com/es/document/read/65198419/alex-jones-resume-1" id="pdf_content" style="pointer-events: none;">
<p>Error, PDF cannot be displayed.</p>
</object>
</div>
</section>
<hr class="m-0" /> -->
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>