-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
235 lines (174 loc) · 7.99 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
<!DOCTYPE html>
<html>
<head>
<!-- Go to http://fontawesome.io/get-started/ to generate your own embed code!
- Used to create the icon of twitter in footer -->
<script src="https://use.fontawesome.com/6e47fdd73a.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kingsley Cross | Resume</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- // Intro -->
<header id="about">
<!-- Navigation for internal linking to specific id's within the page it calls out to -->
<nav>
<a href="#about">About</a>
<a href="#work">Work Experience</a>
<a href="#skills">Skills</a>
<a href="#education">Education</a>
<a href="#contact">Contact</a>
</nav>
<div class="content-wrap">
<img class="profile-img col-narrow" src="images/20180418_facialPic_profile.png" alt="Kingsley Cross">
<div class="col-wide">
<h1>Kingsley Cross</h1>
<h2>Graphic Designer | Web Developer</h2>
<!-- Add your profile summary here. You can have several paragraphs of add lnks.
-->
<p>As a Grapahic Designer and Web Developer, I believe in the starting pionts of creation, step by step from pencil and paper, to Photoshop Mockup / layouts, to HTML5 with CSS3, and interactions through JavaScript.
<!-- 20180330
At this current time,I'm working on furthing my skills in JavaScript in addition to continuous practice with HTML and CSS. I also love writing, particularly about Fitness training at <a href="www.kingzlofitness.me" target="_blank">kingzLoFitness</a>. --> </p>
</div>
</div>
<!-- brainstorm
- pdf being saved as button gets pressed -->
<!-- Reference for download attribute:
https://www.w3schools.com/tags/att_a_download.asp -->
<a href="kcrossResume_2023.pdf" download class="downloadPDF download">Download PDF</a>
<!-- <button>
<a href="pdf-resume/resume.pdf">Download PDF</a>
</button> -->
</header>
<main>
<section id="work" class="work">
<div class="content-wrap">
<!-- Work Experience -->
<h2>Work Experience</h2>
<div class="col-narrow">
<!-- Job title -->
<h3>Independent / Freelance</h3>
<!-- Company -->
<p class="uppercase"><a href="https://github.com/kingzLoFitness" target="_blank">My Github</a></p>
<!-- Date at Job -->
<p>May 2004 - Present</p>
</div>
<div class="col-wide job-description">
<!-- Job Summary -->
<p>Creating and/or updating front-end websites, pictures, and logos using professional web and graphic tools.</p>
<p>See more at: <a href="https://github.com/kingzLoFitness" target="_blank">My Github</a></p>
</div>
<div class="col-narrow">
<!-- Previous #1 - 1 -->
<!-- Job title -->
<h3>Front-End Developer</h3>
<!-- Company -->
<p class="uppercase">Free Code Camp</p>
<!-- Date at Job -->
<p>March 2017 - July 2017</p>
</div>
<div class="col-wide job-description">
<!-- Job Summary -->
<p>Creation of website from scratch, with the use of HTML5 and CSS3 within a Cohort team of 3 Web Developers. With the use of Github and Slack communications to further discuss and implement design and code.</p>
</div>
<div class="col-narrow">
<!-- Previous #1 -->
<!-- Job title -->
<h3>Wordpress Developer</h3>
<!-- Company -->
<p class="uppercase">IRTFitness.com</p>
<!-- Date at Job -->
<p>June 2013 - March 2014</p>
</div>
<div class="col-wide job-description">
<!-- Job Summary -->
<p>Creation of website via Wordpress, with the use of Child Themes to manipulate default Parent theme with the use of Photoshop, Dreamweaver, & Firefox Web Developer tool. Creating it through MAMP locally, and then loaded database and the Wordpress content folder to publish it live via the web.</p>
</div>
<div class="col-narrow">
<!-- Previous #2 -->
<!-- Job title -->
<h3>Flash Ad Developer</h3>
<!-- Company -->
<p class="uppercase">Advantage Marketing Communications</p>
<!-- Date at Job -->
<p>August 2009 – October 2010</p>
</div>
<div class="col-wide job-description">
<!-- Job Summary -->
<p>Assignments consisted creations of banner ads with the use of Flash CS3, customized with clicktags, and Photoshop CS3 with rearranging pictures for the different banner sizes through art direction from the traffic coordinator.</p>
</div>
<div class="col-narrow">
<!-- Previous #3 -->
<!-- Job title -->
<h3>Flash Web Developer</h3>
<!-- Company -->
<p class="uppercase">TMP Models</p>
<!-- Date at Job -->
<p>December 2006 – May 2007</p>
</div>
<div class="col-wide job-description">
<!-- Job Summary -->
<p>Updated company websites, consisting of Flash CS3 and Actionscript, retouched model photos through Photoshop CS3. All done onsite and remotely. </p>
</div>
<div class="col-narrow">
<!-- Previous #3 -->
<!-- Job title -->
<h3>Senior Project Web Developer</h3>
<!-- Company -->
<p class="uppercase">Devry University</p>
<!-- Date at Job -->
<p>June 2003 – February 2004</p>
</div>
<div class="col-wide job-description">
<!-- Job Summary -->
<p>Created company intranet prototype for non-profit organization using Microsoft Project 2000, Visio, Macromedia Studio MX, .ASP, Microsoft Access and IIS server, within a team of four students. The intranet was created for students and staff members to access information from schools database in order to access students' grades, update/view job listings, and view and edit personal information.</p>
</div>
</div>
</section>
<section id="skills" class="skills">
<div class="content-wrap">
<!-- Skills -->
<h2>Skills</h2>
<ul>
<li><strong>Administrative tools:</strong> Proficient with Microsoft Office Professional (Word, Excel, PowerPoint, Access, and Outlook), Visio, and Microsoft Project applications.</li>
<li><strong>Front-End Web Development:</strong> Git, Github, HTML5, CSS3, JavaScript, Bootstrap, PHP w/ MySQL, Wordpress, Slack, and Sublime Text Editor.</li>
<li><strong>Digital Graphics and Multimedia:</strong> Adobe Creative Suite 6 (Dreamweaver, Flash w/ Actionscirpt 2 & 3, Photoshop, Premiere Pro, and After Effects)</li>
<li><strong>Social Media:</strong> RacketINK @ linkedin / twitter / googlePlus / facebook / instagram / gitHub / FreeCodeCamp / Reddit</li>
</ul>
</div>
</section>
<section id="education" class="education">
<div class="content-wrap">
<!-- Education -->
<h2>Education</h2>
<!-- School 1 details -->
<h3>Devry University - Long Island City, NY</h3>
<p>Bacholor's Degree, 2004</p>
<p>Computer Informations Systems</p>
<!-- School 2 details -->
<h3>Borough of Manhatan Community College - New York City, NY</h3>
<p>Associates's Degree, 2000</p>
<p>Computer Programming</p>
</div>
</section>
</main>
<footer id="contact">
<div class="content-wrap">
<h2>Let's Keep in Touch!</h2>
<ul class="contact-info">
<li><a href="https://github.com/kingzLoFitness">My Github</a></li>
<!-- icon created with use of fontawesome.io website link in the head tag up above
- also details about aria-hidden is here:
https://developer.paciellogroup.com/blog/2012/05/html5-accessibility-chops-hidden-and-aria-hidden/ -->
<li><a href="http://twitter.com/racketink"><i class="fa fa-twitter" aria-hidden="true"></i><span class="sr-only">Twitter</span></a></li>
<li><a href="https://www.linkedin.com/in/racketink/">LinkedIn</a></li>
<li><a href="https://www.instagram.com/kingzlofitness">Instagram</a></li>
<li><a href="https://www.facebook.com/kingzlofitness/">Facebook</a></li>
</ul>
<p>Copywrite © 2018 by Kingsley Cross</p>
</div>
</footer>
</body>
</html>