HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/sukhbag/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>Sarswati Vidya Mandir High School Sukhbag</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-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 7051762015"><i class="fa fa fa-phone"></i> +91 70182-92884</a></li>
                <li><a href="mailto: ssbvmnagrota@gmail.com"><i class="fa fa-envelope-o"></i>svmsukhbag2012@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 High School <span>Sukhbag</span><small> District Mandi. H.P. 175032 C.B.S.E. Pattern</small></h1></a></div>		
                  
        </div><!--/ row -->
      </div>
    </div>
    
    <div class="menu-head">             
      <div class="container">
        
        <nav class="navbar navbar-default">		  
          <div class="navbar-header">
            <a class="navbar-brand nav-logo hidden" href="#"><img src="images/logo.png" alt="image"></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 class="li-arrow"><a href="about-us.html">About Us</a>
          <ul class="sub-menu">          
          <li><a href="himachal-shiksha-samiti.html">Himachal Shiksha Samiti</a></li>
          <li><a href="infrastructure.html">Infrastructure</a></li>
                </ul>
              </li>
              <li class="li-arrow"><a href="#">Academics</a>
          <ul class="sub-menu">
          <li><a href="admission-rules.html">Admission Rules</a></li>
          <li><a href="school-houses.html">School Houses</a></li>
          <li><a href="Curriculum.html">Curriculum</a></li>
                </ul>
          </li>
        <li><a href="fees-structure.html">Fee Structure</a></li>
        <li><a href="activity.html">Activities</a></li>
        <li><a href="facilities.html">Facilities</a></li>
        <li class="hidden"><a href="#">Gallery</a></li>
        <li class="hidden"><a href="#">Downloads</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="about-us.html">about School</a></li>
          <li><a href="himachal-shiksha-samiti.html">Himachal Shiksha Samiti</a></li>
          <li><a href="infrastructure.html">Infrastructure</a></li>
                </ul>
              </li>
              <li class="li-arrow"><a href="#">Academics</a>
          <ul class="sub-menu">
          <li><a href="admission-rules.html">Admission Rules</a></li>
          <li><a href="school-houses.html">School Houses</a></li>
          <li><a href="Curriculum.html">Curriculum</a></li>
                </ul>
          </li>
        <li><a href="fees-structure.html">Fee Structure</a></li>
        <li><a href="activity.html">Activities</a></li>
        <li><a href="facilities.html">Facilities</a></li>
        <li class="hidden"><a href="#">Gallery</a></li>
        <li class="hidden"><a href="#">Downloads</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">
     <figure><img src="images/shiksha-logo.png" alt="image"/></figure>
	 <h2><span>Run By</span>Himachal Shiksha Samiti Shimla</h2>
	 <h2><small>A State Unit of</small>Vidya Bharti Akhil Bhartiya Shiksha Sansthan, Delhi</h2>
   </div><!-- banner-text --> 
</section><!--/ banner -->


<section class="mid-innner activ-inner mid-wrap">
  <div class="container">
  <div class="row activ-row">
    
  <div class="col-sm-8">
  
  <article class=" page type-page status-publish hentry" >
  
    <div class="post-inner thin ">
      <div class="entry-content">
    <section class="servicess-page">
    <h4>Welcome To Sarswati Vidya Mandir High School, Sukhbag</h4>
    <p>SVM High School Sukhbag stands as a co-educational institution offering education in both Hindi and English. Our doors are open to all, fostering an inclusive environment that transcends caste, creed, color, or religion, adhering staunchly to secular principles.</p>
    <p>Affiliated with the Himachal Pradesh Board of School Education, SVM School thrives on innovation. We champion a holistic learning approach, where hands-on experiences through doing, critical thinking, problem-solving, active listening, engaging discussions, immersive reading, recreational play, collaborative sharing, and role-playing are at the heart of our educational philosophy. Learning is not merely a task; it's a joyous experience.</p>
    <p>Our educational system places a premium on experiential learning, challenging students to explore uncharted ideas and refine their capabilities and skills. Equipped with cutting-edge laboratories, we empower students to question, explore, examine, hypothesize, and draw inferences, nurturing a scientific temperament that prepares them for the challenges of the future.</p>
    </section>
      </div><!-- .entry-content -->
    </div><!-- .post-inner -->
  </article><!-- .post -->
    </div>	
  <div class="col-sm-4 page-sidebar">
      <div class="widget_text widget widget_custom_html">
      
      <h4 class="widget-title subheading heading-size-3">Notice Board</h4>
      <div class="textwidget custom-html-widget">
      <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" height="417px;">
            <ul>
            <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
            <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
             <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
            <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
             <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
            <li><a href="#"><img src="images/tnew.gif"> Online Registration Instructions</a> for more detail click here.....</li>
          <li><a href="#"><img src="images/tnew.gif"> Welcome to SARSWATI VIDYA MANDIR HIGH SCHOOL -2022-23</a> for more detail click here.....</li>
          </ul>
          </marquee>
          </div>
          </div>
          </div>
          
  </div>	
    </div>
  </section><!-- #site-content -->

<section class="list-grid">
  <div class="container">                 
    <div class="row">
	  
	      
		  <div class="col-sm-4">
		    <div class="news-box">
			  <h3>Principal's <span>Message</span></h3>
			  <figure><img src="images/dummy.jpeg" alt="img"><span>M. K. Sharma</span></figure>
			  <p>Dear Parents.
				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 school must try to provide its students with an atmosphere for multifaceted development, where children are encouraged to channelize their potential in the pursuit of excellence. This can only be possible in a holistic, student-centric environment.</p>

		<p>The talents, skills, and abilities of each student need to be identified, nurtured, and encouraged so that he/she is able to reach greater heights. Students need to be provided with a platform to think, express, and exhibit their skills. It is necessary to empower them to negotiate several issues that confront them, with the teacher being a facilitator.</p>
			  <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
	        </div><!--/ -->
	      </div><!--/ col -->
		  
		  <div class="col-sm-8">
		    <div class="news-box">
			  <div class="swamiji-photo">
			    <img src="images/guruji.jpg" alt=""><img src="images/swami-msg.jpg" alt="">
			  </div>
	        </div><!--/ -->
			
			<div class="right-grid">
			  <div class="form-grid">
			    <h3>Quick Enquiry</h3>
				<form>       
				  <div class="col-sm-6">
				    <div class="form-group"><input class="form-control" placeholder="Your Name :" type="text"></div>
					
				    <div class="form-group"><input class="form-control" placeholder="E-mail :" type="text"></div>
					
				    <div class="form-group"><input class="form-control" placeholder="Phone Number :" type="text"></div>
				  </div>
				  
				  <div class="col-sm-6">
				    <div class="form-group"><textarea class="form-control" placeholder="Your Message :"></textarea></div>
					
				    <div class="form-group"><input name="btnsubmit" value="Submit Quiry" class="btn" type="submit"></div>
				  </div>
				</form>
			  </div>
	        </div><!--/ right-grid -->
	      </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> Sarswati Vidya Mandir Sukhbag</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="row">
	  <div class="col-sm-12">
	    <h2>Photo<span> Gallery</span></h2>
      </div>
	</div>
	
	<div class="portfolio-item row">
	  <div class="item col-lg-3 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>
	  <!--/ end -->
	  
	  <div class="item col-lg-3 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>
	  <!--/ end -->
	  
	  <div class="item col-lg-3 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>
	  <!--/ end -->
	  
	  <div class="item col-lg-3 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>
	  <!--/ end -->
	  
	  <div class="item col-lg-3 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>
	  <!--/ end -->
	  
	  
    </div><!--/ portfolio-item -->
	
  </div><!--/ container -->
<script>
        // $('.portfolio-item').isotope({
        //  	itemSelector: '.item',
        //  	layoutMode: 'fitRows'
        //  });
         $('.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><!--/ gallery-sec -->
  
<footer class="footer">	  
  <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.html">About Us</a></li>
            <li><a href="Curriculum.html">Academics</a></li>
			<li><a href="fees-structure.html">Fees Structure</a></li>
			<li><a href="activity.html">Activities</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">Downloads</a></li>
            <li><a href="contact-us.html">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>Sarswati Vidya Mandir Sukhbag Distt.- Mandi Himanchal Pradesh Pin Code. 175032 C.B.S.E. Pattern</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><span>Phone No : </span><a href="tel:+91 7051762015">+91 7018292884</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-paper-plane-o" aria-hidden="true"></i>
			<div><p><span>Email : </span><a href="mailto: ssbvmnagrota@gmail.com">svmsukhbag2012@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=!1m14!1m8!1m3!1d13662.96824593133!2d77.5395277!3d31.1169004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39058ca1e4d209c7%3A0x10e9b3b6a7919fe1!2sSaraswati%20Vidya%20Mandir!5e0!3m2!1sen!2sin!4v1688475476107!5m2!1sen!2sin" width="100%" height="250" 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 SSBVM Nagrota Prehta.</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>
  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 : 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>
	
</body>
</html>