This repository has been archived by the owner on Jun 8, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·90 lines (73 loc) · 5.87 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Derek Skinner | Interactive Media and Design</title>
<meta content="The portfolio of Derek Skinner, an interactive media designer in the SF bay area." name="description" />
<meta content="width=device-width" name="viewport" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<link href="css/main.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/foundation/6.2.4/foundation.min.css" rel="stylesheet" />
<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <![endif]-->
</head>
<body>
<header class="row" role="banner">
<div class="large-12 columns">
<div class="shadow"><a href="index.html" style="color:#000;" target="_self">Derek Skinner</a></div>
<p class="script"><span class="trick">Interactive Media Designer</span></p>
</div>
</header>
<div class="row">
<div class="large-12 columns">
<ul class="social">
<li class="motiongraphics"><a href="motion-graphics.html" id="topmenu" target="_self">Motion Graphics</a></li>
<li class="bannerads"><a href="banner-ads.html" id="topmenu" style="padding-top:13px;" target="_self">Banner Ad's</a></li>
<li class="linked"><a href="http://www.linkedin.com/in/derekts/" target="_blank"><svg height="40" viewbox="0 0 2048 2048" width="40" xmlns="http://www.w3.org/2000/svg"> <path d="M605 753v991h-330v-991h330zm21-306q1 73-50.5 122t-135.5 49h-2q-82 0-132-49t-50-122q0-74 51.5-122.5t134.5-48.5 133 48.5 51 122.5zm1166 729v568h-329v-530q0-105-40.5-164.5t-126.5-59.5q-63 0-105.5 34.5t-63.5 85.5q-11 30-11 81v553h-329q2-399 2-647t-1-296l-1-48h329v144h-2q20-32 41-56t56.5-52 87-43.5 114.5-15.5q171 0 275 113.5t104 332.5z" fill="#fff"></path> </svg> </a></li>
<li class="rfp"><a href="rfp.html" id="topmenu" style="padding-top:20px;" target="_self">RFP's</a></li>
<li class="sideprojects"><a href="side-projects.html" id="topmenu" target="_self">Side Projects</a></li>
</ul>
<ul class="social">
<li class="codepen"><a href="http://codepen.io/The_Animator/" target="_blank"><svg height="40" viewbox="0 0 2048 2048" width="40" xmlns="http://www.w3.org/2000/svg"> <path d="M344 1297l603 402v-359l-334-223zm-62-144l193-129-193-129v258zm819 546l603-402-269-180-334 223v359zm-77-493l272-182-272-182-272 182zm-411-275l334-223v-359l-603 402zm960 93l193 129v-258zm-138-93l269-180-603-402v359zm485-180v546q0 41-34 64l-819 546q-21 13-43 13t-43-13l-819-546q-34-23-34-64v-546q0-41 34-64l819-546q21-13 43-13t43 13l819 546q34 23 34 64z" fill="#fff"></path> </svg> </a></li>
</ul>
</div>
</div>
<div class="row">
<div class="large-12 columns">
<h2>About Me</h2>
<p>I am currently living in the San Francisco Bay Area and working remotely with over 7 years professional working experience as well as a Bachelors degree in design. Coworkers have described me as hardworking and dedicated; someone who is devoted to projects from initial concept to final delivery. I was given the title of "Interactive Media Designer" due to my diverse work experience across a myriad of design disciplines such as graphic design, motion graphics/video production, web design/development, and mobile design/development. Most of my days are spent designing in Photoshop/Illustrator, animating in After Effects/Animate, and coding HTML/CSS/JS. My work has been seen by millions of people every month on the web, at tech events such as CES, ComicCon, E3, Mobile World Congress, and even in Times Square, which is really humbling. I am passionate about my work, and I feel that shows in each and every one of my projects. I am currently freelancing and looking for full-time work.</p>
<p>If you would like to get in touch, feel free to <span><a href="mailto:contact@derekskinnerdesign.com?Subject=hi%21">email me</a></span> and say hi.</p>
</div>
<div class="large-4 medium-4 columns">
<h3>Design</h3>
<p>I feel that I have a passionate connection to design and problem solving. I love the challenge of connecting people with brands and keeping users engaged. I believe that all good design starts with a solid concept.</p>
</div>
<div class="large-4 medium-4 columns">
<h3>Animation</h3>
<p>Like design, animation is another way to express yourself, and to connect your brand with its audience. A well thought out animation pops off the screen and delivers a memorable message to the viewer.</p>
</div>
<div class="large-4 medium-4 columns">
<h3>Development</h3>
<p>I taught myself coding skills to allow me to make my designs come to life in the form of interactive websites and prototypes. From my past experiences, I have found that transforming a static design, to a functional thing is a very rewarding experience.</p>
</div>
</div>
<footer class="row">
<hr class="doubleline" />
<div class="large-12 columns">
<p>2018 © Derek Skinner</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/foundation/6.2.4/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114708226-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114708226-1');
</script>
</body>
</html>