<!--FOOTER-->
    <div class="section-footer">
    	<div class="container">
            <div class="footer-main">
        		<div class="row">
            	<div class="col-md-3 col-sm-6 col-xs-12 mobile-space">
                	<h5>For Candidates</h5>
                	<ul class="footer-links">
                    	<li><a href="<?php echo base_url();?>front_end/joblisting?job_order=1" title="Browse Jobs">Browse Jobs</a></li>
                    
                        <li><a href="<?php echo base_url();?>front_end/cvbuild" title="Submit CV">Submit CV</a></li>
                        <li><a href="<?php echo base_url();?>front_end/candidate_dashboard?looking_for_data=looking_for_data" title="Candidate Dashboard">Candidate Dashboard</a></li>
						<li><a href="<?php echo base_url();?>front_end/team_page">JNJ Team</a></li>
						<li><a href="<?php echo base_url();?>front_end/contactus">Contact Us</a></li>
						<li><a href="<?php echo base_url();?>front_end/blog">Blog</a></li>
                       <!-- <li><a href="#" title="">Job Alerts</a></li>
                        <li><a href="#" title="">My Bookmarks</a></li>
                        <li><a href="#" title="">Timesheets</a></li>-->
                    </ul>
                </div>
                <div class="col-md-3 col-sm-6 col-xs-12 mobile-space">
                	<h5>For employers</h5>
                	<ul class="footer-links">
                    	<li><a href="<?php echo base_url();?>front_end/browse_candidates" title="Browse Candidates">Browse Candidates</a></li>
                        <li><a href="<?php echo base_url();?>front_end/employee_dashboard" title="Employer Dashboard">Employer Dashboard</a></li>
                        <li><a href="<?php echo base_url();?>front_end/addjob" title="Add Job">Add Job</a></li>
                        <li><a href="#" title="">Job Packages</a></li>
                      <!--  <li><a href="#" title="">JNJ APPS</a></li>-->
                        <li><a href="<?php echo base_url();?>front_end/testimonials_employee?status=1" title="Testimonials">Testimonials</a></li>
                        <li><a href="<?php echo base_url();?>front_end/salary_calculator" title="JNJ Tools">JNJ Tools</a></li>
                    </ul>
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12 mobile-space">
                	<h5>Our Contacts</h5>
                	<ul class="footer-contacts">
						<?php  
					//code to show footer data
					
					foreach($footer_data as $val_contactinfo)
					{
					$facebook=$val_contactinfo->facebook;
					$twitter=$val_contactinfo->twitter;	
					$gmail=$val_contactinfo->gmail;	
					$linkedin=$val_contactinfo->linkedin;	
					$youtube=$val_contactinfo->youtube;		
					?> 
                    	<li><i class="fa fa-home"></i> <?php echo $val_contactinfo->Address;?></li>
                    	<li><i class="fa fa-phone"></i> <?php echo $val_contactinfo->phone1;?></li>
                        <li><i class="fa fa-phone"></i> <?php echo $val_contactinfo->phone2;?></li>
                        <li><i class="fa fa-fax"></i> <?php echo $val_contactinfo->mobile;?></li>
                        <li><i class="fa fa-paper-plane"></i> <?php echo $val_contactinfo->email;?></li>
						<?php }?>
                    </ul>
                </div>
                
                <div class="col-md-3 col-sm-6 col-xs-12">
                	<div class="job-alert">
                    	<h5>Job Alert</h5>
                        <form action="" name="email_alertfrom" id="email_alertfrom" onSubmit="return subcriberemail()">
                        <input type="text" name="email_alert" id="email_alert" style="border: 1px solid #dadada;"/>
                    	<input type="submit" value="Subscribe" class="btn btn-primary">
						</form>
                    </div>
                    
                    <div class="follow-us margin-top-30">
                    	<h5>Follow Us</h5>
                        <?php //echo  $gmail;?>
                        <ul>
                        	<li><a href="<?php if($facebook!=''){ echo $facebook;}?>" target="_blank" title="Facebook"><i class="fa fa-facebook"></i></a></li>
                            <li><a href="<?php if($twitter!=''){ echo $twitter;}?>"  target="_blank" title="Twitter"><i class="fa fa-twitter"></i></a></li>
                            <li><a href="<?php if($gmail!=''){ echo $gmail;}?>"  target="_blank" title="Google"><i class="fa fa-google-plus"></i></a></li>
                            <li><a href="<?php if($linkedin!=''){ echo $linkedin;}?>"  target="_blank" title="Linkedin"><i class="fa fa-linkedin"></i></a></li>
                        </ul>
                    </div>
                </div>                
            </div>
            </div>
            
            <div class="footer-copyright">
            	
                <ul class="footer-logos">
                		<?php /*Code by for dynamic logos on footer*****************************/
						$query=$this->db->get('logo');
						$results = $query->result();
    	    	        foreach ($results as $row)
					{?>
                	<li><a href="#" style="height:55px;" title="<?php echo $row->name?>"><img src="<?php echo base_url();?>assets/upload/<?php echo $row->image?>" alt="Logo" class="img-responsive"></a></li>
                    <?php }?>
                </ul>
                	<?php  
					//code to show footer data
					foreach($footer_data as $val_copywright)
					{	
					?> 
                <p><?php echo $val_copywright->copy_right;?>: <a href="http://cybervision.com.pk" title="Cybervision.com.pk" target="_blank">Cybervision International</a></p>
				<?php }?>
                
                <ul class="app-btns">
                	<li><a href="#" title="Apple App"><i class="fa fa-apple"></i> <span>Download for</span> Apple IOS</a></li>
                    <li><a href="#" title="Android App"><i class="fa fa-android"></i> <span>Download for</span> Android</a></li>
                </ul>
                
            </div>
        </div>
    </div>   	
	<div id="pgcontainer" style="margin-right: 0px; margin-left: 0px;">
    	<header>
    	<div id="navbar">
            <div id="hamburgermenu" style="width: 0px;">
                <ul>
                    <li><a href="<?php echo base_url();?>front_end/">Home</a></li>
                    <li><a href="<?php echo base_url();?>front_end/aboutus">About Us</a></li>
                    <!--<li><a href="#">JNJ Apps</a></li>-->
                    <li><a href="<?php echo base_url();?>front_end/testimonials_employee?status=1">Testimonials</a></li>
                    <li><a href="#">JNJ Tools</a></li>
                    <li><a href="<?php echo base_url();?>front_end/blog">JNJ Career Advice Blog</a></li>
                    <li><a href="<?php echo base_url();?>front_end/team_page">JNJ Team</a></li>
                    <li><a href="<?php echo base_url();?>front_end/cvbuild">JNJ CV Building</a></li>
					<li><a href="<?php echo base_url();?>front_end/joblisting?job_order=1">Vacancies</a></li>
					<li><a href="<?php echo base_url();?>front_end/training_courses">Training Courses</a></li>
					
                </ul>
            </div>
        </div>
    <div class="overlay" style="left: 0px;"></div>
    </header>

</div>
    <!--FOOTER--> 
    <script type="text/javascript">

$("#image").css('opacity','0');

$("#select_logo").click(function(e){
   e.preventDefault();
   $("#image").trigger('click');
});
$("upload_image").submit(function(){
    
});
</script>
  <script type="text/javascript">
//code for Reg error
$("#image").change(function() {
    $("#upload_image").submit();
});
</script>  
           
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<!--<script src="<?php echo base_url();?>assets_front/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url();?>assets_front/js/owl.carousel.min.js"></script>
    <script src="<?php echo base_url();?>assets_front/js/script.js"></script>-->
	
	   <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>-->
	   <script src="<?php echo base_url();?>assets_front/js/bootstrap.min.js"></script>
    <script src="<?php echo base_url();?>assets_front/js/hamburger-menu.js"></script>
    <script src="<?php echo base_url();?>assets_front/js/owl.carousel.min.js"></script>
    <script src="<?php echo base_url();?>assets_front/js/wow.min.js"></script>
	
    <script src="<?php echo base_url();?>assets_front/js/script.js"></script>
	
	
	   <script>
//		$( window ).load(function() {
//
//			$(".nav-desktop").addClass("active-nav-desktop");
//			console.log($(".nav-desktop"));
//			
//		});
//	</script>
	<script>
    	var wow = new WOW(
  {
    boxClass:     'wow',      // animated element css class (default is wow)
    animateClass: 'animated', // animation css class (default is animated)
    offset:       0,          // distance to the element when triggering the animation (default is 0)
    mobile:       true,       // trigger animations on mobile devices (default is true)
    live:         true,       // act on asynchronously loaded content (default is true)
    callback:     function(box) {
      // the callback is fired every time an animation is started
      // the argument that is passed in is the DOM node being animated
    },
    scrollContainer: null // optional scroll container selector, otherwise use window
  }
);
wow.init();
    </script>
	
	
</body>
</html>
