<!-- footer section start here -->
            
            	<footer>
                
                	<div class="footer_top">
                    
                    	<div class="container">
                        
                        	<div class="five columns">
                            
                            	<h1>GiraffeNG</h1>
                                
                                <ul>
                                
                                	<li><span class="icon_fa"><i class="fa fa-map-marker"></i></span> <span class="fa_txt">14, Industrial street, Ilupeju, Lagos, Nigeria</span></li>
                                    
                                    <li><span class="icon_fa"><i class="fa fa-phone"></i></span> <span class="fa_txt">08037531803</span></li>
                                    
                                    <li><span class="icon_fa"><i class="fa fa-envelope-o"></i></span> <span class="fa_txt"><a href="mailto:mayowae@msn.com">mayowae@msn.com</a></span></li>
                                
                                </ul>
                            
                            </div>
                            
                            <div class="eleven columns">
                            
                            	<div class="map_top_bg"></div>
                            
                            	<div><iframe width="100%" height="213" src="http://regiohelden.de/google-maps/map_en.php?hl=en&amp;q=14%2C%20Industrial%20street%2C%20Ilupeju%2C%20Lagos%2C%20Nigeria+(GiraffeNG)&amp;ie=UTF8&amp;t=&amp;z=14&amp;iwloc=A&amp;output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe><br /><span style="font-size: 9px;"></span></div>
                            
                            </div>
                            
                            <div class="clearfix"></div>
                        
                        </div>
                    
                    </div>
                    
                    <div class="footer_mid">
                    
                    	<div class="container">
                        
                        	<div class="four columns">
                            
                            	<ul>
                                
                                	<li><a href="index.php">Home</a></li>
                                    <li><a href="page.php?p=4">About Us</a></li>
                                    <li><a href="page.php?p=5">How to use</a></li>
                                    <li><a href="contact.php">Contact Us</a></li>
                                
                                </ul>
                            
                            </div>
                            
                            <div class="four columns">
                            
                            	<ul>
                                
                                	<li><a href="user-subjects.php">Daily Practice</a></li>
                                    <li><a href="set_cbt_time.php">CBT</a></li>
                                    <li><a href="demo_teaching_aid.php">Teaching Aid</a></li>
                                    <li><a href="demo_exam_practice.php">View Demo</a></li>
                                
                                </ul>
                            
                            </div>
                            
                            <div class="four columns">
                            
                            	<ul>
                                
                                	<li><a href="page.php?p=8">Terms of Use</a></li>
                                    <li><a href="page.php?p=9">Privacy Policy</a></li>
                                    <li><a href="page.php?p=10">FAQ</a></li>
                                    <li><a href="page.php?p=11">Sitemap</a></li>
                                
                                </ul>
                            
                            </div>
                            
                            <div class="four columns"></div>
                            
                            <div class="clearfix"></div>
                        
                        </div>
                    
                    </div>
                    
                    <div class="footer_bottom">
                    
                    	<div class="container">
                        
                        	<div class="eight columns">
                            
                            	<ul>
                                
                                	<li><a href="#" title="facebook"><i class="fa fa-facebook"></i></a></li>
                                    
                                    <li><a href="#" title="twitter"><i class="fa fa-twitter"></i></a></li>
                                    
                                    <li><a href="#" title="linked-in"><i class="fa fa-linkedin"></i></a></li>
                                
                                </ul>
                                                        	                            
                            </div>
                            
                          <div class="eight columns">
                            
                            <a href="#" class="footer_logo animated wrap-content-info"><img src="images/footer-logo.png"> </a>
                            
                           	<p class="footer_txt_right">© 2015 giraffeng.com. All Rights Reserved</p>
                               
                                                        
                          </div>
                            
                            <div class="clearfix"></div>
                        
                        </div>
                    
                    </div>
                
                </footer>
            
            <!-- footer section end here -->
        
        </div>
    
    <!-- Wrapper section end here -->
    
    <!-- nav js -->
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <!--<script src="menu-opener.js"></script>-->
  <script type="text/javascript">
  	$(".menu-opener").click(function(){
  $(".menu-opener, .menu-opener-inner, .menu").toggleClass("active");  
});
  </script>
  
  <!-- nav js -->
  
  <!-- pop hover -->
  
  <script type="text/javascript">
      $(function() {
        var moveLeft = 20;
        var moveDown = 10;
        
		$('div.hover_pop>a>img').mouseenter(function(e){
			var current=$(this).parent('a').parent('div');
			var Aimg=$(this).parent('a').parent('div').find('>div');
			$(Aimg).fadeIn(function(){  
				$(current).mouseleave(function(e) {
                    $(Aimg).fadeOut();
                });
				});
			});
		
       /* $('a#trigger').hover(function(e) {
          $('div#pop-up').fadeIn();
          //.css('top', e.pageY + moveDown)
          //.css('left', e.pageX + moveLeft)
          //.appendTo('body');
        });
		
		$('a#trigger2').hover(function(e) {
          $('div#pop-up-2').fadeToggle();
          //.css('top', e.pageY + moveDown)
          //.css('left', e.pageX + moveLeft)
          //.appendTo('body');
        });
		
		$('a#trigger3').hover(function(e) {
          $('div#pop-up-3').fadeToggle();
          //.css('top', e.pageY + moveDown)
          //.css('left', e.pageX + moveLeft)
          //.appendTo('body');
        });
		
		$('a#trigger4').hover(function(e) {
          $('div#pop-up-4').fadeToggle();
          //.css('top', e.pageY + moveDown)
          //.css('left', e.pageX + moveLeft)
          //.appendTo('body');
        });
		
		$('a#trigger5').hover(function(e) {
          $('div#pop-up-5').fadeToggle();
          //.css('top', e.pageY + moveDown)
          //.css('left', e.pageX + moveLeft)
          //.appendTo('body');
        });
		
		$('a#trigger6').hover(function(e) {
          $('div#pop-up-6').fadeToggle();
          //.css('top', e.pageY + moveDown)
          //.css('left', e.pageX + moveLeft)
          //.appendTo('body');
        });*/
        
      /*  $('a#trigger').mousemove(function(e) {
          $("div#pop-up").css('top', e.pageY + moveDown).css('left', e.pageX + moveLeft);
        });*/
        
      });
    </script>
    
   <!-- pop hover -->
   
   <script type="text/javascript">
   function add_hover_class()
   {
	  $(".header-top-sec").addClass('hover_top_sec');
   }
   function remove_hover_class()
   {
	  $(".header-top-sec").removeClass('hover_top_sec');
   }
   $(document).ready(function(e) {
   $('a[data-type="hover"]').hover(function(e) {
   $(".header-top-sec").addClass('hover_top_sec');
   $('div.hover_top_sec').mouseleave(function(e) {
$(".header-top-sec").removeClass('hover_top_sec'); 

if($('div.header_bottom').is(':visible'))
{
   $(".header-top-sec").addClass('hover_top_sec');
}  
});
});
$('a[data-for="menu"]>span').click(function(){
	$('div.header_bottom').toggle();
   $(".header-top-sec").addClass('hover_top_sec');
	});
});
$('div.header_bottom').hover(function(e) {
   $(".header-top-sec").addClass('hover_top_sec');
}); 
$('section').not('header,div.header_bottom').click(function(){
	$('div.header_bottom').css({'display':'none'});
	$(".header-top-sec").removeClass('hover_top_sec'); 
	});
  /* $(document).ready(function(){
	   $('div.header-top-sec').toggle(function(){
		   alert(1);
		   })
	   });*/
   </script>
   
   
   <!-- testimonial slider -->
   
   <script src="http://code.jquery.com/jquery.js"></script>
<script src="js/skdslider.min.js"></script>
<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery('#demo1').skdslider({'delay':5000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'});
			jQuery('#demo2').skdslider({'delay':5000, 'animationSpeed': 1000,'showNextPrev':true,'showPlayButton':false,'autoSlide':true,'animationType':'sliding'});
			jQuery('#demo3').skdslider({'delay':5000, 'animationSpeed': 2000,'showNextPrev':true,'showPlayButton':true,'autoSlide':true,'animationType':'fading'});
			
			jQuery('#responsive').change(function(){
			  $('#responsive_wrapper').width(jQuery(this).val());
			});
			
		});
</script>

<!-- tab menu start here -->

<!--<script src="js/jquery-2.1.1.js"></script>-->
<script src="js/main.js"></script>

<script type="text/javascript" src="js/scroll.js"></script>

<!-- anmation js start here -->

<script src="js/animations.js"></script>

<!-- Slider js -->


<script src="js/jquery.bxslider.min.js"></script>
<script>
	$('.bxslider').bxSlider({
	  mode: 'fade',
	  captions: true,
	  speed:3000,
	  auto: true,
  	  autoControls: true
	});
</script>

</body>
</html>