Responsive Mobile Nav

• Home
• About me
• Blog
• Links
• Sitemap

HTML
<div class="container">
    <a href="javascript:void(0);" class="resMenu active">
        <span></span>
        <span></span>
        <span></span>
    </a>
    <div class='menu active'>
    <ul>
        <li><a href='#home' data-name="Home">Home</a></li>
        <li><a href='#about-me' data-name="About me">About me</a></li>
        <li><a href='#blog' data-name="Blog">Blog</a></li>
        <li><a href='#links' data-name="Links">Links</a></li>
        <li><a href='#sitemap' data-name="Sitemap">Sitemap</a></li>    
    </ul>
</div>
</div>

Aligning Text Vertically Center

THIS text is vertically center aligned

HTML
<div class="container">
 <div class="txt">
  <p>THIS text is vertically center aligned</p>
 </div>    
</div>

Progress bar using jQuery

Code
<div class="bar-container">
  <div class="bar">
    <div class="bar-inner" id="range" data-value="90%"></div>
  </div>
  <div class="bar">
    <div class="bar-inner" id="" data-value="50%"></div>
  </div>
  <div class="bar">
    <div class="bar-inner" id="" data-value="60%"></div>
  </div>
  <div class="bar">
    <div class="bar-inner" id="" data-value="75%"></div>
  </div>
</div>

Drop Down Menu Using jQuery

• Item 1
• Item 2
• Item 3
  • Item 1
  • Item 2
  • Item 3
• Item 4
• Item 5
• Item 6
  • Item 1
  • Item 2
  • Item 3
• Item 7

<script>
$(document).ready(
 function(){
 $('.drop-down').hover(function(){$(this).find('ul').slideToggle();
    })
})
</script>

Form Validation using Javascript

First Name

Last Name

Email