HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/kungash/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>Saraswati Vidya Mandir Kungash</title> 
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">        
    <link href="css/grid.min.css" rel="stylesheet" type="text/css">        

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- 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">  

   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.6/isotope.pkgd.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></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>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});
</script>
    
</head>
<body>  
  <header class="header"> 
    <section class="top-sec">    
      <div class="container">
        <div class="row">
          
          <div class="col-sm-5">
        <div class="icon-top">
          <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
          <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>	
        </div>		  
          </div>
          
          <div class="col-sm-7 text-right">
            <div class="login-btn">
			<a class="btn btn-Gallery" href="#"><i class="fa fa-download"></i>Mandatory Public Disclosure</a>
          <a class="btn btn-Payment" href="#"><i class="fa fa-download"></i> Downloads</a>
        <a class="btn btn-Gallery" href="gallery.html"><i class="fa fa-vcard"></i> Gallery</a>
        </div>
          </div>                                                  
                  
        </div><!--/ row -->
      </div>
    </section>
    
    <div class="head-top">    
      <div class="container">
        <div class="row">
                          
          <div class="col-sm-4 head-right">
        <div class="phn-detail">
          <ul>
          <li><a href="tel:+91 8262928360"><i class="fa fa fa-phone"></i>+91-9817220204</a></li>
                <li><a href="mailto: Deolsvm@gmail.com"><i class="fa fa-envelope-o"></i> s.v.m.kungash2012@gmail.com</a></li>
              </ul>
        </div>		           
          </div>
  
          <div class="col-sm-8 logo"><a href="#"><img src="images/shiksha-logo.png" alt="image"><h1>Sarswati Vidya Mandir <span>Kugash</span><small>Vill. Kungash, PO. Poeg, Teh. Anni, Distt. Kullu (H.P)</small></h1></a></div>		
                  
        </div><!--/ row -->
      </div>
    </div>
    
    <div class="menu-head">             
      <div class="container">
        
        <nav class="navbar navbar-default">		  
          <div class="navbar-header">
            <button class="openbtn" onclick="openNav()">&#9776;</button>
            <a class="navbar-brand nav-logo hidden" href="#"><img src="images/shiksha-logo.png" alt="image"><h1>Saraswati Vidya Mandir High School Deo<span>P.O.Deol Tehsil Baijnath Distt. Kangra H.P. C.B.S.E. Pattern</span></h1></a>
            </div>
          
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li><a href="index.html">Home</a></li>
              <li class="li-arrow"><a href="about-us.html">About Us</a>
          <ul class="sub-menu">
          <li><a href="infrastructure.html">Infrastructure</a></li>
                </ul>
              </li>
              <li><a href="academic.html">Academics</a></li>
        <li><a href="activities.html">Activities</a></li>
        <li><a href="facility.html">Facilities</a></li>
        <li><a href="faculty.html">Faculty</a></li>
              <li class="hidden"><a href="gallery.html">Gallery</a></li>
                    <li><a href="contact-us.html">Contact</a></li>
            </ul>
          </div><!-- /.navbar-collapse -->
        </nav>
        <div id="myOffcanvas" class="offcanvas">
          <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
           <div class="offcanvas-content">
           <!-- Your menu items or additional content goes here -->
           <ul class="nav navbar-nav">
            <li><a href="index.html">Home</a></li>
            <li class="li-arrow"><a href="about-us.html">About Us</a>
        <ul class="sub-menu">
        <li><a href="infrastructure.html">Infrastructure</a></li>
              </ul>
            </li>
            <li><a href="academic.html">Academics</a></li>
      <li><a href="activities.html">Activities</a></li>
      <li><a href="facility.html">Facilities</a></li>
      <li><a href="faculty.html">Faculty</a></li>
            <li class="hidden"><a href="gallery.html">Gallery</a></li>
                  <li><a href="contact-us.html">Contact</a></li>
          </ul>          
          </div>
          </div>
          
          
      </div>	  
    </div><!--/ menu-head --> 
  </header>
<section class="banner">
  <div id="bootstrap-touch-slider" class="carousel bs-slider slide  control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000" >
   <!-- Indicators -->
    <ol class="carousel-indicators hidden">
     <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
     <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
     <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
    </ol>
   
    <!-- Wrapper For Slides -->
   <div class="carousel-inner" role="listbox">
     <div class="item active">
       <img src="images/banner-01.jpg" alt="image" class="slide-image"/>
     </div><!-- End of Slide -->
     
     <div class="item">
       <img src="images/banner-02.jpg" alt="image" class="slide-image"/>
     </div><!-- End of Slide -->
	 
	 <div class="item">
       <img src="images/banner-03.jpg" alt="image" class="slide-image"/>
     </div><!-- End of Slide -->
   </div><!-- End of Wrapper For Slides -->
   
   
   <!-- Left Control -->
   <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
   <!-- Right Control -->
   <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
   </div> <!-- End  bootstrap-touch-slider Slider -->   

   <!--<div class="banner-text">
    
	 <h2><span>Run By</span>Bhartiya Shiksha Samiti H.P. </h2>
	 <h2><small>A State Unit of</small>Saraswati Vidya Mandir High School, Deol</h2>
   </div> --> 
</section><!--/ banner -->

<section class="about-text">
  <div class="container">
    <div class="row">            
	  
	  <div class="col-sm-12 about-left pull-right">
	    <div class="about-padd">
	      <h3>Welcome to <span>Saraswati Vidya Mandir Kungash
        </span></h3>
	      <figure class="thumbnail"><img src="images/about-01.jpg" alt="image"></figure>
		  <p>That's great to know! Saraswati Vidya Mandir High School in Kungash sounds like a wonderful educational institution. Being co-educational and offering education in both Hindi and English mediums allows students to have a diverse learning experience. It's commendable that the school follows a secular approach, welcoming students from all backgrounds regardless of their caste, creed, color, or religion.</p>
      <p>The school's affiliation with the Himachal Pradesh Board of School Education guarantees compliance with the board's curriculum and guidelines, ensuring a consistent and standardized education for all students. Additionally, this affiliation grants students the opportunity to participate in the board examinations organized by the Himachal Pradesh Board.</p>
      <p>Overall, it seems like Saraswati Vidya Mandir High School in Kungash promotes inclusivity, quality education, and a nurturing environment for its students.</p>
        <p><a href="about-us.html" class="btn"><span>Read More</span></a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-text -->        

<section class="list-grid">
  <div class="container">                 
    <div class="row">
	   <div class="col-sm-8">
		    <div class="news-box">
			  <h3>We help our students to <span>Explore</span></h3>
			  
			  <p>Located in Kungash, Saraswati Vidya Mandir High School offers a welcoming and supportive environment, dedicated to providing top-notch education to students from all backgrounds. Our school recognizes that academic excellence alone is not enough in today's world. Therefore, we go beyond traditional education to inspire and empower our students to become lifelong learners, critical thinkers, and proactive contributors to our dynamic global society.</p>
			  <h3>Our mission and<span> Vision</span></h3>
        <ul>
                   <li>Development of Personality, instilling Qualities of self-reliance, courage, self-confidence and self-esteem.</li>
          <li>Nurturing physically, mentally, spiritually balanced citizen with a deep sense of patriotism.</li>
          <li>Fostering independent thinking, thoughtful decision-making, critical analysis, appreciation with intellectual humility to accept difference in opinion.</li>
          <li>Creating responsible, disciplined and secular citizens, who are fully aware of their social, moral and cultural obligations and commitments, with a desire for unbounded  service to humanity.</li>
          <li>Our School emphasizing the commitment to providing a safe and inclusive atmosphere for all students.</li>  
        </ul>
	        </div><!--/ -->
	      </div><!--/ col -->
	      
		  <div class="col-sm-4">
		    <div class="news-box">
			  <h3>From The<span> Principal's Desk</span></h3>
			  <figure><img src="images/principal.png" alt="img"><span>M. K. Sharma</span></figure>
			  <p>Saraswati Vidya Mandir High School in Kungash provides an inclusive and nurturing environment, promoting quality education for all its students. Moreover, today, the role of a school is not only to pursue academic excellence but also to motivate and empower its students to be life long learners, critical thinkers, and productive members of an ever-changing global society.</p>
			  <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
	        </div><!--/ -->
	      </div><!--/ col -->
				 	
    </div><!--/ row --> 
  </div>
</section><!--/ list-grid -->

<section class="facilitie-sec">
  <div class="container">                 
    <div class="row">
	  
	  <div class="col-sm-12 title-tag">
	    <h3><span>Facilities at</span> Saraswati Vidya Mandir Kungash</h3>
	  </div>
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-01.png"></figure>
		  <h4>Library</h4>
	    </div>
	  </div><!--/ col -->
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-02.png"></figure>
		  <h4>Health Center</h4>
	    </div>
	  </div><!--/ col -->
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-03.png"></figure>
		  <h4>Hostel</h4>
	    </div>
	  </div><!--/ col -->
	  
	  <div class="col-sm-3">
	    <div class="grid-box">
	      <figure><image src="images/facilitie-04.png"></figure>
		  <h4>Sports</h4>
	    </div>
	  </div><!--/ col -->
	
    </div><!--/ row --> 
  </div>
</section><!--/ facilitie-sec -->


<section class="gallery-sec">
  <div class="container">
  <div class="gallery-bg">
    <div class="row">
	  <div class="col-sm-12">

	    <h2>Photo<span> Gallery</span></h2>
      </div>
	</div>
	
	<div class="portfolio-item row">
	  <div class="item col-lg-4 col-md-4 col-6 col-sm">
		<a href="images/gallery-01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-01.jpg" alt="">
        </a>
      </div>
	  
	  
	  <div class="item col-lg-4 col-md-4 col-6 col-sm">
	    <a href="images/gallery-02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-02.jpg" alt="">
        </a>
      </div>
	  
	  
	  <div class="item col-lg-4 col-md-4 col-6 col-sm">
        <a href="images/gallery-03.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/gallery-03.jpg" alt="">
        </a>
      </div>
	  
	  
	  <div class="item col-lg-4 col-md-4 col-6 col-sm">
		<a href="images/gallery-04.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-04.jpg" alt="">
        </a>
      </div>
	 
	  <div class="item col-lg-4 col-md-4 col-6 col-sm">
		<a href="images/gallery-05.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-05.jpg" alt="">
        </a>
      </div>
	 
	  
	  <div class="item col-lg-4 col-md-4 col-6 col-sm">
	    <a href="images/gallery-06.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/gallery-06.jpg" alt="">
        </a>
      </div>
	  
	  
	  <div class="item col-lg-4 col-md-4 col-6 col-sm">
        <a href="images/gallery-07.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/gallery-07.jpg" alt="">
        </a>
        </div>	 	  
    </div>
	</div>
  </div>
<script>
       
         $('.portfolio-menu ul li').click(function(){
         	$('.portfolio-menu ul li').removeClass('active');
         	$(this).addClass('active');
         	
         	var selector = $(this).attr('data-filter');
         	$('.portfolio-item').isotope({
         		filter:selector
         	});
         	return  false;
         });
         $(document).ready(function() {
         var popup_btn = $('.popup-btn');
         popup_btn.magnificPopup({
         type : 'image',
         gallery : {
         	enabled : true
         }
         });
         });	  
</script>
</section>  
  
<footer class="footer">
  <div class="back-to-top"><a href="#Home" class="BackTo scroll" id="scrollToHeader" ><i class="fa fa-chevron-up"  aria-hidden="true"></i></a></div>  
  <div class="container">
    <div class="row">      
	  
	  <div class="col-sm-3 col-lg-4">
        <div class="wg-1">
          <h4>Quick links</h4>           	  		
		  <ul>
			<li><a href="index.html">Home</a></li>
            <li><a href="#">About Us</a></li>
      			<li><a href="#">Activities</a></li>
			      <li><a href="#">Facilities</a></li>
						<li><a href="#">Gallery</a></li>
			      <li><a href="#">Contact</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-4 col-lg-3">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p><span>Location : </span>Sarasvati Vidya Mandir Kungash. Vill. Kungash, PO Poeg, Teh. Anni, Distt. Kullu (H.P) Pin No. 172026</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><span>Phone No : </span><a href="tel:++91-9817220204">+91-9817220204</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
			<div><p><span>Email : </span><a href="mailto:  s.v.m.kungash2012@gmail.com"> s.v.m.kungash2012@gmail.com</a></div>
		  </address>		       		  	 
		</div>
      </div> 
	  
	  <div class="col-sm-12 col-lg-5">
        <div class="wg-1">
		  <h4>Our Location</h4>           	  		
		  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1701.9910506336319!2d77.40333333861341!3d31.442159693562477!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3905bd7d7158effd%3A0x409e0dbeed7e0bc3!2sKungash!5e0!3m2!1sen!2sin!4v1689840061213!5m2!1sen!2sin" width="100%" height="240" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>     		  	 
		</div>
      </div>      
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
     
        <div class="col-sm-6"><p>Copy © 2022 All Rights reserved by Sarasvati Vidya Mandir Kugash.</p></div>	
		
		<div class="col-sm-6">
		  <p class="text-right">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.min.js"></script> 
<script src="js/script.js"></script>          
<script src="js/owl.carousel.js"></script>    
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
      $("#owl-demo").owlCarousel({
        autoPlay: 3000,
        items : 4,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	$(document).ready(function() {
      $("#owl-demo-2").owlCarousel({
        autoPlay: 3000,
        items : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
<script>
	function openNav() {
	  document.getElementById("myOffcanvas").classList.add("open");
	}
	
	function closeNav() {
	  document.getElementById("myOffcanvas").classList.remove("open");
	}	
</script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
 const scrollToHeaderButton = document.getElementById('scrollToHeader');
 const header = document.querySelector('header');
 scrollToHeaderButton.addEventListener('click', function (e) {
  e.preventDefault();
  console.log('working');
header.scrollIntoView({ behavior: 'smooth' }); });
});
  </script>
</body>
</html>