-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·94 lines (87 loc) · 5.29 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
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Ilya Yakubovich: User Interface Designer</title>
<meta name="description" content="Hello! I'm Ilya Yakubovich, a user interface designer from Toronto.">
<meta name="keywords" content="ilya yakubovich, ui, user interface, designer, toronto, ux, user experience, web design, portfolio, yammer">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:300">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body id="index" class="preload" itemscope itemtype="http://data-vocabulary.org/Person">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="header">
<div class="wrapper">
<a href="#"><img id="me" src="img/stamp.png" alt="Ilya Hebrew Seal"></a>
<h1>
<span itemprop="name">Ilya Yakubovich</span><br>
<span itemprop="title" class="title">experience design</span>
</h1>
<ul>
<li><a href="#" class="selected">About</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
</div>
</div>
<div class="about">
<div class="wrapper">
<p>I'm a designer with a computer science background, living in <span itemprop="locality">Toronto</span>. I specialize in user interface design, user experience design, and front-end development for web and mobile applications.</p>
<p>My design experience allows me to create simple, beautiful, and engaging user-centered experiences. My technical background keeps those designs grounded in reality and allows me to communicate clearly with developers and integrate their feedback into the design.</p>
<p>I primarily work with HTML5, CSS, and Javascript (including jQuery, Backbone.js, and other frameworks). I've also worked with Ruby on Rails, PHP, and C.</p>
<p>I was on the founding teams of several startups including <a href="http://www.geni.com" target="_blank" itemprop="affiliation">Geni.com</a> — a collaborative family tree site — and <a href="http://www.yammer.com" target="_blank" itemprop="affiliation">Yammer.com</a> — a private social network for enterprise collaboration. Yammer has been acquired by Microsoft and is currently used by over 200,000 businesses worldwide.</p>
<p>Currently, I'm the lead designer at <a href="http://www.commonsku.com" target="_blank" itemprop="affiliation">commonsku.com</a>, a CRM, order management, and social collaboration tool for the promotional products industry.</p>
<a href="work.html" class="button">View My Portfolio</a>
</div>
</div>
<div id="footer">
<div class="wrapper">
<div class="footer-module">
<h2>Contact Me</h2>
<ul>
<li><a target="_blank" href="mailto:[email protected]">[email protected]</a></li>
<li><a target="_blank" href="http://www.twitter.com/yakubovich">twitter.com/yakubovich</a></li>
<li><a target="_blank" href="http://www.github.com/yakubovich">github.com/yakubovich</a></li>
<li><a target="_blank" href="http://www.facebook.com/yakubovich">facebook.com/yakubovich</a></li>
<li><a target="_blank" href="http://plus.google.com/112492933628695918241?rel=author">gplus.to/yakubovich</a></li>
<li><a target="_blank" href="http://www.linkedin.com/in/ilyakub">linkedin.com/in/ilyakub</a></li>
</ul>
</div>
<div class="footer-module">
<h2>Hobbies & Projects</h2>
<ul>
<li><a target="_blank" href="http://500px.com/yakubovich">My Photography</a></li>
</ul>
</div>
<div class="footer-module">
<h2>Sites I Read</h2>
<ul>
<li><a target="_blank" href="http://www.worrydream.com/">Worrydream (Bret Victor)</a></li>
<li><a target="_blank" href="http://www.meltingasphalt.com/">Melting Asphalt (Kevin Simler)</a></li>
<li><a target="_blank" href="http://www.ribbonfarm.com/">Ribbonfarm (VGR et al)</a></li>
</ul>
</div>
<div style="clear:both;">
</div>
</div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.0.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
s.parentNode.insertBefore(g,s)}(document,'script'));
</script>
</body>
</html>