-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
353 lines (293 loc) · 15.6 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
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Ryan Conway Resume</title>
<!-- styles -->
<link rel="stylesheet" href="css/main.css">
<!-- typekit -->
<script type="text/javascript" src="//use.typekit.net/cdt3wla.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!-- font awesome -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
<body>
<div id="bgcolor"></div>
<header>
<div class="headertitle">
<img src="https://pbs.twimg.com/profile_images/496668496416104452/XBpGu2k2.jpeg" alt="">
<hgroup>
<h1>Ryan Conway</h1>
<h2>Front End Developer</h2>
</hgroup>
</div>
<div class="contactinfo">
<div class="socialicons">
<a href="https://twitter.com/conwayeast" title="" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
<a href="http://www.linkedin.com/pub/ryan-conway/9/a37/660/" title="" target="_blank"><i class="fa fa-linkedin fa-2x"></i></a>
<a href="https://github.com/conwayeast" title="" target="_blank"><i class="fa fa-github-alt fa-2x"></i></a>
<a href="http://instagram.com/conwayeast" title="" target="_blank"><i class="fa fa-instagram fa-2x"></i></a>
</div>
<div class="personalinfo">
<ul>
<li>Email: <a href="mailto:ryan@conwayeast.com" "email me">ryan@conwayeast.com</a></li>
<li>Phone: <a href="tel:9788210826">978.821.0826</a></li>
<li>Website: <a href="http://www.conwayeast.com" title="">www.conwayeast.com</a></li>
</ul>
</div>
</div>
</header>
<hr>
<section>
<aside>
<h3>Professional Profile</h3>
</aside>
<article>
<p>My name is Ryan Conway and I am a front-end web designer based outside Boston, MA. I try to make the websites I design and build as simple and intuitive to use as possible whilst still having a unique aesthetic appeal. I specialise in responsive front-end design, HTML/CSS and web typography. I am as passionate about front-end code as I am about design.</p>
<p>Coming from a sales background, I understand the importance of customer-service and creative problem-solving. I believe that a solid combination of design and functionality can help an organization reach its goals.</p>
<ul>
<li>Strong experience and ability to code hand-crafted HTML and CSS</li>
<li>Strong understanding of mobile design plus Responsive Web Design </li>
<li>Experience with CSS Preprocessors (Sass) and mixins libraries (Compass and Bourbon)</li>
<li>Strong understanding of Usability, Navigability and Interaction Design</li>
<li>Strong foundation of design principles (color, layout, composition, contrast, tone, typefaces)</li>
<li>Understanding of SEO, reporting and analytics</li>
</ul>
</article>
</section>
<hr>
<section>
<aside>
<h3>Work Experience</h3>
</aside>
<article>
<div class="articlecontent">
<div class="job">
<hgroup>
<h4>Graphic & Web Designer</h4>
<h5>Medical Information Technology, Inc.</h5>
</hgroup>
<div class="dates">
<h5>Nov 2011 - Present</h5>
</div>
</div>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<ul>
<li>Applied hand-written, object-oriented JavaScript, CSS3 and HTML5 with an emphasis on performance, scalability, search engine optimization (SEO) and a positive user experience.</li>
<li>Contributed user interface design mockups and designs</li>
<li>Site Planning, Technical Architecture and Leadership</li>
<li>Developed and designed new web interfaces, layouts and site graphics.</li>
<li>Created MailChimp templates</li>
<li>Presented designs and concepts to co-workers and management team for review</li>
<li>Took projects from initial concept to completion</li>
<li>Ability to manage multiple projects and meet tight deadlines.</li>
<li>Facilitated training on the importance of SEO and Typography</li>
</ul>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<hr>
</div>
<div class="articlecontent">
<div class="job">
<hgroup>
<h4>Graphic & Web Designer</h4>
<h5>Conwayeast Design Studio</h5>
</hgroup>
<div class="dates">
<h5>Nov 2010 - Present</h5>
</div>
</div>
<p>Work with small/medium sized business owners and non-profit groups to create or redevelop their web presence. Often work with and manage other individuals as external resources on projects.</p>
<p>Create sites using WordPress Content Management System using development with PHP, and theming semantically with HTML, CSS and adding interactivity with JavaScript and libraries like jQuery.</p>
<ul>
<li>Performed graphical design and web site contract work for small businesses and working professionals.</li>
<li>Met one-on-one with clients in exploring the best possible options for their web presence.</li>
<li>Handled duties ranging from creative design to code implementation.</li>
<li>Work with clients to create custom websites and software products that are tailored to meet their needs</li>
<li>Logo Design, Branding</li>
</ul>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<hr>
</div>
<div class="articlecontent">
<div class="job">
<hgroup>
<h4>Web Production Assistant</h4>
<h5>nSight, Inc.</h5>
</hgroup>
<div class="dates">
<h5>Aug 2010 - Sept 2011</h5>
</div>
</div>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<ul>
<li>Designed, coded, edited, and customized Collegiate Web Portals
<li>Implemented client supplied content and date into portals</li>
<li>Code in HTML, CSS, JavaScript, & XML</li>
<li>Development creative and custom graphic elements</li>
<li>Edited and prepared audio and video media for incorporation into
Flash-based and XML-driven custom media players</li>
<li> Worked with clients to assure quality and accuracy of final delivery of work</li>
<li>Maintained and met fast paced, aggressive production deadlines</li>
</ul>
<hr>
</div>
<div class="articlecontent">
<div class="job">
<hgroup>
<h4>Graphic & Web Designer</h4>
<h5>Mirror Lake Interactive</h5>
</hgroup>
<div class="dates">
<h5>Aug 2010 - May 2011</h5>
</div>
</div>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<ul>
<li>Responsible for updating and maintaining client e-commerce sites</li>
<li>Updated, edited, and published content to client websites </li>
<li>Created weekly email marketing ads for major client</li>
<li>Created custom email advertisements</li>
<li>Updated and maintained multiple websites</li>
<li>Responsible for all aspects of website design including:
wire-framing, mock-up creation, coding, maintenance, & customer support</li>
<li>Responsible for the creation of a variety of print and web media
(websites, brochures, custom e-mails, & product ads)</li>
<li>Search Engine Optimization</li>
<li>Designed the look/feel/layout of the new www.beyondhealth.com
website</li>
</ul>
</div>
</article>
</section>
<hr>
<section>
<aside>
<h3>Technical Skills</h3>
</aside>
<article>
<div class="piechartcontainer">
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>Photoshop</h5>
</div>
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>Illustrator</h5>
</div>
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>InDesign</h5>
</div>
</div>
<!-- ROW 2 -->
<div class="piechartcontainer">
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>HTML5 / CSS3</h5>
</div>
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>Sass</h5>
</div>
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>Git</h5>
</div>
</div>
<!-- ROW 3 -->
<div class="piechartcontainer">
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>jQuery</h5>
</div>
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>PHP</h5>
</div>
<div class="piechart">
<span class="chart" data-percent="65">
<span class="percent"></span>
</span>
<h5>WordPress</h5>
</div>
</div>
<!-- <p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p> -->
</article>
</section>
<hr>
<section>
<aside>
<h3>Education</h3>
</aside>
<article>
<div class="articlecontent">
<div class="job">
<hgroup>
<h4>Boston University Center for Digital Imaging Arts</h4>
<h5>Graphic & Web Design Certificate</h5>
</hgroup>
<div class="dates">
<h5>Sept 2009 - May 2010</h5>
</div>
</div>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<!-- <p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p> -->
</div>
<hr>
<div class="articlecontent">
<div class="job">
<hgroup>
<h4>University of Hartford</h4>
<h5>Bachelor of Science in Entrepreneurial Studies</h5>
</hgroup>
<div class="dates">
<h5>Aug 2002 - May 2006</h5>
</div>
</div>
<p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p>
<!-- <p>Laecenas ac diam vel leo fringilla elementum. Quisque mi sapien, vulputate at felis in, rhoncus fringilla sem. Nunc non magna volutpat, bibendum magna ac, laoreet lectus. Vivamus et nibh ac arcu lobortis elementum eget sed mi. Pellentesque auctor ligula a ante tempus interdum. Praesent sed luctus ligula. Nam varius, mauris vitae accumsan pharetra, enim lacus eleifend nibh, in mattis enim magna in arcu.</p> -->
</div>
</article>
</section>
<div id="bgcolorfooter">
<footer class="footer">
<p>Disclaimer area lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, nostrum repudiandae saepe.</p>
</footer>
</div>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="scripts/easypiechart.min.js"></script>
<script>
$(function() {
$('.chart').easyPieChart({
easing: 'easeOutBounce',
onStep: function(from, to, percent) {
$(this.el).find('.percent').text(Math.round(percent));
}
});
var chart = window.chart = $('.chart').data('easyPieChart');
$('.js_update').on('click', function() {
chart.update(Math.random()*200-100);
});
});
</script>
</body>
</html>