-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathportfolio.html
More file actions
422 lines (357 loc) · 19.6 KB
/
portfolio.html
File metadata and controls
422 lines (357 loc) · 19.6 KB
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
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
<!DOCTYPE html>
<html lang="en">
<head>
<!-- <script async src="https://use.fontawesome.com/dafd9cc863.js"></script> -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Portfolio | MV Develop - Web Design Studio for Cutting Edge Websites</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<meta name="description" content="MV Develop presents you list of our projects created with HTML/CSS, HTML5, CSS3 techniques" />
<meta name="keywords" content="mv develop portfolio, mv develop websites, HTML5/CSS3 portfolio, responsive web design portfolio" />
<link rel="stylesheet" href="css/styles.min.css">
<!-- For everything else. Regular 16x16 px favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!-- For iPad with high-resolution Retina display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152-precomposed.png">
<!-- For iPad with high-resolution Retina display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<!-- For iPhone with high-resolution Retina display running iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120-precomposed.png">
<!-- For iPhone with high-resolution Retina display running iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<!-- For the iPad mini and the first- and second-generation iPad on iOS ≥ 7: -->
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76-precomposed.png">
<!-- For the iPad mini and the first- and second-generation iPad on iOS ≤ 6: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-57x57-precomposed.png">
<!-- For Android with high-resolution display -->
<link rel="shortcut icon" sizes="196x196" href="icon.png">
<!--[if lt IE 9]>
<script src="javascripts/html5.js"></script>
<![endif]-->
<script async type="text/javascript" src="https://form.jotformeu.com/jsform/31362021319341"></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-12319039-5', 'mvdevelop.com');
ga('send', 'pageview');
</script>
</head>
<body class="mob-menu">
<header id="header" class="header">
<div class="container-fluid">
<div class="row">
<div class="col-sm-4">
<div class="logo">
<h2>
<a title="MV Develop - Web Development Company" href="index.html"><img src="images/mv-develop-logo.png" alt="MV Develop - Web Development Company" title="MV Develop - Web Development Company" width="200"></a>
</h2>
</div>
</div>
<div class="col-sm-8">
<div class="navbar-header">
<button class="mob-menu-trigger btn" type="button">
<span class="icon-bar"></span>
</button>
</div>
<nav id="nav" class="nav-holder mob-menu-nav mob-menu-vertical mob-menu-right">
<ul class="nav navbar-nav pull-right">
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="services.html" title="Services">Services</a></li>
<li><a href="about.html" title="About">About</a></li>
<li class="active"><a href="portfolio.html" title="Portfolio">Portfolio</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
<!-- <li><a href="blog" title="Blog">Blog</a></li> -->
</ul>
</nav>
</div>
</div>
</div>
</header>
<div class="convincer">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<h1>Portfolio</h1>
<h5>
From idea to fully functional website. Get your website build better, faster and more quality. Take a look
at projects I've fully developed or participating in development.
</h5>
</div>
</div>
</div>
</div>
<section id="content" class="content">
<div class="container-fluid">
<div class="row intro-text">
<div class="col-sm-8 col-sm-offset-2">
<p>
While working for <strong>AxiomQ</strong> (former Array Studio) I was participating in front-end
development for many Fortune 500 companies such as <strong>Dell</strong>, <strong>Pentair</strong>,
<strong>ING</strong>, <strong>Kaiser Permanente</strong>, <strong>Bristol Myers Squibb</strong>,
<strong>Microgaming</strong> and many others.
</p>
<p>
In last 5 years I was participating in development of web based GRC application - <strong>ZenGRC</strong>
owned by <strong>Reciprocity</strong>, San Francisco based start-up. During that time I was assigned to
help and improve front-end code for <strong>Opower</strong> (bought by Oracle), <strong>Sonatype</strong>
and <strong>Bridge Athletics</strong>.
</p>
</div>
</div>
<div class="separator"></div>
<div class="row">
<div class="col-xs-12">
<div class="custom-media-wrap">
<div class="custom-media">
<div class="item-info">
<h2>Keen Research</h2>
<p class="meta">HTML5 / CSS3 / Sass / jQuery / Bootstrap</p>
<p>Website for SDK for On-device Speech Recognition application. I was participating in front-end development for this project while working for AxiomQ (former Array Studio).</p>
<a href="http://keenresearch.com/" class="btn btn-default hidden-xs" target="_blank">Visit Keen Research</a>
</div>
<div class="item-screens">
<img src="images/portfolio/keenresearch.jpg" alt="">
</div>
<a href="http://keenresearch.com/" class="btn btn-default visible-xs-block" target="_blank">Visit Keen Research</a>
</div>
<div class="custom-media">
<div class="item-screens left stacked">
<img src="images/portfolio/effective-agile.jpg" alt="">
<img src="images/portfolio/effective-agile-2.jpg" alt="">
<img src="images/portfolio/effective-agile-3.jpg" alt="">
</div>
<div class="item-info">
<h2>Effective Agile</h2>
<p class="meta">HTML5 / CSS3 / Sass / jQuery / Bootstrap / WordPress / PHP</p>
<p>Complete UX and UI redesign of existing website for Scrum courses, agile development and Scrum training. I was participating in front-end development for this project while working for AxiomQ (former Array Studio).</p>
<a href="https://effectiveagile.com/" class="btn btn-default hidden-xs" target="_blank">Visit Effective Agile</a>
</div>
<a href="https://effectiveagile.com/" class="btn btn-default visible-xs-block" target="_blank">Visit Effective Agile</a>
</div>
<div class="custom-media">
<div class="item-info">
<h2>Bay Tree Homes</h2>
<p class="meta">HTML5 / CSS3 / jQuery</p>
<p>Complete HTML re-structuring for a London construction company. I've implemented custom grid solution for fully responsive ability. With smart planning and right approach I've managed to reduce CSS file from 7940 lines of code to only 1013.</p>
<a href="http://baytreehomes.com/" class="btn btn-default hidden-xs" target="_blank">Visit Bay Tree Homes</a>
</div>
<div class="item-screens wide">
<img src="images/portfolio/bay-tree-homes.jpg" alt="">
<div class="small-image">
<img src="images/portfolio/bay-tree-homes-2.jpg" alt="">
</div>
</div>
<a href="http://baytreehomes.com/" class="btn btn-default visible-xs-block" target="_blank">Visit Bay Tree Homes</a>
</div>
<div class="custom-media">
<div class="item-screens left stacked">
<img src="images/portfolio/kk-vojvodina.jpg" alt="">
<img src="images/portfolio/kk-vojvodina-2.jpg" alt="">
<img src="images/portfolio/kk-vojvodina-3.jpg" alt="">
</div>
<div class="item-info">
<h2>Klizački Klub Vojvodina</h2>
<p class="meta">HTML5 / CSS3 / Sass / WordPress / Bootstrap / jQuery</p>
<p>Website for advertising and registration for ice skating school. I was participating in front-end development for this project while working for AxiomQ (former Array Studio).</p>
<a href="http://klizackiklubvojvodina.com/" class="btn btn-default hidden-xs" target="_blank">Visit KK Vojvodina</a>
</div>
<a href="http://klizackiklubvojvodina.com/" class="btn btn-default visible-xs-block" target="_blank">Visit KK Vojvodina</a>
</div>
<div class="custom-media">
<div class="item-info">
<h2>Divinita Serbia</h2>
<p class="meta">XHTML / CSS / WordPress / jQuery</p>
<p>I've used already existing design in PSD and coded it into custom WordPress theme. Website is made 2009 and is currently under re-coding process to make it responsive.</p>
<a href="http://divinitaserbia.rs/" class="btn btn-default hidden-xs" target="_blank">Visit Divinita Serbia</a>
</div>
<div class="item-screens wide">
<img src="images/portfolio/divinita-serbia.jpg" alt="">
<div class="small-image">
<img src="images/portfolio/divinita-serbia-2.jpg" alt="">
</div>
</div>
<a href="http://divinitaserbia.rs/" class="btn btn-default visible-xs-block" target="_blank">Visit Divinita Serbia</a>
</div>
<div class="custom-media">
<div class="item-screens left combo">
<img src="images/portfolio/pedigre-2.jpg" alt="">
<div class="small-image">
<img src="images/portfolio/pedigre.jpg" alt="">
</div>
</div>
<div class="item-info">
<h2>Pedigre</h2>
<p class="meta">HTML5 / CSS3 / Sass / WordPress / jQuery / Bootstrap</p>
<p>Website for one of the best veterinary clinic in Novi Sad. I was participating in front-end development for this project while working for AxiomQ (former Array Studio).</p>
<a href="http://pedigre.co.rs/" class="btn btn-default hidden-xs" target="_blank">Visit Pedigre</a>
</div>
<a href="http://pedigre.co.rs/" class="btn btn-default visible-xs-block" target="_blank">Visit Pedigre</a>
</div>
<div class="custom-media">
<div class="item-info">
<h2>Simona Leather</h2>
<p class="meta">HTML5 / CSS3 / Sass / WordPress / WooCommerce / jQuery / Bootstrap</p>
<p>E-commerce developed using WooCommerce for online ordering custom leather goods. I was participating in front-end development for this project while working for AxiomQ (former Array Studio).</p>
<a href="http://simonaleather.rs/" class="btn btn-default hidden-xs" target="_blank">Visit Simona Leather</a>
</div>
<div class="item-screens wide">
<img src="images/portfolio/simona-leather.jpg" alt="">
<div class="small-image">
<img src="images/portfolio/simona-leather-2.jpg" alt="">
</div>
</div>
<a href="http://simonaleather.rs/" class="btn btn-default visible-xs-block" target="_blank">Visit Simona Leather</a>
</div>
<div class="custom-media">
<div class="item-screens left stacked">
<img src="images/portfolio/wilkens-partners.jpg" alt="">
<img src="images/portfolio/wilkens-partners-2.jpg" alt="">
<img src="images/portfolio/wilkens-partners-3.jpg" alt="">
</div>
<div class="item-info">
<h2>Wilkens and Partners</h2>
<p class="meta">HTML5 / CSS3 / Sass / WordPress / jQuery / Bootstrap</p>
<p>Website for financial services company. I was participating in front-end development for this project while working for AxiomQ (former Array Studio).</p>
<a href="https://wilkensenpartners.nl/" class="btn btn-default hidden-xs" target="_blank">Visit Wilkens and Partners</a>
</div>
<a href="https://wilkensenpartners.nl/" class="btn btn-default visible-xs-block" target="_blank">Visit Wilkens and Partners</a>
</div>
<div class="custom-media">
<div class="item-info">
<h2>Petear</h2>
<p class="meta">HTML5 / CSS3 / Sass / HubSpot / jQuery</p>
<p>Marketing website for company that developed secure chat application. I was participating in front-end development for this project while working for AxiomQ (former Array Studio).</p>
<a href="https://www.petear.nl/" class="btn btn-default hidden-xs" target="_blank">Visit Petear</a>
</div>
<div class="item-screens stacked">
<img src="images/portfolio/petear-2.jpg" alt="">
<img src="images/portfolio/petear-3.jpg" alt="">
<img src="images/portfolio/petear.jpg" alt="">
</div>
<a href="https://www.petear.nl/" class="btn btn-default visible-xs-block" target="_blank">Visit Petear</a>
</div>
<div class="custom-media">
<div class="item-screens left wide">
<img src="images/portfolio/trimming-center.jpg" alt="">
<div class="small-image">
<img src="images/portfolio/trimming-center-2.jpg" alt="">
</div>
</div>
<div class="item-info">
<h2>Trimming Center</h2>
<p class="meta">HTML5 / CSS3 / jQuery / CakePHP</p>
<p>Client is distributor of YKK trimmings for Serbia. I was participating in front-end development for custom CMS system based on CakePHP framework while I was working for AxiomQ (former Array Studio).</p>
<a href="http://www.trimmingcenter.rs/" class="btn btn-default hidden-xs" target="_blank">Visit Trimming Center</a>
</div>
<a href="http://www.trimmingcenter.rs/" class="btn btn-default visible-xs-block" target="_blank">Visit Trimming Center</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer" class="footer">
<div class="footer-contact">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<h2>Get in touch</h2>
</div>
</div>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<div class="text-center">
<p>
Have a project or idea? We can help you. Get in touch with Vladan to get started:
<a title="Contact Email" href="mailto:vladan@mvdevelop.com">vladan@mvdevelop.com</a> or +381 63 569 062
</p>
</div>
<form class="contact-form" action="https://submit.jotformeu.com/submit/31362021319341/" method="post" name="form_31362021319341" id="31362021319341" accept-charset="utf-8">
<input type="hidden" name="formID" value="31362021319341" />
<div class="form-group">
<div class="row">
<div class="col-sm-6">
<label id="label_1" for="input_1">Name</label>
<input type="text" id="input_1" name="q1_name1" class="form-textbox form-control input-lg required">
</div>
<div class="col-sm-6">
<label id="label_3" for="input_3">Email</label>
<input type="text" id="input_3" name="q3_email" class="form-textbox form-control input-lg required email">
</div>
</div>
</div>
<div class="form-group">
<label id="label_4" for="input_4">Message</label>
<textarea id="input_4" name="q4_sendMe" class="form-control form-textarea required" rows="6"></textarea>
</div>
<button id="input_2" type="submit" class="btn btn-info">Submit</button>
<input type="hidden" id="simple_spc" name="simple_spc" value="31362021319341" />
<script type="text/javascript">
document.getElementById("si" + "mple" + "_spc").value = "31362021319341-31362021319341";
</script>
</form>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<ul class="footer-social">
<li>
<a href="https://twitter.com/mvdevelop" target="_blank" title="Follow us on Twitter">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/vladanmitevski" target="_blank" title="Connect with us on LinkedIn">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/mvdevelop/" target="_blank" title="Follow us on Facebook">
<i class="fa fa-facebook"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/mvdevelop/" target="_blank" title="Follow us on Facebook">
<i class="fa fa-instagram"></i>
</a>
</li>
<li>
<a href="https://github.com/mvdevelop" target="_blank" title="Follow us on Facebook">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<ul class="footer-nav">
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="services.html" title="Services">Services</a></li>
<li><a href="about.html" title="About">About</a></li>
<li class="active"><a href="portfolio.html" title="Portfolio">Portfolio</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
<!-- <li><a href="blog" title="Blog">Blog</a></li> -->
</ul>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="copyright">
<p>Copyright @ 2012-<span class="current-year"></span> MV Develop. All rights reserved.</p>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript" src="javascripts/app.min.js"></script>
</body>
</html>