HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/navvibhor-new/
Current File : /home/htlwork.com/www/dev/navvibhor-new/about-us.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"><a>Admissions</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="#">Faculty</a></li>						
		  <li><a href="#">Facilities</a></li>
		  <li><a href="#">Activities</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 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>
		  
		  <button class="navbar-toggler" type="button" data-bs-toggle="collnavvibhore" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <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>
			
		  </div>
		  
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"><h1>About Us</h1></div>
        </div><!--/ page-title -->

        <!-- breadcrumb -->
        <ol class="breadcrumb text-capitalize">
          <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">About Us</span><meta property="position" content="2"></span></li>
        </ol>        
      
      </div><!--/ block -->
    </div>
  </div>
</section><!--/ banner-inner -->

<section class="mid-inner">
  <div class="container-fluid">    
    <div class="row">
      
      <div class="col-sm-8 left-sidebar">
	    <h2>Welcome to Nav Vibhor Public School</h2>       
		<p><span>Attitude:</span> Attitudes are the root cause for any behavior. The development process typically brings by developing positive attitudes among students, about themselves, and about the possibilities that exist for them. Attitudes will directly determine in many cases whether a student turns a problem into an opportunity or succumbs to it.</p>
		<p><span>Performance:</span> The differences between the performance of a novice and an expert are quite striking. The performance of a novice is slow, error prone and awkward, whereas the performance of the expert is fast, virtually errorless, and extremely smooth and fluid. This difference exists because the expert has over the course of many years of study and practice developed extensive knowledge. It is this knowledge that underlies their skilled performance.</p>
		<figure class="thumbnail"><img src="images/img-01.jpg" alt="image"></figure>
	  </div><!--/ left-sidebar -->
	  
	  <div class="col-sm-4 right-sidebar">
		<div class="widget">
		  <div class="sidebar-form">
		    <h3>Do you have any questions? <span>feel free to contact us!</span></h3>
			<form>       
		      <div class="form-group">
			    <div class="input-group">
			      <div class="input-group-addon"><div class="fa fa-user-o"></div></div>
                  <input type="text" placeholder="Your Name" class="form-control">
                </div>
			  </div>
			  
			  <div class="form-group">
			    <div class="input-group">
			      <div class="input-group-addon"><div class="fa fa-envelope-o"></div></div>
                  <input type="text" placeholder="Your Email" class="form-control">
                </div>
			  </div>
			  
			  <div class="form-group">
			    <div class="input-group">
			      <div class="input-group-addon"><div class="fa fa-phone"></div></div>
                  <input type="text" placeholder="Phone No" class="form-control">
                </div>
			  </div>
			  
			  <div class="form-group">
			    <div class="input-group">
			      <div class="input-group-addon"><div class="fa fa-weixin"></div></div>
                  <textarea class="form-control">Your Message :</textarea>
                </div>
			  </div>
			  
			  <div class="form-group">
                <div class="btn">
			      <input name="subit" value="Submit Quiry" class="sumit" type="submit"> 
				  <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>
			    </div>
			  </div>
            </form>
	      </div>
	    </div><!--/ widget -->
	  </div><!--/ left-sidebar -->
      
    </div>
  </div>
</section><!--/ mid-wrap -->
  

<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:3
        },
        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>