HOME

Mini Shell 1.0
DIR:/home/svmschools.org/www/seribanglow/
Current File : /home/svmschools.org/www/seribanglow/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 Seri banglow</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">

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;500;600;700;800;900&display=swap" rel="stylesheet">  
	<link href="https://fonts.googleapis.com/css2?family=Inter: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">    
    <!--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");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.back-to-top').addClass("scroll");
    }
    else{
        $('.back-to-top').removeClass("scroll");
    }
});
</script>
    
</head>
<body>
<header class="header" id="Home"> 
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-8 head-left">
		  <ul>
            <li><a href="tel: 9805028611"><i class="fa fa-phone" aria-hidden="true"></i> +91 9805028611</a></li>
            <li><a href="mailto:svmseribanglow@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>svmseribanglow@gmail.com</a></li>
            <li><a href="#"></i>Alumni</a></li>
            <li><a href="#"></i>Online Registration</a></li>
          </ul>	           
        </div> 
	  
	    <div class="col-sm-4 head-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-linkedin"></i></a>
          </div>		           
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
   
  <div class="menu-head">             
    <div class="container">
      <nav class="navbar navbar-default">
        <div class="navbar-header">
			<button class="openbtn" onclick="openNav()">&#9776;</button>
          <span class="sr-only">Menu</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
		  
          <a class="navbar-brand nav-logo" href="#">
		    <img class="logo-fix" src="images/shiksha-logo.png" alt="image" />
			<h1>Sarswati Vidya Mandir Seri Banglow<small> Tehsil-Karsog Distt-Mandi H.P Pin 175011</small></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><a href="about-us.html">About Us</a></li>
			<li><a href="faculty.html">Faculty</a></li>
			<li><a href="admission.html">Admission</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="Gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="parental.html">Parental Cooperation</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><a href="faculty.html">Faculty</a></li>
			<li><a href="admission.html">Admission</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="Gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="parental.html">Parental Cooperation</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
          </ul>
        </div>
      </div>
	  
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>

<section class="banner">
	    <div id="bootstrap-touch-slider" class="carousel bs-slider fade 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>
            <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
            <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
          </ol>
    
          <!-- Wrapper For Slides -->
          <div class="carousel-inner" role="listbox">
            <!-- Third Slide -->
            <div class="item active">
			  <figure><img src="images/slider-01.jpg" alt="image"/></figure>
	          <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Generation Marching to Smart Future</span>Saraswati vidya mandir Seri Banglow</h1>
                <p data-animation="animated fadeInDown">Sarswati Vidya Mandir SeribanglowSchool is situated in one of the beautiful place of Himachal Pradesh.</p>              
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </div>
            </div><!-- End of Slide -->  
			
			<div class="item">
			  <figure><img src="images/slider-02.jpg" alt="image"/></figure>
	          <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Generation Marching to Smart Future</span>Saraswati vidya mandir Seri Banglow</h1>
                <p data-animation="animated fadeInDown">Sarswati Vidya Mandir SeribanglowSchool is situated in one of the beautiful place of Himachal Pradesh.</p>                 
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </div>
            </div><!-- End of Slide -->
			
			<div class="item">
			  <figure><img src="images/slider-03.jpg" alt="image"/></figure>
	          <div class="slide-text" data-animation="animated fadeInDown">
                <h1 data-animation="animated fadeInDown"><span>Generation Marching to Smart Future</span>Saraswati vidya mandir Seri Banglow</h1>
                <p data-animation="animated fadeInDown">Saraswati Vidya Mandir Seri Banglow is situated in one of the beautiful place of Himachal Pradesh.</p>             
                <p><a href="#" class="btn btn-primary" data-animation="animated fadeInDown">Contact Now</a></p>
              </div>
            </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 --> 
  
</section><!--/ banner -->

<section class="about-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-6 about-left">
	    <h2><span>A Few Words About Us</span>Welcome to Sarswati Vidya Mandir Seri Banglow</h2>
		<p>The school is open to all irrespective of caste, creed, colour or religion and strictly secular. The school is affiliated to the Himachal Pradesh Board of School Education.</p>

<p>Sarswati Vidya Mandir Seribanglow School innovation is the buzzword. We believe in learning things by gaining hands on experience by doing, thinking, problem solving, listening, talking, reading, playing, sharing and role playing making learning a joyful experience. The school supports an education system that emphasizes Experiential learning.The focus is on challenging the students to explore new ideas and hone their capabilities and skills. With well-equipped and state of the art laboratories, the students are provided opportunities to question, explore, examine, hypothesize and draw inferences thus building a scientific temperament.</p>
	
		<div class="about-call">
		    <p><a href="#" class="btn">View More</a></p>
		    <p><a href="tel:+91  9805028611"><i class="fa fa-volume-control-phone" aria-hidden="true"></i><span>Need Any Question <small>+91  9805028611</small></span></a></p>
          </div>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 about-right">
	    <figure>
		  <img src="images/about-globe.png" alt="" class="image-about">
		  <img src="images/about-bg.png" alt="" class="image-circle img-responsive">
		</figure>
		<div class="images-outer">
		  <div class="image"><img src="images/about-01.jpg" alt=""></div>
		  <div class="image2"><img src="images/about-02.jpg" alt=""></div>
		  <div class="image3"><img src="images/about-03.jpg" alt=""></div>
		  <div class="image4"><img src="images/about-04.jpg" alt=""></div>
		</div>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-sec --> 

<section class="tag-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 tw-coll ">
	    <div class="info-content">
	      <div class="inner">
		    <h3>Fee Structure 2023-24</h3>
	        <h4> Day Boarding facility and remedial classes as per the need of the students<a href="contact-us.html">[Contact us]</a></h4>
	      </div>	  
	    </div>	  
	  </div>
	  
	   
	  
    </div><!--/ row --> 
  </div>
</section><!--/ tag-sec --> 

<section class="service-sec">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-12 title">
	    <h2>Our State Toppers</h2>
	  </div>
	  
	  <div class="col-sm-2 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/service-01.jpg" alt="image"></figure>
	        <h4>Akshima Thakur</h4>
		    <p>1st Position In HP BOSE Dharamshala</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-2 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/service-02.jpg" alt="image"></figure>
		    <h4>Nikita Kalia</h4>
		    <p>8th Position In HP BOSE Dharamshala</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-2 ss-coll">
	    <div class="info-box">
		  <div class="inner">
		    <figure><img src="images/service-03.jpg" alt="image"></figure>
	        <h4>Seema Negi</h4>
		    <p>+2 CBSE Topper</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-2 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/service-04.jpg" alt="image"></figure>
		    <h4>Yukta Thakur</h4>
		    <p>8th Position In HP BOSE Dharamshala</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-2 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/service-04.jpg" alt="image"></figure>
		    <h4>+2 CBSE Topper</h4>
		    <p>+2 CBSE Topper</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  
	  <div class="col-sm-2 ss-coll">
	    <div class="info-box">
	      <div class="inner">
		    <figure><img src="images/service-04.jpg" alt="image"></figure>
		    <h4>Kamal Preet</h4>
		    <p>5th Position In HP BOSE Dharamshala</p>
	      </div>
		  <p class="btn-link"><a href="#" class="btn"><i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
	    </div>
	  </div>
	  	  	  
    </div><!--/ row --> 
  </div>
</section><!--/ service-sec --> 

<section class="counter-sec">
  <div class="container">
    <div class="row row-bg">
	
      <div class="col-sm-12">
        <div class="icon-one move_anim"><img src="images/effect-01.png" alt="image"></div>
		<div class="icon-two image-circle"><img src="images/effect-02.png" alt="image"></div>
		<div class="icon-three image-circle"><img src="images/effect-03.png" alt="image"></div>
	    <div class="top mrb-40">
		  <h2>An iso 9001:2000 [Certified School]</h2>
		  <p>Saraswati Vidya Mandir Seri Banglow is situated in one of the beautiful place of Himachal Pradesh. <br>Though entire Himachal Pradesh is famous for its panoramic beauty.</p>
		</div>
		
	    <div 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>Years of Experiences</h4>
				<span class="counter-value" data-count="50">15</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>Professional Teachers</h4>
				<span class="counter-value" data-count="100">100</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>Smart Class Rooms</h4>
				<span class="counter-value" data-count="100">20</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>Students At XAVIER’S</h4>
				<span class="counter-value" data-count="15">1000</span><span>+</span>
			  </div>
			</div>
		  </div>
		</div><!--/ row -->
      </div>

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

<section class="principal-sec">
  <div class="container">                 
    <div class="row">
	
	  <div class="col-sm-8 left-grid">
	    <div class="team-box">
			  <figure><img src="images/Anil-Kumar.jpg" alt=""></figure>
			  <div class="caption">
		        <h3>Anil Kumar <span>Principal</span></h3>
                <p>In the present era, the purpose of a school extends beyond solely achieving academic excellence. It encompasses the responsibility of inspiring and enabling students to become lifelong learners, independent thinkers, and valuable contributors to a dynamic global community. A school's objective is to create an environment that nurtures comprehensive growth, where young minds are motivated to explore their potential and strive for exceptional accomplishments. Such a holistic approach requires a student-centered atmosphere that prioritizes the diverse needs and aspirations of each individual.</p>
			  </div>
            </div>
	    <!--div class="row">
	      <div class="col-sm-6">
		    <div class="team-box">
			  <figure><img src="images/Anil-Kumar.jpg" alt=""></figure>
			  <div class="caption">
		        <h3>Anil Kumar <span>Principal</span></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
				<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
			  </div>
            </div>
	      </div> 
		  
		  <div class="col-sm-6">
		    <div class="team-box">
			  <figure><img src="images/Principal.jpg" alt=""></figure>
			  <div class="caption">
		        <h3>Jyoti Garg <span>Principal</span></h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
				<p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
			  </div>
            </div>
	      </div>
	    </div--><!--/ row --> 
	  </div>
	  
	  <div class="col-sm-4 right-grid">
	    <div class="inner">
	      <h3>Do you have any questions? <span>feel free to contact us!</span></h3>
	      <form>       
		    <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 class="form-group"><textarea class="form-control">Your Message :</textarea></div>
            <div class="form-group"><input name="btnsubmit" value="Submit Quiry" class="btn" type="submit"></div>
          </form>
	    </div>
	  </div>
	
    </div><!--/ row --> 
  </div>
</section>

<section class="best-offer">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 bf-coll">
	      <h2>A great place for your child to grow up.</h2>
		  <h5>We promise to help your child develop and learn through fun and creativity.</h5>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
		  <div class="contact-info">
		    <div class="media">
              <div class="media-body">
                <div class="phone"><span>+91</span>  9805028611</div>
			  </div>
            </div>
            <div class="media">
              <div class="media-body">Saraswati vidya mandir gian deep parisar High School Seri Banglow<br>Email : <a href="mailto:svmseribanglow@gmail.com">svmseribanglow@gmail.com</a></div>
			</div>
          </div>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left pad-0 aos-init aos-animate" data-aos="zoom-in">
	    <h2><span>Testimonials feedback</span>knows About Our Students Say</h2>
		 
		<div id="owl-demo-3" class="aos-init aos-animate" data-aos="zoom-in">
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/male.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Karan Sharma</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Jyoti Arora</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/male.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Jhon D. William</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Kirti Garg</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/male.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Arun Kumar</h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg"> 		  
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
		      <p>This is due to their excellent service, competitive pricing and customer support. It's thoroughly refreshing to get such a personal touch. I wish very good luck & success</p>
			</div>
		    <div class="testmonial-author">
			  <figure><img src="images/female.jpg" alt=""></figure>
			  <h4><span>Lorem Ipsum</span>Shivani Sharma</h4>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section="map">
 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3398.155921067589!2d76.61474701515267!3d31.60218708134271!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390528f55ef0562d%3A0xe3af65e84b81fa15!2sSilver%20Line%20Public%20School!5e0!3m2!1sen!2sin!4v1684569734551!5m2!1sen!2sin" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section><!--/ map -->  

<footer class="footer">
  
  <div class="back-to-top scroll"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-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 ft1">
		<div class="wg-1">
			<div class="ft-logo">
			  <a class="navbar-brand nav-logo" href="#"><img src="images/shiksha-logo.png" alt="image">
			  <h1>S.V.M. Bara Bhuin Bhunter <small><br>Teh. Distt-Kullu
				Himanchal Pradesh Pin Code. 172026</small></h1>
			</a>
		  </div>
		<p>The school is open to all irrespective of caste, creed, colour or religion and strictly secular. The school is affiliated to the Himachal Pradesh Board of School Education.</p>

		 
		  <div class="icon-ft">
            <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-linkedin"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->

      <div class="col-sm-2 ft2">
        <div class="wg-1">
          <h4>Useful Links</h4>
          <ul>
            <li><a href="index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="admission.html">Admission</a></li>
          </ul>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 

	  <div class="col-sm-3 ft3">
        <div class="wg-1">
          <h4>Contact us</h4>		          	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p>Saraswati vidya mandir gian deep parisar High School Seri Banglow Tehsil-Karsog Distt-Mandi H.P Pin 175011</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel: 9805028611">+91  9805028611</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:svmseribanglow@gmail.com">svmseribanglow@gmail.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 ft4">
	  <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><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
           
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6"><p class="copyright">©Copyright 2023 All Rights reserved by Saraswati Vidya Mandir Seri Banglow.</p></div>
		
		<div class="col-sm-6">
		  <p class="text-right">Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</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>
$('.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,2],
        navigation : true, 
        itemsDesktopSmall : [979,2],
        itemsMobile : [767,1]
      });

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

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

    });
	
	// 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>