HOME

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

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="css/grid.min.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() > 500){  
        $('.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-7">
		  <div class="phn-detail">
		    <ul>
			<li class="hidden"><a href="tel:+91 9418426514" class="btn"><i class="fa fa-phone" aria-hidden="true"></i> +91 9418426514</a></li>
            <li><a href="admission.html" class="btn"><i class="fa fa-users" aria-hidden="true"></i> Admission</a></li>      
            <li><a href="mailto: ssbvmnagrota@gmail.com" class="btn"><i class="fa fa-envelope-o" aria-hidden="true"></i>Jkgsvm110211@gmail.com</a></li>  
					
          </ul>
		  </div>
        </div>
        
        <div class="col-sm-5 text-right">
          <div class="icon-top">
		    <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>            
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a> 			
            <a href="#" target="_blank"><i class="fa fa-whatsapp"></i></a> 			
		  </div>
		  
		  <div class="phone-call"><a href="tel:+91 9418426514" class="btn"><i class="fa fa-phone"></i>+91 9418426514</a>
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">		  
      <nav class="navbar navbar-default">
        <div class="navbar-header">
		<a class="navbar-brand nav-logo " href="#"><img src="images/shiksha-logo.png" alt="image"><h1>Shri Jai Krishan Giri Saraswati Vidya Mandir <small> Mehla,Tehsil & District Chamba Himachal Pradesh. Pin No. 176311</small></h1></a>
    <button class="openbtn" onclick="openNav()">&#9776;</button>
          
        </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><a href="about-us.html">About Us</a></li>
            <li><a href="academics.html">Academics</a>
				<ul class="sub-menu">
					<li><a href="faculty.html">Faculty</a></li>
					<li><a href="parental.html">Parental Cooperation</a></li>
				</ul>
			</li>
            <li><a href="admission.html">Admissions</a>
				<ul class="sub-menu">
						<li><a href="fee.html">Fee structure</a></li>
				</ul>
			</li>
			<li><a href="activities.html">Activities</a></li>
            <li><a href="contact-us.html">Contact us</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><a href="about-us.html">About Us</a></li>
            <li class="li-arrow"><a href="academics.html">Academics</a>
				<ul class="sub-menu">
					<li><a href="faculty.html">Faculty</a></li>
					<li><a href="parental.html">Parental Cooperation</a></li>
				</ul>
			</li>
            <li class="li-arrow"><a href="admission.html">Admissions</a>
				<ul class="sub-menu">
						<li><a href="fee.html">Fee structure</a></li>
				</ul>
			</li>
			<li><a href="activities.html">Activities</a></li>
            <li><a href="contact-us.html">Contact us</a></li>
          </ul>
        </div>
      </div>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner" id="Home">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
      <!-- Third Slide -->
      <div class="item active">
        <div class="slide-text">
          <div class="container">
            <div class="row">
			
			  <div class="col-sm-7 banner-left">
                <h1 data-animation="animated fadeInDown">Committed To Create More <span>Toppers</span>This Year</h1>
                <p data-animation="animated fadeInDown">Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
				<p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Contact Us</a></p>
              </div>
			
			  
			
            </div><!-- row -->
          </div>
        </div><!--/ slide-text -->
      </div><!-- End of Slide --> 
	  
	  <div class="item">
        <div class="slide-text">
          <div class="container">
            <div class="row">
			
			  <div class="col-sm-7 banner-left">
                <h1 data-animation="animated fadeInDown">Committed To Create More <span>Toppers</span>This Year</h1>
                <p data-animation="animated fadeInDown">Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua Utenim ad minim veniam quis nostrud exercitation ullamco laboris.</p>
				<p><a href="#" class="btn btn-default" data-animation="animated fadeInDown">Contact Us</a></p>
              </div>
			
			  
			
            </div><!-- row -->
          </div>
        </div><!--/ slide-text -->
      </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="curve-shape"><img src="images/bg-01.png" alt="image"></div>  
</section>

     

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-8 about-left pull-right">
	    <h2>WELCOME TO Shri Jai Krishan Giri Saraswati Vidya Mandir<span>About Our School</span></h2>
		<p>SVM School Krishangiri is a bilingual educational institution, providing education in both Hindi and English mediums. It promotes co-education and holds an inclusive approach, welcoming students of all backgrounds, regardless of their caste, creed, color, or religion. The school adheres to secular values. Affiliated with the Himachal Pradesh Board of School Education, SVM School emphasizes innovation.</p>
		<p>We believe in fostering active learning through practical experiences, encouraging students to engage in hands-on activities, critical thinking, problem-solving, effective communication, reading, playing, sharing, and role-playing. Our aim is to create a joyful learning experience. </p>
		<p>The school strongly supports experiential learning, which challenges students to explore novel ideas and enhance their abilities and skills. With well-equipped, state-of-the-art laboratories, students are provided with ample opportunities to question, explore, examine, hypothesize, and draw conclusions, thereby cultivating a scientific temperament.</p>
		
		<p><a href="#" class="btn"><span>View More <i class="fa fa-angle-double-right" aria-hidden="true"></i></span></a></p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 about-right">
	    <figure>
		  <img class="thumbnail" src="images/about.png" alt="">
		  
		</figure>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec -->

<section class="service-sec">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12">
	    <h2>Our State Toppers </h2>
	  </div>
	  
	  <div class="col-sm-12 pad-0">
	    <div id="owl-demo">
		
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/br-sharma.jpg" alt=""></figure>
			    <h4>Akshima Thakur<span>1st Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>I am thankful to CS MENTORS Academy for the role they played in my selection. Recommended institute for best HAS coaching in Chandigarh.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/bhavna.jpg" alt=""></figure>
			    <h4>Nikita Kalia<span>8th Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>The guidance programme provided by CS MENTORS Team helped me during my preparation for Civil Services. Thanks CS MENTORS Academy.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/chirag.jpg" alt=""></figure>
			    <h4>Seema Negi<span>+2 CBSE Topper</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>Within the one year of preparations with CS MENTORS Academy, I secured 1st Rank in AP Allied services and also appeared for HAS interview. Thanks a lot CS MENTORS.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/mohit.jpg" alt=""></figure>
			    <h4>Yukta Thakur <span>8th Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>The support and guidance of CS MENTORS Academy contributed a lot in my selection. Thanks very much to CS MENTORS.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/radhika.jpg" alt=""></figure>
			    <h4>+2 CBSE Topper<span>+2 CBSE Topper</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>They Guided & helped me during my exams preparation. Under their valuable guidance, I cracked the exam in my first attempt. Thanks to CS MENTORS Academy.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="service-box">
			  <div class="service-author">
			    <figure><img src="images/rajat.jpg" alt=""></figure>
			    <h4>Kamal Preet<span>5th Position In HP BOSE Dharamshala</span></h4>
			  </div>
		      <div class="item-bg"> 
			    <p>The efforts of CS MENTORS team & especially Kamal Sir helped me crack this exam in a very subtle manner. Their constant guidance & motivation helped me sailed through this endeavour.</p>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		</div><!--/ owl-demo --> 
	  </div>
			
    </div><!-- row-->
  </div><!-- .container end -->
</section><!--/  service-sec  -->  





<section class="team-sec">
  <div class="container">
		<div class="col-sm-12 sec-head">
			<h2><span>Principal of</span>Shri Jai Krishan Giri Saraswati Vidya Mandir</h2>
		</div>
    <div class="row team-sec-row">
	<div class="col-sm-6 about-left pull-right">
	    
		<p>In the present era, the purpose of a school extends beyond solely focusing on academic achievements. It also encompasses the responsibility of inspiring and empowering students to become lifelong learners, critical thinkers, and valuable contributors to a rapidly evolving global community. </p>
		<p>A school should strive to create an environment that fosters multifaceted development, where children are encouraged to harness their potential and pursue excellence. Such an environment can only be achieved through a holistic, student-centric approach that nurtures the overall growth and well-being of each individual.</p>
		<p><a href="#" class="btn"><span>View More <i class="fa fa-angle-double-right" aria-hidden="true"></i></span></a></p>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	    <figure>
		
		  <img src="images/br-sharma.jpg" alt=""  >
		 
		</figure>
	  </div>

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

<section class="counter-sec">
  <div class="container">
    <div class="row" id="counter">
	
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-01.png" alt="images"></figure>
		<div>
		  <h4>Professionals Team</h4>
	      <span class="counter-value" data-count="50">0</span><span>+</span>
	    </div>
	  </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-02.png" alt="images"></figure>
		<div>
		  <h4>Student <br>Results</h4>
	      <span class="counter-value" data-count="100">0</span><span>%</span>
	    </div>
	  </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-03.png" alt="images"></figure>
		<div>
		  <h4>Student Satisfaction</h4>
	      <span class="counter-value" data-count="100">0</span><span>%</span>
	    </div>
	  </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	  <div class="counter-padd">
	    <figure><img src="images/counter-04.png" alt="images"></figure>
		<div>
		  <h4>Years of experience</h4>
	      <span class="counter-value" data-count="15">0</span> <span>%</span>
	    </div>
	  </div>
	  </div>

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



<section class="map-wrap">
  <div class="container-fluid pad-0">
    <div class="row mrb-0">
      
	  <div class="col-sm-12 pad-0">
		<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13719.152963459686!2d76.768835!3d30.724353000000004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xbaa89ee6bba21350!2sCS%20Mentors%20%7C%20Best%20IAS%2FHAS%2FPCS%20Coaching%20Institute%20in%20Chandigarh!5e0!3m2!1sen!2sin!4v1625652129453!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
      </div>
         
    </div><!--/ row -->	
  </div>
</section>

<section class="newsletter-sec">
  <div class="container">
    <div class="row">
    
      <div class="newsletter-des col-sm-4">
        <h5>Our Newsletter <span>Subscribe To</span></h5>
      </div>
      
      <div class="newsletter-form col-sm-8">
        <form>
          <input type="text" placeholder="Enter your Place Holder Here" class="placeholder2">
          <button><i class="fa fa-send"></i></button>
        </form>
      </div>
      
    </div><!--/ row -->    
  </div>
</section>

<footer class="footer">

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

  //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">
    <div class="row">
                     
      <div class="col-sm-4">
        <div class="wg-1">
           <h4>Important Links</h4>           	  		
		  <ul>
			<li><a href="#">Himanchal Siksha Samiti</a></li>
			<li><a href="#">Him Saral Software</a></li>
			<li><a href="#">H.T.Logics.Pvt.Ltd</a></li>
			<li><a href="#">Prasham Computer</a></li>
		  </ul>
        </div>
      </div>       
      
      <div class="col-sm-4">
        <div class="wg-1">
          <h4>Quick Links</h4>           	  		
		  <ul>
			<li><a href="Index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a></li>
			<li><a href="faculty.html">Faculty</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="gallery.html">Photo Gallery</a></li>
			<li><a href="fee.html">Fee Structure</a></li>
			<li><a href="contact.html">Contact Us</a></li>
		  </ul>
		</div>
      </div>
	  
	  <div class="col-sm-4">
        <div class="wg-1">
		  <h4>Contact Info</h4>           	  		
		  <address><i class="fa fa-map-marker"></i> <div>Shri Jai Krishan Giri Saraswati Vidya Mandir, Mehla,Tehsil & District Chamba Himachal Pradesh. Pin No. 176311</div></address>
		  <address><i class="fa fa-envelope-o"></i> <div><a href="mailto: thecsmentors@gmail.com">Jkgsvm110211@gmail.com</a></div></address>
		  <address><i class="fa fa-phone"></i> <div><a href="tel:+91 9805526514">Principal: +91 9805526514</a><a href="tel:+91 9418426514">Office: +91 9418426514</a></div></address>
		</div>
      </div> 
	  
	        
           
    </div><!--/ row -->       
  </div><!--/ container -->
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6">
		  <p>Copy © 2021 All Rights Reserved by .</p>
		</div>
		
		<div class="col-sm-6 text-right">
		  <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>
  function openNav() {
    document.getElementById("myOffcanvas").classList.add("open");
  }

  function closeNav() {
    document.getElementById("myOffcanvas").classList.remove("open");
  }

</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 : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

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

    });

	$(document).ready(function() {
      $("#owl-demo-3").owlCarousel({
        autoPlay: 3000,
        items : 4,
        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>
	
</body>
<script>
var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});
</script>

<script>
	
  if ($(window).width() < 767) {
    $('.li-arrow > a').after('<span><i class="fa fa-angle-right" aria-hidden="true"></i></span>');
  $('.sub-menu').css("display","none");
  $('.li-arrow > span').click(function(e){
  e.preventDefault();
  console.log(e.target);
  
  //var id=$(this).attr('data-id');
  console.log("test");
  if ( $(this).siblings(".sub-menu").is(':visible')) {
  $(this).siblings(".sub-menu").hide();
  }
  else{
  $(this).siblings(".sub-menu").show();
  }
  
  });
  }
    </script>
</html>