forked from toddler4372/Portfolio-Site
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
147 lines (136 loc) · 10.5 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<meta name="keywords" content="website designers, website designer, design a website, professional website design, affordable website design
, small business website design, how to design a website, designing websites, design websites, seo website design, website design software, website designs
, website design firms, website design ideas, website design services, great website design, designing a website, ecommerce website design, design website volusion, website design service, designer websites, professional website designers, website design quote, business website design, website designing, designing website, websites design, flat website design, website design california, websites with responsive design, websites designers, responsive website designers, design responsive websites, websites responsive design, joomla website designers, responsive websites design, web developer for hire, javascript developer, google material design, material website design, flat website design, ecommerce web design">
<meta name="description" content="I am a responsive front end web developer and designer. My passions are Javascript, javascript frameworks, flat design, material design, and new web technologies.">
<meta name="author" content="Todd Williams">
<title>Todd Williams - Front End Developer - Material Design Portfolio About Page</title>
<!-- CSS -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400italic,700italic,700,400' rel='stylesheet' type='text/css'>
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="icon" type="image/png" href="images/favicon.png">
<script type="text/javascript" src="js/latest-tweet.js"></script>
</head>
<body>
<nav class="default-primary-color z-depth-5" role="navigation">
<div class="container">
<div class="nav-wrapper"><a id="logo-container" href="/" class="brand-logo"><img src="images/logo.svg" class="logo" alt="Logo" /></a>
<ul class="right">
<li><a href="/sites.html">Sites</a></li>
<li><a href="/apps.html">Apps</a></li>
<li><a href="/ui-design.html">UI Design</a></li>
<li><a href="/blog.php">Blog</a></li>
<li><a href="/about.html">About</a></li>
<li><a href="/contact.html">Contact</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li class="title"><div class="sidenav-header"><span class="helper"></span><img src="images/logo.svg" class="sidebar-logo" alt="Sidebar Logo" />Todd Williams</div></li>
<li class="waves-effect waves-dark"><a href="/">Home</a></li>
<li class="waves-effect waves-dark"><a href="/sites.html">Sites</a></li>
<li class="waves-effect waves-dark"><a href="/apps.html">Apps</a></li>
<li class="waves-effect waves-dark"><a href="/ui-design.html">UI Design</a></li>
<li class="waves-effect waves-dark"><a href="/blog.php">Blog</a></li>
<li class="waves-effect waves-dark"><a href="/about.html">About</a></li>
<li class="waves-effect waves-dark"><a href="/contact.html">Contact</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="mdi-navigation-menu"></i></a>
</div>
</div>
</nav>
<div id="sub-header" class="dark-primary-color z-depth-1">
<img src="images/photo.png" class="photo-large" alt="photo" />
<h1 class="header center white-text">About Me</h1>
<div class="row center">
<h5 class="header col s12 white-text">Stuff about me</h5>
</div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col m12">
<div class="icon-block">
<p>My name is Todd Williams and I am a Front End Developer and Designer living in Redlands, CA. My passions are my family, guitar, tennis, gaming, technology, and web development. I take great pride in my work, am extremely focused, and always meet my deadlines. I have over 10 years of experience as a digital artist, having transitioned from the video game industry to web development in 2009. My most recent work reflects my transition to Responsive Web Design, and I am currently really liking Google's new Material Design spec.</p>
<h5 class="about">My Skills</h5>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="HTML 5 is a breath of fresh air. I use it in all my sites and apps.">HTML5</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="What's not to love about CSS3? So many goodies: variables, more heirarchy control, animations, and border-box!">CSS3</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="Having learned Javascript first, jQuery feels like cheating.">jQuery</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I love Javascript, and I study to stay on the cutting edge of ES6.">Javascript</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I'm very comfortable working in PHP environments. My experience has been with Magento and Wordpress, primarily.">PHP</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I am proficient in both of these preprocessors.">SASS/LESS</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="Grunt adds so much automation to my workflow.">GruntJS</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I love using Angular and find it to be an awesome framework for single-page apps.">AngularJS</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="This project scaffolding tool is very, very handy.">Yeoman</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I use the Git command line just about every day to backup and keep my projects up to date.">Git</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I am currently learning this language and am blown away by its simplicity and intuitiveness.">Ruby</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="At least half of my experience in web design and development has been in the area of eCommerce.">eCommerce</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="Wordpress customization is something I'm wanting to spend a lot more time with.">Wordpress</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="This framework's grid definitely saves me some time on responsive sites.">Bootstrap</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I love this framework's integration with AngularJS.">Foundation</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I love everything about Semantic UI. It blows away Bootstrap and Foundation.">Semantic UI</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I have about a year's experience in ExpressionEngine.">ExpressionEngine</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="I've been using Photoshop for over 15 years at this point. Can't live without it.">Photoshop</a>
<a class="btn tooltipped" data-position="top" data-delay="50" data-tooltip="Illustrator is what sparked my passion for digital art, and I've been using it for 15 years.">Illustrator</a>
<h5 class="about">My Resume</h5>
<a href="resume_Todd_Williams_April_2015.docx" id="download-button" class="btn-large waves-effect waves-light" target="_blank">Download</a>
</div>
</div>
</div>
</div>
</div>
<footer class="page-footer accent-color">
<div class="container">
<div class="row">
<div class="col l4 s12">
<div class="social-icons">
<h5 class="white-text center">Let's Connect!</h5>
<p class="grey-text text-lighten-4 center">I love connecting with other developers and designers. Follow me on Twitter, friend request me on Facebook, or contact me on LinkedIn. I would love to hear from you!</p>
<div class="center">
<a href="https://twitter.com/toddlerwilliams" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="http://www.linkedin.com/in/toddcwilliams" target="_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://github.com/toddler4372" target="_blank"><i class="fa fa-github"></i></a>
<a href="https://www.facebook.com/profile.php?id=1467081438" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="mailto:[email protected]" target="_top"><i class="fa fa-envelope"></i></a>
</div>
</div>
</div>
<div class="col l4 s12">
<div class="quick-bio">
<h5 class="white-text center">Quick Bio</h5>
<p class="grey-text text-lighten-4 center">I am a Front End Developer living in Redlands, CA. I love creating clean, usable, responsive websites. My passions are family, sports, guitar, and new web technology.</p>
<div class="center">
<img src="images/bio-photo-small.png" class="bio-photo-small" alt="Bio Photo" />
</div>
</div>
</div>
<div class="col l4 s12">
<div class="quick-bio">
<h5 class="white-text center">Latest Tweet</h5>
<div id="example1"></div>
<div class="center">
<i class="fa fa-twitter"></i>
</div>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container center">
©2015 Todd Williams. All Rights Reserved.
</div>
</div>
</footer>
<!-- Scripts-->
<script type="text/javascript" src="js/twitterFetcher_min.js"></script>
<script type="text/javascript" src="js/exampleUsage.js"></script>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>