-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 45 KB
/
index.html
1
<!DOCTYPE html><!--[if lt IE 8 ]><html class="no-js ie ie7" lang="en"><![endif]--><!--[if IE 8 ]><html class="no-js ie ie8" lang="en"><![endif]--><!--[if (gte IE 8)|!(IE)]><![endif]--><html lang="en"><head><script>LUX=(function(){var a=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMarks)?LUX.gaMarks:[]);var d=("undefined"!==typeof(LUX)&&"undefined"!==typeof(LUX.gaMeasures)?LUX.gaMeasures:[]);var j="LUX_start";var k=window.performance;var l=("undefined"!==typeof(LUX)&&LUX.ns?LUX.ns:(Date.now?Date.now():+(new Date())));if(k&&k.timing&&k.timing.navigationStart){l=k.timing.navigationStart}function f(){if(k&&k.now){return k.now()}var o=Date.now?Date.now():+(new Date());return o-l}function b(n){if(k){if(k.mark){return k.mark(n)}else{if(k.webkitMark){return k.webkitMark(n)}}}a.push({name:n,entryType:"mark",startTime:f(),duration:0});return}function m(p,t,n){if("undefined"===typeof(t)&&h(j)){t=j}if(k){if(k.measure){if(t){if(n){return k.measure(p,t,n)}else{return k.measure(p,t)}}else{return k.measure(p)}}else{if(k.webkitMeasure){return k.webkitMeasure(p,t,n)}}}var r=0,o=f();if(t){var s=h(t);if(s){r=s.startTime}else{if(k&&k.timing&&k.timing[t]){r=k.timing[t]-k.timing.navigationStart}else{return}}}if(n){var q=h(n);if(q){o=q.startTime}else{if(k&&k.timing&&k.timing[n]){o=k.timing[n]-k.timing.navigationStart}else{return}}}d.push({name:p,entryType:"measure",startTime:r,duration:(o-r)});return}function h(n){return c(n,g())}function c(p,o){for(i=o.length-1;i>=0;i--){var n=o[i];if(p===n.name){return n}}return undefined}function g(){if(k){if(k.getEntriesByType){return k.getEntriesByType("mark")}else{if(k.webkitGetEntriesByType){return k.webkitGetEntriesByType("mark")}}}return a}return{mark:b,measure:m,gaMarks:a,gaMeasures:d}})();LUX.ns=(Date.now?Date.now():+(new Date()));LUX.ac=[];LUX.cmd=function(a){LUX.ac.push(a)};LUX.init=function(){LUX.cmd(["init"])};LUX.send=function(){LUX.cmd(["send"])};LUX.addData=function(a,b){LUX.cmd(["addData",a,b])};LUX_ae=[];window.addEventListener("error",function(a){LUX_ae.push(a)});LUX_al=[];if("function"===typeof(PerformanceObserver)&&"function"===typeof(PerformanceLongTaskTiming)){var LongTaskObserver=new PerformanceObserver(function(c){var b=c.getEntries();for(var a=0;a<b.length;a++){var d=b[a];LUX_al.push(d)}});try{LongTaskObserver.observe({type:["longtask"]})}catch(e){}};</script><script src="https://cdn.speedcurve.com/js/lux.js?id=534142128" async defer="defer" crossorigin="anonymous"></script><meta charset="utf-8"><meta content="text/html; charset=utf-8" http-equiv="Content-Type"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><meta name="author" content="Girisha C"><meta name="description" content="Portfolio Website of Girisha C - UX/UI Designer & Front-end Developer from Bengaluru, India."><meta name="keywords" content="girish,chennura,girisha chennura,portfolio,ux,ui,graphic,design,branding,experience,iOS,fornt-end,freelance,interface,developer,bangalore,india"><meta name="page-topic" content="Specialized in Creating Mockup Flows using Adobe XD/ Balsamiq/ Invision, can convert Wireframes (Hand drawn / PSD / Sketch files) to HTML or React Components"><meta name="topic" content="Specialized in Creating Mockup Flows using Adobe XD/ Balsamiq/ Invision, can convert Wireframes (Hand drawn / PSD / Sketch files) to HTML or React Components"><meta name="theme-color" content="#fff"><title>Girisha C - UX/UI Designer & Front-end Developer - Bengaluru, India</title><style></style><meta name="apple-mobile-web-app-capable" content="yes"><meta name="mobile-web-app-capable" content="yes"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:creator" content="@cgirish84"><meta name="twitter:description" content="Specialised in Creating Mockup Flows using Adobe XD/ Balsamiq/ Invision, can convert Wireframes (Hand drawn / PSD / Sketch files) to HTML or React Components"><meta name="twitter:domain" content="https://cgirish.github.io/"><meta name="twitter:image" content="https://cgirish.github.io/img/social-share.png"><meta name="twitter:site" content="@cgirish84"><meta name="twitter:title" content="Girisha C - UX/UI Designer & Front-end Developer from Bengaluru, India."><meta property="og:description" content="Specialised in Creating Mockup Flows using Adobe XD/ Balsamiq/ Invision, can convert Wireframes (Hand drawn / PSD / Sketch files) to HTML or React Components"><meta property="og:image" itemprop="image" content="social-share.png"><meta property="og:locale" content="en_US"><meta property="og:site_name" content="Girisha C - UX/UI Designer & Front-end Developer from Bengaluru, India. https://cgirish.github.io/"><meta property="og:title" content="Girisha C - UX/UI Designer & Front-end Developer from Bengaluru, India."><meta property="og:type" content="website"><meta property="og:url" content="https://cgirish.github.io/"><link rel="canonical" href="https://cgirish.github.io/"><link rel="manifest" href="/manifest.json"><link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png"><link rel="stylesheet" type="text/css" href="css/css.min.css"><!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--><script async src="https://www.googletagmanager.com/gtag/js?id=UA-124186227-1"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-124186227-1');</script></head><body><noscript><p>This page uses javascript.</p></noscript><!--[if lte IE 9]><p>You are using an <strong>outdated</strong> browser. Please<a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p><![endif]--> <a class="skippy sr-only sr-only-focusable" href="#content"><span class="skippy-text">Skip to main content</span> </a><svg xmlns="http://www.w3.org/2000/svg" style="display:none"><symbol id="logo" viewBox="0 0 36 36"><line x1="1" x2="1" y1="0" y2="36" stroke="#000" stroke-width="2"/><line x1="35" x2="35" y1="0" y2="36" stroke="#000" stroke-width="2"/><path d="M 26,4 H 10 V 31 H 26 V 20 h -6" stroke="#000" stroke-width="2" fill="none" stroke-linecap="square"/><path d="M 26,10 H 16 v 15 h 4" stroke="#000" stroke-width="2" fill="none" stroke-linecap="square"/></symbol><symbol id="de" viewBox="0 0 20 20" shape-rendering="optimizeQuality"><path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0zm1.3 5 1.8 0 0 1.8-1.8 3.5 0.2 0.2 1.7 0 0 2.5-3.1 0L9.8 13.2 8.9 14.8 8.7 15l-1.8 0 0-1.8L8.8 9.7 8.6 9.5l-1.7 0 0-2.5 3.1 0 0.3-0.2 0.8-1.6z"/></symbol><symbol id="gi" viewBox="0 0 20 20" shape-rendering="optimizeQuality"><path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0zM6.9 5C7.2 5 7.6 5.1 7.8 5.2 8.1 5.3 8.4 5.5 8.8 5.8 9.3 5.6 9.8 5.6 10.4 5.6c0.5 0 1 0.1 1.5 0.2 0.4-0.2 0.7-0.4 0.9-0.6C13.1 5.1 13.4 5 13.7 5c0.2 0.3 0.3 0.7 0.3 1 0 0.3 0 0.5-0.1 0.8 0.5 0.5 0.7 1.1 0.7 1.9 0 1-0.2 1.7-0.7 2.2-0.5 0.4-1.3 0.7-2.3 0.8 0.4 0.3 0.7 0.7 0.7 1.3l0 2.1-3.6 0 0-1.6c-0.3 0-0.6 0.1-0.7 0.1-0.7 0-1.2-0.3-1.5-0.9C6.3 12.3 6.2 12.1 6 11.9 6 11.9 5.9 11.8 5.8 11.8 5.7 11.7 5.6 11.6 5.6 11.5 5.5 11.5 5.5 11.4 5.5 11.4c0-0.1 0.1-0.1 0.3-0.1 0.2 0 0.4 0.1 0.5 0.2 0.1 0.1 0.3 0.2 0.3 0.3 0.1 0.1 0.2 0.3 0.3 0.4 0.1 0.1 0.2 0.2 0.4 0.3 0.2 0.1 0.3 0.2 0.5 0.2 0.3 0 0.5 0 0.8-0.1C8.7 12.1 8.9 11.8 9.2 11.6 8.1 11.5 7.3 11.2 6.8 10.8 6.3 10.4 6.1 9.7 6.1 8.7 6.1 7.9 6.3 7.3 6.8 6.8 6.7 6.6 6.6 6.3 6.6 6 6.6 5.7 6.7 5.3 6.9 5z"/></symbol><symbol id="li" viewBox="0 0 20 20" shape-rendering="optimizeQuality"><path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0zM6.1 5.1c0.7 0 1.1 0.5 1.1 1.1 0 0.6-0.4 1.1-1.1 1.1C5.5 7.2 5 6.7 5 6.1 5 5.5 5.4 5.1 6.1 5.1zm6.4 2.8C13.9 7.9 15 8.9 15 10.9l0 4.1-2.1 0 0-3.8c0-0.9-0.3-1.5-1.1-1.5-0.6 0-0.9 0.4-1.1 0.8-0.1 0.1-0.1 0.3-0.1 0.5l0 4-2.2 0 0-4.7c0-0.9 0-1.6-0.1-2.2l1.9 0L10.4 9 10.4 9c0.3-0.4 1-1.1 2.1-1.1zM5.1 8.1l2.1 0 0 6.9-2.1 0 0-6.9z"/></symbol><symbol id="ma" viewBox="0 0 20 20" shape-rendering="optimizeQuality"><path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0zm-4.7 6.3 9.4 0c0.5 0 0.2 0.6 0 0.8-0.3 0.2-4 2.4-4.2 2.5-0.2 0.2-0.7 0.2-1 0C9.4 9.5 5.6 7.2 5.3 7.1 5 6.9 4.8 6.3 5.3 6.3zm-0.1 2.2c0 0 4.1 2.4 4.3 2.5 0.3 0.2 0.7 0.2 1 0 0.2-0.1 4.3-2.5 4.3-2.5C15 8.3 15 8.6 15 8.6l0 4.6c0 0.3-0.3 0.6-0.6 0.6l-8.9 0C5.3 13.8 5 13.4 5 13.1L5 8.6C5 8.3 5.2 8.4 5.2 8.4z"/></symbol><symbol id="sk" viewBox="0 0 20 20" shape-rendering="optimizeQuality"><path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0zM7.8 5.1c0.6 0 1.1 0.2 1.5 0.5 0.2 0 0.5-0.1 0.7-0.1 2.5 0 4.6 2 4.6 4.6 0 0.2 0 0.4 0 0.6C14.8 11.1 15 11.6 15 12.2c0 1.5-1.2 2.8-2.7 2.8-0.5 0-1-0.2-1.4-0.4-0.3 0.1-0.6 0.1-0.8 0.1-2.5 0-4.6-2-4.6-4.6C5.4 9.8 5.4 9.6 5.4 9.3 5.2 8.9 5 8.4 5 7.8 5 6.3 6.2 5.1 7.8 5.1zM9.3 6.6C8.4 6.7 7.4 7.3 7.3 8.6c-0.1 1.2 1.3 1.9 2.5 2 0.8 0.1 1.9 0.5 1.3 1.3C10.5 12.6 9.3 12.1 9 11.9 8.7 11.8 8.4 11.1 7.8 11.1 7.2 11.2 6.9 11.9 7.6 12.6c0.6 0.6 1.3 0.9 2.8 0.8 1.5-0.1 2.8-1.4 2.3-2.6C12.1 9.6 10.7 9.5 9.4 9.2 8.1 8.8 8.8 7.7 9.9 7.7 10.9 7.7 11.4 8.8 11.9 8.8 12.4 8.7 12.8 8 12.1 7.4 11.4 6.8 10.6 6.5 9.3 6.6z"/></symbol><symbol id="tw" viewBox="0 0 20 20" shape-rendering="optimizeQuality"><path d="M10 0C4.5 0 0 4.5 0 10 0 15.5 4.5 20 10 20 15.5 20 20 15.5 20 10 20 4.5 15.5 0 10 0zM11.9 5.9C12.5 5.9 13 6.2 13.4 6.6 13.9 6.5 14.3 6.3 14.7 6.1 14.6 6.6 14.2 7 13.8 7.2 14.2 7.2 14.6 7.1 15 6.9 14.7 7.3 14.4 7.7 14 8 14 8.1 14 8.1 14 8.2 14 10.9 11.9 14.1 8.2 14.1 7 14.1 5.9 13.7 5 13.2 5.2 13.2 5.3 13.2 5.5 13.2 6.5 13.2 7.3 12.8 8 12.3 7.1 12.3 6.4 11.7 6.1 10.9 6.3 10.9 6.4 10.9 6.5 10.9 6.7 10.9 6.9 10.9 7 10.8 6.1 10.7 5.4 9.8 5.4 8.8L5.4 8.8C5.7 8.9 6 9.1 6.3 9.1 5.8 8.7 5.4 8.1 5.4 7.3 5.4 7 5.5 6.6 5.7 6.3 6.7 7.6 8.2 8.4 9.9 8.5 9.9 8.3 9.9 8.2 9.9 8 9.9 6.9 10.8 5.9 11.9 5.9z"/></symbol></svg><nav><div class="container"><a class="logo" href="/"><svg><use xlink:href="#logo"></use></svg></a><ul class="nav"><li><a class="js-work" href="#work">Portfolio</a></li><li><a href="#contact">Contact</a></li></ul></div></nav><section class="header" id="content"><div class="container hv-center"><div class="row"><div class="col-md-5 align-center"><img class="avatar" src="img/avatar.png" width="306" height="306" alt="My Avatar"></div><div class="col-md-7 align-center"><h1 class="h1 d-block mb-1">Girish</h1><span class="h3 d-block mb-1">UI / UX / Front-end Developer </span><span class="h4 d-block mb-2 font-normal text-gray">With<script>document.write(new Date().getFullYear() - 2007)</script>+ years of experience</span><p class="icon-holder m-0"><a class="icon first" href="http://grsh.deviantart.com/" target="_blank"><svg><use xlink:href="#de"></use></svg> </a><a class="icon" href="http://github.com/cgirish" target="_blank"><svg><use xlink:href="#gi"></use></svg> </a><span class="separator"></span> <a class="icon" href="https://twitter.com/cgirish84" target="_blank"><svg><use xlink:href="#tw"></use></svg> </a><a class="icon" href="http://in.linkedin.com/in/cgirish" target="_blank"><svg><use xlink:href="#li"></use></svg> </a><span class="separator"></span> <a class="icon" href="skype:girisha.c?chat" rel="nofollow"><svg><use xlink:href="#sk"></use></svg> </a><a class="icon" href="mailto:[email protected]" target="_blank"><svg><use xlink:href="#ma"></use></svg></a></p></div></div></div></section><section><div class="container"><div class="h1 float-left">I'm Skilled in – </div><div class="h1 float-left text">Front-end Development</div></div><br><br><div class="container lead-p"><p>A result-oriented professional offering <b><script>document.write(new Date().getFullYear() - 2007)</script>+ years of experience</b> in <b>UI/UX Design, & Front-end Development</b>, with the proven know-how to combine creative and usability viewpoints, a strong advocate for user-centered design, encouraging and initiating full team collaboration so that the end-user remains at the forefront of the product or development process resulting in world-class mobile, desktop, and web applications.</p><p>On any given day, i design user-interfaces, building mobile friendly websites, landing pages and web apps, and managing content in and out of a CMS with the help of HTML, CSS, and JavaScript. This enables me to work through designs from early problem solving to high fidelity prototypes. Deep understanding of this process enables me to better communicate the project requirements and constraints with the team or take complex challenges on independently. During my free time, I love to solve issue in <a href="https://stackoverflow.com/users/2560642/girisha-c" target="_blank">Stack Overflow</a>, work on 3D / vector graphics using Blender and SVG!</p><p>Proficient in <a href="https://www.adobe.com/in/products/xd.html" target="_blank">Adobe XD</a>, <a href="https://www.sketchapp.com/" target="_blank">Sketch</a>, <a href="http://principleformac.com/" target="_blank">Principle</a>, <a href="https://www.adobe.com/in/products/illustrator.html" target="_blank">Illustrator</a>, <a href="https://www.adobe.com/in/products/photoshop.html" target="_blank">Photoshop</a>, HTML, CSS (<a href="http://sass-lang.com/" target="_blank">Sass</a>, <a href="https://postcss.org/" target="_blank">PostCSS</a>), JavaScript, and more.</p><p>Worked as a Senior UI/UX Designer at <a href="https://tokenvault.io/" target="_blank">Tokentech</a>, <a href="https://cleartax.com" target="_blank">Cleartax(Contract)</a>, <a href="https://codemancers.com" target="_blank">Codemancers</a>, <a href="https://www.castlerockresearch.in/" target="_blank">Castlerock</a>, & <a href="https://agiline.com/" target="_blank">Agiline</a>.</p></div></section><section class="work clearfix"><div class="container"><h2 id="work">What I've done professionally and personal miscellanea</h2></div><div class="work-list"><img data-target="js-modal-tt" data-toggle="modal" src="img/thumbs/tt.jpg" alt="Tokentech Website"> <img data-target="js-modal-ttl" data-toggle="modal" src="img/thumbs/tt-l.jpg" alt="Tokentech Logo"> <img data-target="js-modal-274k" data-toggle="modal" src="img/large/k-05.jpg" alt="274 Kelvin App"> <img data-target="js-modal-274kl" data-toggle="modal" src="img/thumbs/k-00.jpg" alt="274 Kelvin Logo"> <img data-target="js-modal-tv" data-toggle="modal" src="img/thumbs/tv.jpg" alt="Tokenvault Website"> <img data-target="js-modal-tvl" data-toggle="modal" src="img/thumbs/tv-l.jpg" alt="Tokenvault Logo"> <img data-target="js-modal-wltdo-a" data-toggle="modal" src="img/thumbs/wltdo-a.jpg" alt="Who let the dogs out App"> <img data-target="js-modal-wltdo" data-toggle="modal" src="img/thumbs/wltdo.jpg" alt="Who let the dogs out Website"> <img data-target="js-modal-wltdo-l" data-toggle="modal" src="img/thumbs/wltdo-l.jpg" alt="Who let the dogs out Logo"> <img data-target="js-modal-iv" data-toggle="modal" src="img/thumbs/iv.jpg" alt="Ivrnet"> <img data-target="js-modal-ve" data-toggle="modal" src="img/thumbs/ve.jpg" alt="Veritrans"> <img data-target="js-modal-wl" data-toggle="modal" src="img/thumbs/wl.jpg" alt="Welend"> <img data-target="js-modal-bb" data-toggle="modal" src="img/thumbs/bb.jpg" alt="BrightBox"> <img data-target="js-modal-ff" data-toggle="modal" src="img/thumbs/ff.jpg" alt="ForceField"> <img data-target="js-modal-am" data-toggle="modal" src="img/thumbs/am.jpg" alt="Absolutely Last Minute"> <img data-target="js-modal-wa" data-toggle="modal" src="img/thumbs/wa.jpg" alt="Wadja"> <img data-target="js-modal-mb" data-toggle="modal" src="img/thumbs/mb.jpg" alt="Mightbuy"> <img data-target="js-modal-st" data-toggle="modal" src="img/thumbs/st.jpg" alt="Show&Tale"></div></section><section><div class="container align-center"><h2 id="contact">Want to say hello, ask a question or interested to hire?</h2><p class="m-0">Awesome! I’d love to hear from you! Please use the form below or email me directly at <a href="mailto:[email protected]">[email protected]</a>.</p><form class="gform" method="POST" action="https://script.google.com/macros/s/AKfycbwNZlnwfLKqn7tVmwGvWGDfQdbMwkPdpevk16grMw/exec"><div class="form-elements"><div class="row"><div class="col-md-6"><label>Name</label> <input type="text" name="name" required></div><div class="col-md-6"><label>Email</label> <input type="email" name="email" required></div></div><label>Message</label> <textarea name="message" required></textarea> <button type="submit">Submit</button></div><div class="thankyou_message align-center" style="display:none;"><h3>Thanks for contacting! I will get back to you soon!</h3></div></form></div></section><hr><footer><div class="container pt-2"><div class="row"><p class="col-md-6 align-center md-align-left">Website design and content © <script>document.write(new Date().getFullYear())</script></p><p class="col-md-6 icon-holder align-center md-align-right"><a class="icon sm" href="http://grsh.deviantart.com/" target="_blank"><svg><use xlink:href="#de"></use></svg> </a><a class="icon sm" href="http://github.com/cgirish" target="_blank"><svg><use xlink:href="#gi"></use></svg> </a><span class="separator sm"></span> <a class="icon sm" href="https://twitter.com/cgirish84" target="_blank"><svg><use xlink:href="#tw"></use></svg> </a><a class="icon sm" href="http://in.linkedin.com/in/cgirish" target="_blank"><svg><use xlink:href="#li"></use></svg> </a><span class="separator sm"></span> <a class="icon sm" href="#" target="_blank"><svg><use xlink:href="#sk"></use></svg> </a><a class="icon sm" href="mailto:[email protected]" target="_blank"><svg><use xlink:href="#ma"></use></svg></a></p></div></div></footer><dialog id="js-modal-274k" class="modal"><div class="modal-window md"><span class="close" data-dismiss="modal"></span><h2>274 Kelvin Web App</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator / HTML / JQuery / SCSS / Bootstrap</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Storyboard, Logo, UI design creation, and Implementation of Front-end.</p></div></div><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-06.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-07.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-08.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-09.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-10.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-11.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-12.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-13.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-14.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-15.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-16.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-17.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-18.jpg"></span></div></dialog><dialog id="js-modal-274kl" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>274 Kelvin Logo</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Concept, and created the logo using Golden Ratio.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-01.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-02.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/k-03.jpg"></span></div></dialog><dialog id="js-modal-tvl" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Tokenvault Logo</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Concept, and created the logo using Golden Ratio.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv-l1.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv-l3.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv-l2.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv-l4.jpg"></span></div></dialog><dialog id="js-modal-tv" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Tokenvault Website</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator / HTML / JQuery / SCSS / Bootstrap</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Storyboard, Logo, UI design creation, and Implementation of Front-end.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv1.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv2.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv3.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv4.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv5.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv6.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv7.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv8.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv9.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv10.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv11.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tv12.jpg"></span></div></dialog><dialog id="js-modal-ttl" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Tokentech Logo</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Concept, and created the logo using Golden Ratio.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt1.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt2.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt3.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt0.jpg"></span></div></dialog><dialog id="js-modal-tt" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>tokentech</h2><div class="row"><div class="col-md-6"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator / HTML / JQuery / SCSS / Bootstrap</p></div><div class="col-md-6"><h4>Responsibilities:</h4><p>Storyboard, Logo, UI design creation, and Implementation of Front-end.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt4.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt5.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt6.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt7.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/tt8.jpg"></span></div></dialog><dialog id="js-modal-wltdo-a" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Who Let The Dogs Out - iOS App</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Overflow / Zeplin</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Translate customer insights into concepts, personas, user journeys, storyboards, user flows, wireframes, visual design, and prototypes.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-02.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-03.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-04.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-05.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-06.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-07.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-08.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-09.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-10.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-11.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-a-12.jpg"></span></div></dialog><dialog id="js-modal-wltdo" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Who Let The Dogs Out Website</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator / HTML / JQuery / SCSS / Bootstrap</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Storyboard, Logo, UI design creation, and Implementation of Front-end.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-1.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-2.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-3.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-4.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-5.jpg"> </span><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-6.jpg"></span></div></dialog><dialog id="js-modal-wltdo-l" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Who Let The Dogs Out Logo</h2><div class="row"><div class="col-md-5"><p class="h3 m-0">Skills utilized:</p><p>Adobe XD / Illustrator</p></div><div class="col-md-7"><h4>Responsibilities:</h4><p>Concept, and created the logo using Golden Ratio.</p></div></div><span class="loading no"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-l1.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-l3.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-l2.jpg"> </span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wltdo-l4.jpg"></span></div></dialog><dialog id="js-modal-iv" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Ivrnet</h2><p class="h3 m-0">Skills utilized:</p><p>HTML / Ruby on Rails / SCSS / Bootstrap / CoffeeScript / Balsamiq / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Storyboard, UI design creation, and Implementation of Front-end.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/iv1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/iv2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/iv3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/iv4.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/iv5.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/iv6.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/iv7.jpg"></span></div></dialog><dialog id="js-modal-ve" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Veritrans</h2><p class="h3 m-0">Skills utilized:</p><p>HTML / SCSS / Javascript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Implementation of the UI design given by the client, and made some UI design changes to it based on the requirement.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ve1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ve2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ve3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ve4.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ve5.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ve6.jpg"></span></div></dialog><dialog id="js-modal-wl" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Welend</h2><p class="h3 m-0">Skills utilized:</p><p>Haml / Rails / SCSS / Bootstrap / CoffeeScript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Implementation of the UI design given by the client, and made some UI design changes to it based on the requirement.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wl1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wl2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wl3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/wl4.jpg"></span></div></dialog><dialog id="js-modal-bb" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>BrightBox</h2><p class="h3 m-0">Skills utilized:</p><p>HTML / Rails / SCSS / Bootstrap / CoffeeScript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Implementation of the UI design given by the client, and made some UI design changes to it based on the requirement.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/bb1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/bb1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/bb2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/bb3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/bb4.jpg"></span></div></dialog><dialog id="js-modal-ff" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Force Field</h2><p class="h3 m-0">Skills utilized:</p><p>Haml / Rails / SCSS / CoffeeScript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Implementation of the UI design given by the client, and made some UI design changes to it based on the requirement.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ff1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ff2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ff3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ff4.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ff5.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/ff6.jpg"></span></div></dialog><dialog id="js-modal-am" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Absolutely Last Minute</h2><p class="h3 m-0">Skills utilized:</p><p>SCSS / Haml / Ruby / CoffeeScript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Implementation of the UI design given by the client, and made some UI design changes to it based on the requirement.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/alm1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/alm2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/alm3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/alm4.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/alm5.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/alm6.jpg"></span></div></dialog><dialog id="js-modal-wa" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Wadja</h2><p class="h3 m-0">Skills utilized:</p><p>Haml / Rails / SCSS / Bootstrap / CoffeeScript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Migration of existing custom css to Bootstrap framework, and retaining the UI design to remain same as earlier.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/w1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/w2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/w3.jpg"></span></div></dialog><dialog id="js-modal-mb" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>MightBuy</h2><p class="h3 m-0">Skills utilized:</p><p>SCSS / Haml / Ruby / CoffeeScript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Storyboard, UI design creation, and Implementation of Front-end.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/mb1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/mb2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/mb3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/mb4.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/mb5.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/mb6.jpg"></span></div></dialog><dialog id="js-modal-st" class="modal"><div class="modal-window"><span class="close" data-dismiss="modal"></span><h2>Show&Tale</h2><p class="h3 m-0">Skills utilized:</p><p>Haml / Rails / SCSS / CoffeeScript / Adobe Photoshop.</p><h4>Responsibilities:</h4><p>Storyboard, UI design creation, and Implementation of Front-end.</p><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/st1.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/st2.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/st3.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/st4.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/st5.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/st6.jpg"></span><span class="loading"><img class="b-lazy" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="lazyload image" data-src="img/large/st7.jpg"></span></div></dialog><button class="toggle-baseline" style="visibility: hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 24 24"><rect class="fill" width="24" height="1" cx="0" cy="0" x="0" y="0"/><rect class="fill" width="24" height="1" cx="0" cy="0" x="0" y="4"/><rect class="fill" width="24" height="1" cx="0" cy="0" x="0" y="8"/><rect class="fill" width="24" height="1" cx="0" cy="0" x="0" y="12"/><rect class="fill" width="24" height="1" cx="0" cy="0" x="0" y="16"/><rect class="fill" width="24" height="1" cx="0" cy="0" x="0" y="20"/></svg></button><script src="js/js.min.js"></script></body></html>