HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/shtrueinternet/skgsvmmuktsar/
Current File : /home/htlwork.com/www/dev/shtrueinternet/skgsvmmuktsar/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>Sh. Surinder Kumar Gupta, Sarvhitkari Vidya Mandir, Senior Secondary School</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">    	
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <!--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>
<header class="header">    
  <section class="top-sec">    
    <div class="container">
      <div class="row">
        
        <div class="col-sm-6 left-grid">
          <ul>
            <li><a href="mailto:skgsarvhhitkari@gmail.com"><i class="fa-regular fa-envelope"></i> skgsarvhhitkari@gmail.com</a></li>
			<li><a href="tel:+91 7355434241"><i class="fa fa-volume-control-phone"></i> +91 7355434241</a></li>
		  </ul>
        </div>  
         
        <div class="col-sm-6 right-grid">
          <div class="icon-top">
		    <a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
			<a href="#" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a>
			<a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a>
			<a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <nav>
    <div class="container">
      <div class="navbar">
        
		<i class='fa fa-navicon bx bx-menu'></i>
	    <div class="logo"><a href="index.html"><img src="images/logo.png" al="image"></a></div>
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><img src="images/logo.png" al="image"></span>
            <i class="fa-solid fa-xmark bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
			<li><a href="about-us.html">About Us</a></li>
			<li><a href="#">Faculty</a></li>
			<li><a href="#">Academics</a></li>
			<li class="main-menu">
              <a href="#">Academics</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">Book List</a></li>
			    <li><a href="#">Fee Structures</a></li>
			  </ul>
			</li>
			<li><a href="#">Mandatory Disclosure</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
          </ul>
        </div>
		
      </div>
    </div><!--/ container -->
	
  </nav><!--/ nac -->
</header>


<div class="banner-inner">  
  <div class="textblock">
	<div class="container">
	  <h1>About us</h1>  
	</div>
  </div>
  
  <div class="breadcrumb-wrap">
	<div class="container">
	  <ol class="breadcrumb">
	    <li><a href="index.html"><span class="fa fa-home"></span> Home</span></a></li>
		<li><a>About Us</a></li>
	  </ol>
	</div>
  </div>  
</div><!--/ banner-inner -->

<section class="mid-inner">
  <div class="container">    
    <div class="row">
      
      <div class="col-sm-12 full-sidebar">
	    <section class="about-sec about-page">
		  <div class="row"> 
		  
		    <div class="col-sm-7 about-left aos-animate" data-aos="fade-up" data-aos-duration="1000">
		      <div class="about-padd">
			    <h2><span>Sh. Surinder Kumar Gupta, Sarvhitkari Vidya Mandir</span>A Few Words About the School</h2>
				<h4>A place founded by a passionate team of Social Entrepreneurs who believe in the power of education.</h4>
				<p>Sh. Surinder Kumar Gupta Sarvhitkari Vidhya Mandir (Sen. Sec.) Sri Muktsar Sahib founded in 2006 and run by Sarvhitkari Educational Society Jalandhar, is one of the leading school in the region. The school has the vast land which provides a perfect ambience for a diverse purpose aesthetical chartered school building.</p>
				<h5>Sh. Surinder Kumar Gupta Sarvhitkari Vidya Mandir School is one of the most prestigious and esteemed school in the city.</h5>
				<p>In addition, it comprises some basic principles such as truthfulness, honesty, charity, hospitality, tolerance, love, kindness and sympathy.</p>
				<h3>Our Mission & Vision</h3>
			    <blockquote>
				  <p>Our vision at Vidya Bharati School is to empower students to acquire, demonstrate, articulate and value knowledge and life skills that will support them, as lifelong learners, to participate in and contribute to the global world and practice the core values of the school.</p>
				  <p>We seek to build global citizens- ones who are not only the academic achievers but also skilled in managing life, imparted with modern technology and experiential learning. We also seek to ensure that whilst the horizons are richly stretched as above, the young personalities remain rooted in a strong value system embedded into their construct.</p>
				  <p>It is our vision to inspire excellence, cultivate character, and empower engagement locally and globally. We believe in ingraining integrity of character with a compassion for the community and the environment. We believe in developing creative and innovative individuals dedicated to solving problems and contributing to public good.</p>
				</blockquote>
              </div><!--/ col-sm -->
			</div><!--/ col-sm -->
			
			<div class="col-sm-5 about-right aos-animate" data-aos="fade-up" data-aos-duration="1000">
			  <div class="aboutImg">
			    <figure class="mrb-30"><img src="images/about-01.jpg" alt="image"></figure>
			    <figure><img src="images/about-03.jpg" alt="image"></figure>
		      </div>
		    </div> 
			
		  </div><!--/ row -->
		</section>  
	  </div><!--/ full-sidebar -->
	 
    </div><!--/ row -->
  </div>
</section><!--/ mid-inner -->

<footer class="footer">  
   <div class="back-to-top scroll"><a href="#Home" class="BackTo"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>

  <div class="container">
  
    <div class="row">
      <div class="col-sm-4 footer-left">
        <div class="wg-1">
          <div class="ft-logo">
		    <a href="#"><img src="images/logo.png" alt="image"></a>
		  </div>
		  <p>The school has the vast land which provides a perfect ambience for a diverse purpose aesthetical chartered school building.</p>
		  <div class="icon-ft">
            <a href="#" target="_blank"><i class="fa-brands fa-facebook-f facebook"></i></a>
			<a href="#" target="_blank"><i class="fa-brands fa-linkedin-in linkedin"></i></a>
			<a href="#" target="_blank"><i class="fa-brands fa-youtube youtube"></i></a>
			<a href="#" target="_blank"><i class="fa-brands fa-instagram instagram"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	
	  <div class="col-sm-8 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Faculty</a></li>
				<li><a href="#">Academics</a></li>
				<li><a href="#">Academics</a></li>
				<li><a href="#">Mandatory Disclosure</a></li>
				<li><a href="#">Gallery</a></li>
				<li><a href="#">Contact Us</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 -->
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Imorpant Links</h4>
			  <ul>
				<li><a href="#">Features and Facility</a></li>
				<li><a href="#">Photo Gallery</a></li>
				<li><a href="#">Apply for the job</a></li>
				<li><a href="#">Online Admission</a></li>
				<li><a href="#">Vision and Mission</a></li>
				<li><a href="#">Documents</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 --> 
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Open Time</h4>
			  <p>Our support available to help you 24 hours a day, seven days a week.</p>			  
			  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 2pm<br> Saturday: 8am to 12:30pm</p>
			  <p><strong>Vacation:</strong><br> All Sunday Day<br> All Vacation Holiday</p>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm-4 --> 
           
        </div><!-- row -->            
      </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6"><p class="copyright">Copyright © 2024 All rights reserved by Sarvhitkari Educational Society</p></div>
		
		<div class="col-sm-6">
		  <p class="text-end">Website Designed by <a target="_blank" href="https://htlogics.com/">H T Logics Private Limited</a></p>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>

<script>
  // search-box open close js code
let navbar = document.querySelector(".navbar");
//let searchBox = document.querySelector(".search-box .bx-search");
// let searchBoxCancel = document.querySelector(".search-box .bx-x");

//searchBox.addEventListener("click", ()=>{
  <!-- navbar.classList.toggle("showInput"); -->
  <!-- if(navbar.classList.contains("showInput")){ -->
    <!-- searchBox.classList.replace("bx-search" ,"bx-x"); -->
  <!-- }else { -->
    <!-- searchBox.classList.replace("bx-x" ,"bx-search"); -->
  <!-- } -->
<!-- }); -->

// sidebar open close js code
let navLinks = document.querySelector(".nav-links");
let menuOpenBtn = document.querySelector(".navbar .bx-menu");
let menuCloseBtn = document.querySelector(".nav-links .bx-x");
menuOpenBtn.onclick = function() {
navLinks.style.left = "0";
}
menuCloseBtn.onclick = function() {
navLinks.style.left = "-100%";
}


// sidebar submenu open close js code
$(".htmlcss-arrow").click(function(){
 $(".htmlCss-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".htmlCss-sub-menu" ).toggle("hidden");
});
$(".more-arrow").click(function(){
  $(".more-sub-menu" ).removeClass("hidden");
 $(this).siblings( ".more-sub-menu" ).toggle("hidden");
});

</script>

<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:2
        },
        1000:{
            items:3
        }
    }
})  
</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>
</html>