-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathexperience.html
193 lines (180 loc) · 7.86 KB
/
experience.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Chris | Experience</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Each page has a shared reset and general style, along with a specific
Stylesheet unique to that page's styling.-->
<link href="styles/reset.css" rel="stylesheet">
<link href="styles/style.css" rel="stylesheet">
<link href="styles/experienceStyle.css" rel="stylesheet">
</head>
<body>
<!--Header and top nav bar are shared across all pages for uniformity-->
<header>
<img src="images/header_Name.png" alt="Chris Lucas">
<nav>
<ul>
<li>
<div class="navButton">
<a href="index.html"
alt="Link to Home Page">
About Chris</a>
</div>
</li>
<li>
<div class="navButton">
<a href="experience.html"
alt="Link to Experience Page">
Experience</a>
</div>
</li>
<li>
<div class="navButton">
<a href="education.html"
alt="Link to Education Page">
Education</a>
</div>
</li>
<li>
<div class="navButton">
<a href="https://chr-lucas.github.io/2350_AssignmentsSite/"
alt="Link to Web Portfolio" target="_blank">
Portfolio</a>
</div>
</li>
<li>
<div class="navButton">
<a href="hobbies.html"
alt="Link to Hobbies Page">
Hobbies</a>
</div>
</li>
<li>
<div class="navButton">
<a href="contact.html"
alt="Contact Me">
Contact</a>
</div>
</li>
</ul>
</nav>
</header>
<!-- Article divided into 5 categories, each in an individual container
and stylized with image and body text-->
<!-- Layout is in two rows, divided using flex grid-->
<!-- Final item is a download link to a resume file-->
<article>
<p id="introText">
I previously worked at GameStop, the leading retailer of videogame
and pop culture merchandise.</p>
<p id="bodyText">
Starting just before the end of highschool, I covered a wide range
of roles with the company, and each step taught me new skills and
fresh perspectives that will benefit any work place.</p>
<div id="expSkillWrapper">
<div class="expSkillRow">
<div class="expSkillCol-1-3">
<img src="images/expCommunicate.png" alt="Speach Bubbles">
<h1>Communication</h1>
<div class="textBox">
<p class="mainText">
Solid communication is the backbone of an efficient work
environment. I learned to communicate with both
coworkers and customers to reach meaningful and
equitable solutions.<br><em>Upwards of 200 daily
interactions</em></p>
</div>
</p>
</div>
<div class="expSkillCol-1-3">
<img src="images/expService.png" alt="Handshake">
<h1>Service</h1>
<div class="textBox">
<p class="mainText">
I didn't just run a store, I built a community.
Serving as my town's "friendly local game guy" for 18+
years, I cultivated relationships and built a rapport
with my clients.<br><em>99th Percentile in Customer
Satisfaction</em></p>
</div>
</div>
<div class="expSkillCol-1-3">
<img src="images/expPlan.png" alt="A Checklist">
<h1>Planning</h1>
<div class="textBox">
<p class="mainText">
Gaming releases mean a lot to fans. To make those events
memorable, I designed and organized nearly 100
"Midnight Launch" parties, each themed for the title
being launched.<br><em>Curated events for up to 600
customers</em></p>
</div>
</div>
</div>
<div class="expSkillRow">
<div class="expSkillCol-1-2">
<img src="images/expLead.png" alt="A Leader and Team">
<h1>Leadership</h1>
<div class="textBox">
<p class="mainText">
I was frequently sourcing and training new team
members to support seasonal sale models. To ensure my
store performed to my expectations required showing all
employees model behaviors through example. I always
pledged a strong commitment to my team, and provided
training in both procedure and company culture.<br>
<em>Consistent results by using a lead from the front
mentality</em></p>
</div>
</div>
<div class="expSkillCol-1-2">
<img src="images/expMentor.png"
alt="Helping someone grow">
<h1>Mentoring</h1>
<div class="textBox">
<p class="mainText">
For permanent roles, I made sure to help guide the
growth of those around me. Taking pride in mentoring
staff, I consistently trained assistants to promotions.
Eventually moving into a regional training position,
I helped dozens of employees develop the skills
needed to grow into management roles within the company
.<br><em>Built strong interpersonal relationships to
help coworkers thrive.</em></p>
</div>
</div>
</div>
</div>
<div id="resumeBlock">
<a href="documents/resume.pdf" download target="_blank">CLICK HERE</a>
for a full resume.
</div>
</article>
<!-- Footer repeates top nav menu and provides brief copyright. -->
<footer>
<div>
<a href="index.html"
alt="Link to Home Page"
class="footerLink">About Chris</a>
<a href="experience.html"
alt="Link to Experience Page"
class="footerLink">Experience</a>
<a href="education.html"
alt="Link to Education Page"
class="footerLink">Education</a>
<a href="https://clucas1-5assignmentssite.netlify.app/learningactivites"
alt="Link to Web Portfolio"
target="_blank"
class="footerLink">Portfolio</a>
<a href="hobbies.html"
alt="Link to Hobbies Page"
class="footerLink">Hobbies</a>
<a href="contact.html"
alt="Contact Me"
class="footerLink">Contact</a>
</div>
<p id="copyright">Chris Lucas - CS2350 - ©2023</p>
</footer>
</body>