index.html

---
layout: default
title: Home
pageType: Person
description: "I'm a UI & Front-end Developer from India with 7+ years of solid experience in web and mobile applications development. My experience range from a variety of Technologies and Frameworks."
---

<main role="main" class="full-height emu-table">
  <section id="main-content">
    
    <span class="logo anim">
      <img id="logo-main" class="nor" src="/public/img/logo.svg" alt="Vijay Dev Logo">
      <span class="hov"></span>
    </span>
    <h1 class="name anim">{{ site.title }}</h1>
    <h2 class="tagline anim">{{ site.tagline }}</h2>

    <div class="elsewhere anim">
      <a href="https://twitter.com/iamvijaydev" target="_blank" class="icon-twitter"></a>
      <a href="https://www.linkedin.com/in/vijaydev" target="_blank" class="icon-linkedin"></a>
      <a href="https://github.com/iamvijaydev" target="_blank" class="icon-github"></a>
      <a href="https://dribbble.com/iamvjiaydev" target="_blank" class="icon-dribbble"></a>
    </div>

    <div class="elsewhere jump-down anim">
      <span class="icon-down"></span>
    </div>

    <div class="cloud-above"><div class="item"></div></div>
    <div class="cloud-below"><div class="item"></div></div>
  </section>
</main>

<section id="about" data-id="about">
  <div class="container content">
    <article class="home-content about-me">
      <header>
        <h3 class="title"><span class="icon-user"></span></h3>
      </header>
      <div class="part">
        <img src="/public/img/designer.png" alt="UI Designer">
        <h4 class="aside">UI Designer</h4>
        <p class="aside">Designing ain't chemistry! Rather its a perfect combination of - Shape, Color, Font & Typography.</p>
        <small class="aside">Notepad, pencil, coffee, Photoshop, Illustrator</small>
      </div>
      <div class="part reverse">
        <img src="/public/img/frontend-develop.png" alt="Front-end Engineer">
        <h4 class="aside">Front-end Developer</h4>
        <p class="aside">Building the web page. Contents to display. How & when to display? How can you play with it?</p>
        <small class="aside">HTML5, CSS3, JS, AngularJS, ReactJS, jQuery, BackboneJS</small>
      </div>
      <div class="part">
        <img src="/public/img/mobile-ninja.png" alt="Mobile Ninja">
        <h4 class="aside">Mobile Ninja</h4>
        <p class="aside">Making the web page responsive to any device - iOS, Android, Windows, BB what else?</p>
        <small class="aside">Responsive. Unbreakable. Resize your browser or use your devices.</small>
      </div>
    </article>
  </div>
</section>

<section id="works" class="works">
  <div class="grad">
    <div class="bg-img" id="bg-img"></div>
    <div class="container content">
      <div class="home-content">
        <h3 class="title"><span class="icon-works"></span></h3>
      </div>
    </div>
  </div>
</section>

<section id="blog">
  <div class="container content">
    <div class="home-content blog">
      <h3 class="title"><span class="icon-blog"></span></h3>
      <div class="part">
        <div class="cell">
          <h3><a class="btitle" href="/blog/hello-world/">Hello World</a></h3>
          <p>How's it going! I'm Vijay Dev from India. I'm a UI & Front-end developer with 5 years of solid experience in web and mobile applications.</p>
          <small class="icon-folder">JavaScript</small>
        </div>
        <div class="cell">
          <h3><a class="btitle" href="/blog/the-trip-gallery/">The Trip - A skewed CSS3 gallery</a></h3>
          <p>I have always loved to watch those pictures with images inside skewed frames. One picture presents a playful mashup of the entire event.</p>
          <small class="icon-folder">CSS</small>
        </div>
      </div>
      <div class="part next">
        <div class="cell">
          <a class="blog-link" href="/blog/">Read more</a>
        </div>
      </div>
    </div>
  </div>
</section>

<section id="contact">
  <div class="container content">
    <div class="home-content contact">
      <h3 class="title"><span class="icon-contact"></span></h3>
      <div class="part">
        <h4>We should totally hangout.</h4>
        <div class="elsewhere">
          <a href="https://twitter.com/iamvijaydev" target="_blank" class="icon-twitter"></a>
          <a href="https://www.linkedin.com/in/vijaydev" target="_blank" class="icon-linkedin"></a>
          <a href="https://github.com/iamvijaydev" target="_blank" class="icon-github"></a>
          <a href="https://dribbble.com/iamvijaydev" target="_blank" class="icon-dribbble"></a>
        </div>
      </div>
    </div>
  </div>
</section>