-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
215 lines (187 loc) · 11.9 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="fixedSpace: Web application delvelopment and ICT consultation.">
<meta name="wot-verification" content="e3aba50ad72b6f912074"/>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header">
<div class="home-menu pure-menu pure-menu-open pure-menu-horizontal pure-menu-fixed" id="main-nav">
<a class="pure-menu-heading" href="/">fixedSpace</a>
<i id="mobile_menu_toggle" class="fa fa-bars"></i>
<ul>
<li></li>
</ul>
</div>
</div>
<div class="splash-container">
<div class="splash">
<h1 class="splash-head animated fadeInDown">Lavi Yatziv</h1>
<p class="splash-subhead animated fadeInUp">
Web Application Developer and ICT Consultant
</p>
</div>
</div>
<div class="content-wrapper">
<div class="content" id="viewport_wrap">
<div id="viewport"></div>
</div>
<div class="ribbon l-box-lrg pure-g">
<div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2 pure-u-lg-2-5">
<img class="pure-img-responsive" alt="File Icons" width="300" src="img/img.jpg">
</div>
<div class="pure-u-1 pure-u-md-1-2 pure-u-lg-3-5">
<h2 class="content-head content-head-ribbon">Lavi Yatziv</h2>
<p>
Former Lead Developer for international events and lead generation company. A inquisitive technophile, versed in technology beyond the "full-stack"
</p>
<div class="social">
<a href="https://linkedin.com/ca/lyatziv"><i class="fa fa-linkedin-square"></i></a>
<a href="https://github.com/lyatziv"><i class="fa fa-github"></i></a>
<a href="skype:ofraggle?chat"><i class="fa fa-skype"></i></a>
</div>
</div>
</div>
<div class="content">
<footer class="pure-g">
<div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-4">
<h3>Thanks</h3>
<div id="thanks">
This site was built thanks to
<a href="gulpjs.com">gulpjs</a>,
<a href="http://nodejs.org">node.js</a>,
<a href="http://daneden.me/animate">animate.css</a>,
<a href="http://purecss.io">purecss.io</a>,
<a href="http://www.sublimetext.com/">sublimetext</a>
and ♥ hosting from <a href="https://pages.github.com">github pages</a>
</div>
</div>
</footer>
</div>
</div>
<div id="home" class="page root">
<h2 id="welcome">Welcome</h2>
<p>My name is Lavi Yatziv, and I am a Web Developer and technophile who currently lives in Telkwa, BC.</p>
<p>A graduate of Carleton University's Film program as well as Algonquin College's Radio and TV Broadcasting studies, my work is situated at the juncture between digital and more traditional media. My thorough understanding of both allows me to create beautiful yet functional websites, promotional videos and animation. Troubleshooting and improving functionality for existing websites are among my specialties.</p>
<p>This site represents some of work in photography, web design, and digital animation I have been engaged in for over 10 years - please have a look around!</p>
</div>
<div id="clients" class="page clients">
<h2 id="clients">clients</h2>
<div class="clients pure-g">
<div class="pure-u-1-3"><img src="img/clients-AC-logo.png" alt="AC" title="Algonquin College"></div>
<div class="pure-u-1-3"><img src="img/clients-BCI-logo.png" alt="BCI" title="Blomeley Communications Inc"></div>
<div class="pure-u-1-3"><img src="img/clients-BL-logo.png" alt="BL" title="Brent Landels"></div>
<div class="pure-u-1-3"><img src="img/clients-D-logo.png" alt="D" title="dconcept"></div>
<div class="pure-u-1-3"><img src="img/clients-FLM-logo.jpg" alt="FLM" title="Flight Level Media"></div>
<div class="pure-u-1-3"><img src="img/clients-MSPF-logo.png" alt="MSPF" title="Moving Stillness Personal Fitness"></div>
<div class="pure-u-1-3"><img src="img/clients-PEPSO-logo.png" alt="PEPSO" title="PEPSO"></div>
</div>
<video autoplay loop class="fillWidth">
<source src="/img/Traffic.mp4" type="video/mp4"/>
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
</div>
<div id="cv" class="page cv">
<h2 id="work-experience">WORK EXPERIENCE</h2>
<p>As a Web Developer and Internet Digital Media Specialist, I have been employed by a number of high-profile companies to undertake their technology-based needs. Some of these include:</p>
<h3 id="-toptal-http-www-toptal-com-obtain-just-expert-computer-engineers-developer"><a href="https://www.toptal.com/qzZGVq/worlds-top-talent">Toptal - Developer</a></h3>
<p>2014-Present - <em>Global</em></p>
<p>Working with Toptal has been a fantastic experience. I've been expanding my repertoire of languages and libraries, as well as improving my managerial and time management skills. If you are interested in contacting me for work I would invite you to consider leveraging the Toptal network. You can view my developer profile <a href="http://www.toptal.com/resume/lavi-yatziv">here</a></p>
<h3 id="flight-level-media-senior-developer">Flight Level Media - Senior Developer</h3>
<p>2013-2014 - <em>virtual</em></p>
<p>Currently developing a single-page responsive in-flight application which uses flight data to generate e-commerce and brand engagement. Primary point-person responsible for front-end coding to ensure compatibility across multiple platforms (tablets, smartphones, etc.).</p>
<h3 id="starlynx-communications-it-support-technician">Starlynx Communications - IT Support Technician</h3>
<p>Fall 2013 - <em>Smithers, BC</em></p>
<p>Building, testing and deploying networks utilizing routers and wireless bridges in addition to configuring firewalls for clients, sometimes in remote locations. Also responsible for undertaking hardware repair as well as providing accessible answers to clients’ questions regarding Microsoft Office Suite and other technical issues.</p>
<h3 id="spark-design-web-developer">Spark Design - Web Developer</h3>
<p>2012-2013 - <em>Smithers, BC</em></p>
<p>Developing websites powered by SQL technologies, including liaising with service providers and translating advanced server errors to project managers. Necessitated understanding clients’ needs and delivering suitable solutions that were both adaptable and on-deadline.</p>
<h3 id="achilles-media-ltd-senior-developer">Achilles Media Ltd. - Senior Developer</h3>
<p>2011-2012 - <em>Toronto, ON</em></p>
<p>As the Lead Developer for a mid-sized company in Toronto, responsible for informing supervisors of emerging trends in web technologies as well as administering and maintaining several “mission critical” databases. Often responsible for providing instruction regarding the more advanced features of Microsoft Office and SalesForce, as well as providing consultation regarding VoIP technologies.</p>
<h3 id="the-otesha-project-database-administrator-web-developer">The Otesha Project - Database Administrator / Web Developer</h3>
<p>Spring/Summer 2010 - <em>Ottawa, ON</em></p>
<p>Assisted in the regular technical operations of this small non-profit group in addition to developing and recovering their donator database (from FileMaker to SalesForce). Provided support to desktop publishing efforts with tools such as Adobe InDesign and Microsoft Office. Also responsible for servicing office computers and printers (upgrades and rebuilds) as well as maintaining hardware and software inventories.</p>
<h3 id="the-international-council-for-canadian-studies-web-developer">The International Council for Canadian Studies - Web Developer</h3>
<p>2009 - <em>Ottawa, ON</em></p>
<p>Developed an online system for processing applications - including core programming system administration, secure file transfer, and incorporating a user-management system through Microsoft Access.</p>
<h3 id="algonquin-college-of-applied-arts-and-technology-web-developer">Algonquin College of Applied Arts and Technology - Web Developer</h3>
<p>2009 - <em>Ottawa, ON</em></p>
<p>Responsible for core programming and administration/modifications for news publishing content-management software. Duties included research, documentation, weekly reports, web programming, advanced HTML Coding and CSS, in addition to providing training on website maintenance and secure protocols.</p>
<h3 id="blomeley-communications-web-developer-internet-digital-media">Blomeley Communications - Web Developer / Internet Digital Media</h3>
<p>2007-2009 - <em>Ottawa, ON</em></p>
<p>Primarily responsible for web development and motion graphics animation, including the creation of efficient networks with minimal hardware. Also responsible for providing consultation regarding network technologies, Microsoft Server 2003, SQL, and Microsoft Office.</p>
<video autoplay loop class="fillWidth">
<source src="/img/Ethernet.mp4" type="video/mp4"/>
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
</div>
<div id="animation" class="page animation">
<h2 id="animation">Animation</h2>
<p>My video work encompasses a range of subjects and technologies; these are a few of the projects I have worked on.</p>
<video autoplay loop class="fillWidth">
<source src="/img/Ethernet.mp4" type="video/mp4"/>
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
</div>
<div id="photography" class="page photography">
<h2 id="photography">Photography</h2>
<p>Excellent promotional videos require an astute photographer. My work has been showcased in various business videos; it has also been displayed on magazine and DVD covers. Occasionally, I photograph weddings.</p>
<p><div class="album"></div></p>
<p><video autoplay loop class="fillWidth">
<source src="/img/Falls.mp4" type="video/mp4"/>
Your browser does not support the video tag. I suggest you upgrade your browser.
</video><span class="overlay"></span></p>
</div>
<div id="prices" class="page prices">
<h2 id="development-and-it-consultation-rates-">Development and IT Consultation rates.</h2>
<p>Web development and related technologies are highly content-specific; prices below are only guidelines and my not reflect your end contract.</p>
<p>Please feel free to contact me with the details of your project for a free quote.</p>
<h3 id="contract-rates">CONTRACT RATES</h3>
<ul>
<li>Consulting $70/hr + Tax</li>
<li>Custom Web Development Services (Linux) $60/hr + Tax</li>
<li>Linux Web Server Administration $60/hr + Tax</li>
<li>Windows/IIS Systems Administration $110/hr + Tax</li>
<li>Image to HTML/CSS conversion $50/hr + Tax</li>
</ul>
<h3 id="web-development">WEB DEVELOPMENT</h3>
<ul>
<li>Hourly Rate $50/hr + Tax</li>
</ul>
<h3 id="consulting-packages">CONSULTING PACKAGES</h3>
<ul>
<li>CRM Project Consultation $800 + Tax</li>
<li>Infancy Stages Web Project Consultation FREE</li>
<li>Existing Site Audit $200 + Tax</li>
<li>Web Development Project Outline & Estimate FREE</li>
</ul>
<h3 id="on-site-services-">ON-SITE SERVICES*</h3>
<ul>
<li>Website Service or Consultation $10/hr + Tax</li>
<li>ERP Data Planing $120/h + Tax
<span>*Subject to travel fees; please contact me for details.</span></li>
</ul>
<h3 id="project-based-contracts">PROJECT-BASED CONTRACTS</h3>
<p>The cost of these are typically anywhere from $1,700 to $8,000 depending on the project scope and the number of interrelated technologies involved. Please contact me for details.</p>
</div>
<div id="portfolio" class="page portfolio">
<h2 id="taliflo">Taliflo</h2>
<h2 id="postcards">Postcards</h2>
<h2 id="gist-">Gist?</h2>
</div>
<script src="all.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-20498122-1', 'fixedspace.com');
ga('require', 'displayfeatures');
ga('send', 'pageview');
</script>
</body>
</html>