Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

628 lines (470 sloc) 21.5 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content='yes' name='apple-mobile-web-app-capable'>
<meta content='black-translucent' names='apple-mobile-web-app-status-bar-style'>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="author" content="sukhchander"/>
<meta name="keywords" content="sukhchander github twitter linkedin experience resume"/>
<meta name="description" content="sukhchander github twitter linkedin experience resume" />
<meta name="robots" content="index, follow" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/assets/images/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/assets/images/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/assets/images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/assets/images/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="/assets/images/apple-touch-icon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/assets/images/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="/assets/images/apple-touch-icon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/assets/images/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/assets/images/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="/assets/images/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/assets/images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/assets/images/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/assets/images/favicon-128.png" sizes="128x128" />
<title>sukhchander</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css" rel="stylesheet">
<link href="/assets/css/custom.css" rel="stylesheet" media="screen">
</head>
<body>
<div class="wrapper">
<div id="preloader">
<div id="status">
<div class="status-mes"><h4></h4></div>
</div>
</div>
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Sukhchander</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#intro">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#experience">Experience</a></li>
<li><a href="#connect">Connect</a></li>
<!-- <li><a href="/styleguide.html">Styleguide</a></li> -->
</ul>
</div>
</div>
</nav>
<section id="intro" class="section">
<div class="container">
<div class="row">
<div class="col-md-12">
<a href="#profile">
<div class="mouse-icon">
<div class="wheel"></div>
</div>
</a>
<div class="hello wow bounceInDown">
<h3>WELCOME</h3>
</div>
</div>
</div>
</div>
</section>
<section id="profile-contact">
<div class="container">
<div class="row">
<div class="col-sm-2 wow bounceInLeft">
<div class="profile-item">
<h3><a href="/resume"><i class="fa fa-book"></i></a></h3>
</div>
</div>
<div class="col-sm-2 wow bounceInRight">
<div class="profile-item">
<h3><a href="http://github.com/sukhchander"><i class="fa fa-github"></i></a></h3>
</div>
</div>
<div class="col-sm-2 wow bounceInRight">
<div class="profile-item">
<h3><a href="http://linkedin.com/in/sukhchander"><i class="fa fa-linkedin"></i></a></h3>
</div>
</div>
<div class="col-sm-2 wow bounceInUp">
<div class="profile-item">
<h3><a href="http://twitter.com/sukhchander"><i class="fa fa-twitter"></i></a></h3>
</div>
</div>
<div class="col-sm-2 wow bounceInRight">
<div class="profile-item">
<h3><a href="http://instagram.com/sukhchander"><i class="fa fa-instagram"></i></a></h3>
</div>
</div>
<div class="col-sm-2 wow bounceInUp">
<div class="profile-item">
<h3><a href="/"><i class="fa fa-globe"></i></a></h3>
</div>
</div>
</div>
</div>
</section>
<section id="profile" class="section">
<div class="container">
<div class="row">
<div class="col-md-12 headline wow bounceInDown">
<h3>SUKHCHANDER</h3>
<p>FULL STACK ENGINEER</p>
</div>
<div class="col-md-3 col-sm-3 wow bounceInLeft">
<img class="avatar" src="/assets/images/avatar-square.jpg" alt="avatar">
</div>
<div class="col-md-9 col-sm-9 wow bounceInUp">
<div class="profile-widget">
<h3>SKILLS</h3>
<h5>Ruby | Ruby on Rails</h5>
<div class="skill-bar">
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
</div>
<h5>HTML | CSS3 </h5>
<div class="skill-bar">
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
</div>
<h5>Javascript</h5>
<div class="skill-bar">
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
</div>
<h5>UX</h5>
<div class="skill-bar">
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
</div>
<h5>Product</h5>
<div class="skill-bar">
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-on"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
<div class="skill-rate-off"></div>
</div>
</div>
<div class="profile-widget">
<ul class="widget-social">
<li><a href="http://github.com/sukhchander"><i class="fa fa-github"></i></a></li>
<li><a href="http://twitter.com/sukhchander"><i class="fa fa-twitter"></i></a></li>
<li><a href="http://linkedin.com/in/sukhchander"><i class="fa fa-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="stats" class="callout">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12 wow bounceInLeft hidden-xs">
<h3>VITALS</h3>
</div>
<div class="col-md-3 col-sm-4 wow bounceInDown">
<div class="stat">
<div class="stat-icon">
<h3><i class="fa fa-coffee"></i><span class="timer" data-to="10000000"></span>+</h3>
</div>
<h3>Cups of Coffee</h3>
</div>
</div>
<div class="col-md-3 col-sm-4 wow bounceInUp">
<div class="stat">
<div class="stat-icon">
<h3><i class="fa fa-code"></i><span class="timer" data-to="100000"></span>+</h3>
</div>
<h3>Lines of Code</h3>
</div>
</div>
<div class="col-md-3 col-sm-4 wow bounceInRight">
<div class="stat">
<div class="stat-icon">
<h3><i class="fa fa-child"></i><span class="timer" data-to="1000"></span>+</h3>
</div>
<h3>Satisfied Customers</h3>
</div>
</div>
</div>
</div>
</section>
<section id="services" class="section">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-12 wow bounceInDown hidden-xs">
<h3>SERVICES</h3>
</div>
<div class="col-md-3 col-sm-4 wow bounceInUp" data-wow-delay=".2s">
<div class="service">
<div class="icon">
<i class="fa fa-desktop"></i>
</div>
<h4>Design</h4>
</div>
</div>
<div class="col-md-3 col-sm-4 wow bounceInUp" data-wow-delay=".4s">
<div class="service">
<div class="icon">
<i class="fa fa-code"></i>
</div>
<h4>Develop</h4>
</div>
</div>
<div class="col-md-3 col-sm-4 wow bounceInUp" data-wow-delay=".6s">
<div class="service">
<div class="icon">
<i class="fa fa-life-ring"></i>
</div>
<h4>Support</h4>
</div>
</div>
</div>
</div>
</section>
<section class="callout">
<div class="container">
<div class="row">
<div class="col-md-3 hidden-xs wow bounceInLeft">
<h3>STATUS</h3>
</div>
<div class="col-md-9 headline nomargin wow bounceInDown">
<h3>Available to help design, develop, and launch your product</h3>
<a href="#connect" class="btn btn-default btn-custom-2 callout-btn"><i class="fa fa-bullhorn icon-before"></i> Let's Connect</a>
</div>
</div>
</div>
</section>
<section id="experience" class="section">
<div class="container">
<div class="row resume-items">
<div class="col-md-3 wow bounceInLeft">
<h3>Experience</h3>
</div>
<div class="col-md-6 col-sm-8 resume-item wow bounceInUp">
<h4>Full Stack Engineer Consultant</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> selastik</h4>
<p><i class="fa fa-map-marker"></i> New York</p>
<p><i class="fa fa-calendar"></i> 12/2009 - Present</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Full Stack Engineer</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Namely</h4>
<p><i class="fa fa-map-marker"></i> Brooklyn</p>
<p><i class="fa fa-calendar"></i> 06/2014 - 10/2014</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Full Stack Engineer</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Sellect</h4>
<p><i class="fa fa-map-marker"></i> New York</p>
<p><i class="fa fa-calendar"></i> 01/2013 - 02/2014</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Co-Founder | Engineer</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Superb</h4>
<p><i class="fa fa-map-marker"></i> Bay Area</p>
<p><i class="fa fa-calendar"></i> 01/2012 - 04/2012</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Co-Founder | Engineer</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Kismet</h4>
<p><i class="fa fa-map-marker"></i> Long Island City</p>
<p><i class="fa fa-calendar"></i> 01/2012 - 04/2012</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Software Engineer</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Knewton</h4>
<p><i class="fa fa-map-marker"></i> New York</p>
<p><i class="fa fa-calendar"></i> 05/2008 - 09/2009</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Software Engineer</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Cafepress</h4>
<p><i class="fa fa-map-marker"></i> Bay Area</p>
<p><i class="fa fa-calendar"></i> 10/2006 - 04/2008</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Technical Yahoo!</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Yahoo!</h4>
<p><i class="fa fa-map-marker"></i> Bay Area</p>
<p><i class="fa fa-calendar"></i> 07/2005 - 07/2006</p>
<hr class="visible-xs">
</div>
<div class="col-md-6 col-md-offset-3 col-sm-8 resume-item wow bounceInUp">
<h4>Extreme Blue Research Intern</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> IBM</h4>
<p><i class="fa fa-map-marker"></i> Bay Area</p>
<p><i class="fa fa-calendar"></i> 01/2005 - 05/2005</p>
<hr class="visible-xs">
</div>
</div>
<div class="row resume-items">
<div class="col-md-3 wow bounceInLeft">
<h3>Education</h3>
</div>
<div class="col-md-6 col-sm-8 resume-item wow bounceInUp">
<h4>Computer Science and Computer Engineering (B.S.)</h4>
<hr class="hidden-xs">
</div>
<div class="col-md-3 col-sm-4 resume-place wow bounceInRight">
<h4><i class="fa fa-suitcase"></i> Rensselaer Polytechnic Institute</h4>
<p><i class="fa fa-map-marker"></i> New York</p>
<p><i class="fa fa-calendar"></i> 2001 - 2004</p>
<hr class="visible-xs">
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 wow bounceInUp">
<a href="http://sukhchander.github.io/resume" class="btn btn-default btn-custom-2">
View Resume&nbsp;&nbsp;<i class="fa fa-sign-in"></i>
</a>
</div>
</div>
</div>
</section>
<section id="connect" class="section">
<div class="container">
<div class="row">
<div class="col-md-12 headline wow bounceInLeft hidden-xs">
<h3>Connect</h3>
</div>
<div class="col-md-3 wow bounceInUp">
<ul class="icon-list">
<li><i class="fa fa-fw fa-envelope-o icon-before"></i><a href="mailto:sukhchander+www@gmail.com"> email</a></li>
<li><i class="fa fa-fw fa-github icon-before"></i><a href="http://github.com/sukhchander"> github</a></li>
<li><i class="fa fa-fw fa-twitter icon-before"></i><a href="http://twitter.com/sukhchander"> twitter</a></li>
<li><i class="fa fa-fw fa-linkedin icon-before"></i><a href="http://linkedin.com/in/sukhchander"> linkedin</a></li>
<li><i class="fa fa-fw fa-globe icon-before"></i><a href="http://sukhchander.com"> sukhchander.com</a></li>
</ul>
</div>
<div class="col-md-9 wow bounceInRight">
<form id="contact-form" role="form">
<div class="form-group">
<label class="sr-only" for="name">Name</label>
<input type="text" id="name" class="form-control" name="name" placeholder="Name">
</div>
<div class="form-group">
<label class="sr-only" for="email">Email</label>
<input type="email" id="email" class="form-control" name="email" placeholder="E-mail">
</div>
<div class="form-group">
<textarea class="form-control" id="message" name="message" rows="7" placeholder="Message"></textarea>
</div>
<button type="submit" class="btn btn-custom-1">
<i class="fa fa-paper-plane-o icon-before"></i> Send
</button>
</form>
<div class="ajax-response"></div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<p class="copy">
© 2014 <a href="http://selastik.com">selastik</a>
</p>
</div>
</div>
</div>
</footer>
</div>
</body>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.5/waypoints.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/wow/1.0.2/wow.min.js"></script>
<script src="/assets/js/jquery.countTo.js"></script>
<script src="/assets/js/smoothscroll.js"></script>
<script src="/assets/js/custom.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-89596-1', 'sukhchander.com');
ga('send', 'pageview');
</script>
</html>
Jump to Line
Something went wrong with that request. Please try again.