HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/navvibhor-new/
Current File : /home/htlwork.com/www/dev/navvibhor-new/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Nav Vibhor</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
   
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all"> 
	
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->    
	
<script>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.back-to-top').removeClass("scroll");
    }
});
</script>

</head>
<body data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<div class="page-wrapper chiller-theme">
  <nav id="sidebar" class="sidebar-wrapper">
    <div class="sidebar-content">
	
      <div class="sidebar-brand">
        <div id="close-sidebar"><span></span></div>
      </div>

      <div class="sidebar-menu">
        <ul>      
		  
		  <li><a href="about-us.html">About Us</a></li>
		  
		  <li class="sidebar-dropdown menu-item-has-children"><a>Admissions</a>
		    <ul class="sub-menu">
			  <li class="sidebar-dropdown menu-item-has-children"><a href="#">Academics</a>
			    <ul class="sub-menu">
			      <li><a href="#">Academics</a></li>
                  <li><a href="#">Admissions</a></li>
			      <li><a href="#">Fee Structure</a></li>
			    </ul>
			  </li>
              <li><a href="#">Admissions</a></li>
			  <li><a href="#">Fee Structure</a></li>
			</ul>
		  </li>
		  
		  <li><a href="#">Faculty</a></li>						
		  <li><a href="#">Facilities</a></li>
		  <li><a href="#">Activities</a></li>
		  <li class="hidden"><a href="#">Latest Updates</a></li>
		  <li class="hidden"><a href="#">Enquiry</a></li>
		  <li><a href="contact-us.html">Contacts</a></li>
        </ul>
      </div><!-- sidebar-menu  -->
	  
	  <div class="sidebar-info">
		<address>
		  <h3>Phone support</h3>
		  <p><a href="#">Mob : +91-94184-70680</a>,<br>Phone : 01972-263021</p>
		</address>
		<address>
		  <h3>Email us</h3>
		  <p><a href="mailto:info@navvibhor.com">info@navvibhor.com</a></p>
		</address>
		
		<div class="icon-sidebar">
		  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
		  <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
		  <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
		</div>
		  
      </div><!-- sidebar-info -->
    </div><!-- sidebar-content  -->
  </nav>
  
<main class="page-content">
<div class="full-body hidden"></div>


<div class="fixed-grid">
  <div class="menu-click"><a id="show-sidebar"><span></span><small>Menu</small></a></div>
  
  <div class="learn-more-link"><a href="#" class="btn-a">Learn <br>More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></div>
  
  <div class="explore-link"><a href="gallery.html" class="btn-a">Explore Nav Vibhor <i class="fa fa-long-arrow-down" aria-hidden="true"></i></a></div>
  
</div><!--/ fixed-grid -->

<header class="header">  
  <div class="menu-head">             
    <div class="container-fluid">	  
      
	  <nav class="navbar navbar-expand-lg">
	    <div class="container-fluid">
		
		  <a class="navbar-brand" href="index.html">
		    <img src="images/logo.png" alt="">
		  </a>
		  
		  
		    <ul class="navbar-nav">
			  <li><a href="#">Latest Updates</a></li>
			  <li><a href="#">Enquiry</a></li>
			  
			  <!--li class="sub-drop"><a>About Us</a>
			    <ul class="sub-menu">
				  <li><a href="#">Transport Facility</a></li>
			      <li><a href="#">About Us</a></li>
			    </ul>
			  </li-->
		    </ul>
			
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <video class="video" src="images/navvibhor.mp4" autoplay="" loop="" muted="muted" controlslist="nodownload"></video>    	
</section><!--/ banner -->

<!--section class="about-tag">
  <div class="container-fluid">
    <div class="row">  
	  
	  <div class="col-sm-4 col-at">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-hand-o-right" aria-hidden="true"></i></a></figure>
		  <h4><a href="#">Life @ Nav Vibhor</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		</div>	  
      </div>
	  
	  <div class="col-sm-4 col-at">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-building-o"></i></a></figure>
		  <h4><a href="#">Infrastructure</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		</div>	  
      </div>
	  
	  <div class="col-sm-4 col-at">
	    <div class="box-padd">
		  <figure><a href="#"><i class="fa fa-users" aria-hidden="true"></i></a></figure>
		  <h4><a href="#">Our Staff</a></h4>
		  <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		</div>	  
      </div>	  
	  
    </div>
  </div>
</section--> 

<section class="promo-area">
  <div class="container-fluid">
    <div class="row">           
	  
	  <div class="col-sm-12 pad-0 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="title text-center">
		  <div class="sub-title"><span>A great school</span></div>
		  <h2>Nav Vibhor Public School, Facilities</h2>
		</div>  
	  </div>
		
		<div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-01.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>School Building</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>School Building</h4>
				<p>Safe and shockproof building built under the guidance of architects safe for children.</p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div><!--/ inner --> 
		</div><!--/ col --> 
		
		<div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-02.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>Science Lab</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>Science Lab</h4>
				<p>Well equipped science lab installed with all the safety features needed.</p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div><!--/ inner --> 
		</div><!--/ col --> 
		
		<div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-03.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>Smart Classes</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>Smart Classes</h4>
				<p>Smart learning destination with the help of Computers, Projectors, Interactive Boards etc. </p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div><!--/ inner --> 
		</div><!--/ col --> 
		
		<div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-04.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>Computer Lab</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>Computer Lab</h4>
				<p>Advanced hardware and software to cater the needs of the students, teachers. </p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div><!--/ inner --> 
		</div><!--/ col --> 
		
		<!--div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-05.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>Library</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>Library</h4>
				<p>Hi-Tech library to support the school curriculum and meet the learning needs of the individual. </p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div>
		</div><!--/ col --> 
		
		<!--div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-06.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>Sports</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>Sports</h4>
				<p>Wide variety of sports facilities to keep students engaged and physically fit. </p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div>
		</div><!--/ col --> 
		
		<!--div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-07.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>Kindergarten</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>Kindergarten</h4>
				<p>Ideal place for children with activities including playing, singing, drawing etc. </p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div>
		</div><!--/ col --> 
		
		<!--div class="col-sm-3 promo-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <div class="inner">
		    <div class="specialitie-box">
			  <figure>
			    <img src="images/img-08.jpg" alt="Image">
				<div class="promo-overlay"></div>
				<h4>Art Department</h4>
			  </figure>
			  <div class="specialitie-content">
				<h4>Art Department</h4>
				<p>Offers a dynamic arrangement of in-depth study of Art and Visual Culture Education, Art History. </p>
				<a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			  </div>
			</div>
		  </div>
		</div><!--/ col --> 
     
    </div><!--/ row --> 
  </div>
</section><!--/ promo-area -->    

<section class="counter-sec mrb-40">
  <div class="container-fluid aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	
	    <div class="row">
		  
		  <div class="col-sm-12 mrb-30 text-center">
		    <div class="sub-title"><span>How Do You Know Our Class Is Perfect To Your Child</span></div>
			<h2>Just Everything You Need for Your School</h2>
			<p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.</p>
		  </div>
		  
		  <div class="col-sm-3 counter-Txt">
		    <div class="counter-padd mrb-30">
			  <!--figure><img src="images/icon-01.png" alt="images"></figure-->
			  <div>
			    <h4>Teachers & Staff</h4>
				<span class="counter-value">91</span><span>+</span>
			  </div>
			</div>
		  </div>
		  
		  <div class="col-sm-3 counter-Txt">		 
		    <div class="counter-padd">
			  <!--figure><img src="images/icon-02.png" alt="images"></figure-->
			  <div>
			    <h4>Students At Navvibhor</h4>
				<span class="counter-value">878</span><span>+</span>
			  </div>
			</div>
		  </div>
		  
		  <div class="col-sm-3 counter-Txt">
		    <div class="counter-padd mrb-30">
			  <!--figure><img src="images/icon-03.png" alt="images"></figure-->
			  <div>
			    <h4>Smart Class Rooms</h4>
				<span class="counter-value">12</span><span>+</span>
			  </div>
			</div>
		  </div>
		  
		  <div class="col-sm-3 counter-Txt">		  
		    <div class="counter-padd">
			  <!--figure><img src="images/icon-04.png" alt="images"></figure-->
			  <div>
			    <h4>School Labs</h4>
				<span class="counter-value">7</span><span>+</span>
			  </div>
			</div>
		  </div>
		  

<script>
$('.counter-value').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

    </div><!--/ row --> 
  </div>
</section>

<section class="latest-news">
  <div class="container-fluid">
    <div class="row">
	  
	  <div class="col-sm-12 pad-0 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="title text-center">
		  <div class="sub-title"><span>Latest News</span></div>
		  <h2>Our latest News & Events show here</h2>
		</div>  
		
		<div class="owl-carousel owl-theme" id="owl-demo-1">
		
		  <div class="item">
		    <div class="news-info">
			  <div class="image">
			    <figure>
			      <img src="images/blog-01.jpg" alt="image">
				  <div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> September 6, 2023</div>
			    </figure>
				<h3>New Academic Session Begins</h3>
			  </div>
			  
			  <div class="info-padd">
			    <h3>New Academic Session Begins</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn-a">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div><!--/ info-padd --> 
			</div>
		  </div><!--/ item -->
		
		  <div class="item">
		    <div class="news-info">
			  <div class="image">
			    <figure>
			      <img src="images/blog-02.jpg" alt="image">
				  <div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> September 6, 2023</div>
			    </figure>
				<h3>Upper School Fall Play November 22-24</h3>
			  </div>
			  
			  <div class="info-padd">
			    <h3>Upper School Fall Play November 22-24</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn-a">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div><!--/ info-padd --> 
			</div>
		  </div><!--/ item -->
		
		  <div class="item">
		    <div class="news-info">
			  <div class="image">
			    <figure>
			      <img src="images/blog-03.jpg" alt="image">
				  <div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> September 6, 2023</div>
			    </figure>
				<h3>Students Visited Mega Science Exhibition</h3>
			  </div>
			  
			  <div class="info-padd">
			    <h3>Students Visited Mega Science Exhibition</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn-a">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div><!--/ info-padd --> 
			</div>
		  </div><!--/ item -->
		
		  <div class="item">
		    <div class="news-info">
			  <div class="image">
			    <figure>
			      <img src="images/blog-04.jpg" alt="image">
				  <div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> September 6, 2023</div>
			    </figure>
				<h3>New Academic Session Begins</h3>
			  </div>
			  
			  <div class="info-padd">
			    <h3>New Academic Session Begins</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn-a">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div><!--/ info-padd --> 
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="news-info">
			  <div class="image">
			    <figure>
			      <img src="images/blog-02.jpg" alt="image">
				  <div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> September 6, 2023</div>
			    </figure>
				<h3>Upper School Fall Play November 22-24</h3>
			  </div>
			  
			  <div class="info-padd">
			    <h3>Upper School Fall Play November 22-24</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn-a">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div><!--/ info-padd --> 
			</div>
		  </div><!--/ item -->
		
		  <div class="item">
		    <div class="news-info">
			  <div class="image">
			    <figure>
			      <img src="images/blog-03.jpg" alt="image">
				  <div class="info"><i class="fa-regular fa-calendar-days" aria-hidden="true"></i> September 6, 2023</div>
			    </figure>
				<h3>Students Visited Mega Science Exhibition</h3>
			  </div>
			  
			  <div class="info-padd">
			    <h3>Students Visited Mega Science Exhibition</h3>
				<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
				<p><a href="#" class="btn-a">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div><!--/ info-padd --> 
			</div>
		  </div><!--/ item -->
		
		</div><!--/ owl-carousel -->
		
	  </div><!--/ col -->
	  
    </div><!--/ row --> 
  </div>
</section>   

<section class="student-feedback student-testimonial pad-t30">
  <div class="container-fluid">
    <div class="row">
	  
	  <div class="col-sm-12 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="sub-title"><span>Students Feedback</span></div>
	    <h2>What Our Students Say About Us</h2>
	  </div>
	  
	  <div class="col-sm-12 pad-0 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="owl-carousel owl-theme" id="owl-demo-2">
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/female.jpg" alt=""></figure>
			    <h4>Archita Madan <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Harsht <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/female.jpg" alt=""></figure>
			    <h4>Nergis <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/female.jpg" alt=""></figure>
			    <h4>Sneha <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/male.jpg" alt=""></figure>
			    <h4>Arshnoor <span>Class 10th</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			  </div>
		    </div>
		  </div>
		  
		</div> 		  
	  </div><!-- col -->
			
    </div><!-- row-->
  </div>
</section> 

<footer class="footer">  
  <!--div class="back-to-top scroll"><a href="#Home" class="BackTo"><i class="fa fa-angle-up" aria-hidden="true"></i></a></div-->
  <script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
  
  <div class="container-fluid">
    <div class="row"> 
	  
	  <div class="col-sm-4 footer-col">
	    <div class="wg-1">
		  <div class="ft-logo"><a href="index.html"><img src="images/logo.png" al="image"></a></div>
		  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
		  
		  <!--h4>Follow Us</h4-->
		  <div class="icon-ft">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
			<a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
			<a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
          </div>
		</div><!--/ wg-1 -->
	  </div><!-- footer-col -->
	  
	  <div class="col-sm-4 footer-col">
	    <div class="wg-1">
		  <!--h4>Hours of operation</h4>
		  <ul class="time-table mrb-30">
		    <li>Monday to Friday: <span>8:AM To 2:PM</span></li>
		    <li>Monday to Saturday: <span>8:AM To 12:PM</span></li>
			<li>Sunday: <span>All Sundays Off</span></li>
		  </ul-->
		  
		  <h4>Our location</h4>
		  <p class="mrb-10">Nav-Vibhor Public Sen. Sec. School Sulgwan, Teh. Bhoranj Distt. Hamirpur Himachal Pradesh. Pin - 176044</p>	
		  <address class="pad-t10">
		    <p><span>M :</span> <a href="tel:+91 9418470680"> +91 9418470680</a></p>
		    <p><span>P :</span> <a href="tel:01972-263021"> 01972-263021</a></p>
			<p><a href="mailto:info@navvibhor.com"><span>E :</span> info@navvibhor.com</a></p>
		  </address>
		</div><!--/ wg-1 -->
	  </div><!-- footer-col -->
	  
	  <div class="col-sm-4 footer-col">
	    <div class="wg-1">
		  <h4>Quick Links</h4>
		  <ul>			
            <li><a href="#">Home</a></li>
			<li><a href="#">About Us</a></li>
			<li><a href="#">Teachers / staff</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">News</a></li>
			<li><a href="#">Facilities</a></li>
			<li><a href="#">Download Syllabus</a></li>
			<li><a href="#">Contact Us</a></li>
			<li><a href="#">Term & Conditions</a></li>
          </ul>
		</div><!--/ wg-1 -->
	  </div><!-- footer-col -->
	  
    </div><!-- row -->            
  </div><!--/ container -->       
</footer>

<section class="ft-bottom">
    <div class="container-fluid">
      <div class="row align-items-center">
		
		<div class="col-sm-8"><p>Copyright © 2025 Nav Vibhor Public School. All Rights Reserved.</p></div>	
		
		<div class="col-sm-4">
		  <div class="design-by text-end"><p">Design by: <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</a></p></div>
		</div>	
        
      </div><!--/ row -->
    </div>
</section><!--/ ft-bottom -->

</div><!--/ page-content -->
</div><!--/ page-wrapper -->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/menu.js"></script>	
<script src="dist/aos.js"></script>	
<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:4
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
}) 

$('#owl-demo-4').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:4
        }
    }
}) 

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
		
<script>
$(document).ready(function(){
 let scroll_link = $('.BackTo');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
		
</body>
<script>
  AOS.init();
</script>
</html>