-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (88 loc) · 5.76 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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<title>Scott Earl | User Interface Designer & Front End Developer from St. Louis, Missouri</title>
<meta name="description" content="Personal page of St. Louis User Interface Designer Scott Earl">
<meta name="author" content="Scott Earl">
<!-- force latest IE rendering || force Chrome Frame if installed -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!-- mobile viewport optimized -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="_includes/_images/shortcut-icon.png" />
<link type="text/css" rel="stylesheet" href="_includes/_css/stylesheets/screen.css" />
<script src="_includes/_js/jquery-1.6.4.min.js"></script>
<script src="_includes/_js/modernizr.2.js"></script>
<script src="_includes/_js/lettering-0.6.1.min.js"></script>
<script src="_includes/_js/analytics.js"></script>
<script>
$(document).ready(function() {
$("h1").lettering('words'); $("h2").lettering('words');
});
</script>
<meta name="google-site-verification" content="M8u1wanxjQ0eUNcH-KHlEa8An9PTj3yyTnQPu4Qp9GY" />
</head>
<body>
<header id="mastHead">
<h1>Scott Earl Front End Developer</h1>
</header>
<section id="hero">
<h2>Useful & Compelling Interface Design.</h2>
<p>Hey there! I'm Scott Earl, a Front End Developer & User Interface Designer from St. Louis, Missouri.</p>
</section>
<div id="contentMain">
<section id="about">
<h3>UX-traordinaire</h3>
<p>I love creating usable interfaces and distinctive brand identities. I specialize in building responsive CSS/Javascript driven websites and web applications with a strong focus on usability. From concept and design to code and deployment, <strong>I create standards-compliant experiences</strong> that are accessible and forward thinking. For a deeper dive, check out my <a href="/resume/">resume</a> or view my <a href="http://www.linkedin.com/pub/scott-earl/11/3b0/10b" target="_blank">LinkedIn profile</a>.</p>
<!--hr /-->
<!--h3>Work-related</h3-->
<p>I am currently <strong>available</strong> to take on new work. If you have an amazing idea you'd like to share, feel free to <a href="mailto:[email protected]">send me a message</a> and tell me all about it.</p>
<hr />
<h3>Miscellaneous</h3>
<p>Some projects and shots I've posted to <a href="http://www.dribbble.com/sfearl1">Dribbble</a>.</p>
<a href="http://dribbble.com/shots/419917-Document-Filter-UI" title="Document Filter UI Shot on Dribbble"><img src="_includes/_images/hsp-thumb.png" alt="Document Filter UI Shot on Dribbble" /></a>
<a href="http://dribbble.com/shots/373353-STLZC-logo" title="STLZC Logo Shot on Dribbble"><img src="_includes/_images/stlzc-thumb.png" alt="STLZC Logo Shot on Dribbble" /></a>
<a href="http://codecanyon.net/item/social-button-pack/400847" title="Social Button Pack on Code Canyon"><img src="_includes/_images/social-buttons-thumb.png" alt="Social Button Pack on Code Canyon" /></a>
<a href="http://dribbble.com/shots/220594-Portfolio-Rebrand" title="Portfolio Rebrand Shot on Dribbble"><img src="_includes/_images/portfolio-rebrand-thumb.png" alt="Portfolio Rebrand Shot on Dribbble" /></a>
<a href="http://dribbble.com/shots/97015-The-Text-Appeal" title="The Text Appeal Shot on Dribbble"><img src="_includes/_images/textappeal-thumb.png" alt="The Text Appeal Shot on Dribbble" /></a>
<a href="http://dribbble.com/shots/69971-Missouri" title="Missouri Shot on Dribbble"><img src="_includes/_images/missouri-thumb.png" alt="Missouri Shot on Dribbble" /></a>
<!--a href="http://codecanyon.net/item/sleek-css3-nav-v2/158259" title="Sleek Nav Project on Code Canyon"><img src="_includes/_images/sleek-nav-thumb.png" alt="Sleek Nav Project on Code Canyon" /></a>
<a href="/lab/transforms/" title="CSS3 Transforms Demo"><img src="_includes/_images/transform-thumb.png" alt="CSS3 Transforms Demo" /></a>
<a href="/lab/buttons/" title="CSS3 Buttons Demo"><img src="_includes/_images/buttons-thumb.png" alt="CSS3 Buttons Demo" /></a-->
</section>
<section id="skills">
<h3>Toolbox</h3>
<p>The stuff I use everyday:</p>
<ul>
<li><span class="advanced">HTML / HTML5</span></li>
<li><span class="expert">CSS / CSS3</span></li>
<li><span class="expert">Responsive Web Design</span></li>
<li><span class="expert">Bootstrap / Foundation</span></li>
<li><span class="advanced">jQuery / Javascript</span></li>
<li><span class="intermediate">C# / MVC / Razor</span></li>
<li><span class="advanced">SASS / COMPASS</span></li>
<li><span class="expert">Sublime</span></li>
<li><span class="advanced">Vis. Studio / WebMatrix</span></li>
<li><span class="expert">Adobe Creative Suite</span></li>
<li><span class="expert">Wireframing / Prototyping</span></li>
<li><span class="advanced">Git / Github</span></li>
<li><span class="advanced">SEO / Analytics</span></li>
<li><span class="advanced">HubSpot COS</span></li>
<li><span class="intermediate">Sitecore .NET Dev</span></li>
<li><span class="advanced">Wordpress / Tumblr</span></li>
<li><span class="expert">Mac / PC</span></li>
</ul>
</section>
</div>
<footer>
<div class="wrapped">
<section id="copyright">
<p>© Scott Earl 2015. Redesign coming soon. </p>
</section>
</div>
</footer>
<script>
head.js("_includes/_js/jquery-1.6.2.min.js").js("_includes/_js/analytics.js").js("_includes/_js/lettering-0.6.1.min.js", function() {$("h1").lettering('words'); $("h2").lettering('words');});
</script>
</body>
</html>