HOME

Mini Shell 1.0
DIR:/home/svmghumarwin.in/www/wp-content/themes/twentytwentyone-child/images/
Current File : //home/svmghumarwin.in/www/wp-content/themes/twentytwentyone-child/images/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 Ghumarwin</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link href="css/swiper.min.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
	
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
	
	<link rel="stylesheet" href="css/owl.carousel.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
	
    <!-- Custom Fonts -->
	<link href="font-awesome/css/all.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	
	<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 data-aos-easing="ease-out-back" data-aos-duration="1000" data-aos-delay="0">
<header class="header"> 
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-7 head-left">
		  <ul>
            <li><a href="tel:+91 8628902856"><i class="fa-solid fa-phone"></i> <small class="hidden">Call Us</small><span>Call: +91 8219074783</span></a></li>
            <li><a href="mailto:info@vintagehall.org "><i class="fa-solid fa-envelope"></i> <small class="hidden">Email Us</small><span>Email: svmghumarwin@gmail.com </span></a></li>
          </ul>
        </div>
	  
	    <div class="col-sm-5 head-right">
		  <div class="icon-top">
		    <a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
		    <a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
		    <a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
		    <a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a>
		  </div>	
		  
		  <div class="book-now">
		    <a href="#" class="btn">Annual Calander 2025-26<i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
          </div>
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
  
  <nav>
    <div class="container">
      <div class="navbar">
        
		<i class='fa fa-navicon bx bx-menu'></i>
	    <div class="logo"><a href="index.html"><img src="images/shiksha-logo.png" al="image">
			<h1>Sarswati Vidya Mandir Ghumarwin
			<small> Teh.Ghumarwin Distt.Bilaspur H.P. 174021</small>
			</h1>
		</a>
		</div>
		
		
        <div class="nav-links">
	    
		  <div class="sidebar-logo">
		    <span class="logo-name"><img src="images/logo.png" al="image"></span>
            <i class="fa fa-close fa-xmark bx bx-x"></i>
		  </div>
		  
		  <ul class="links">			
            <li class="current-menu-item"><a href="#">Home</a></li>		
			
			<li class="main-menu">
              <a href="#">About us</a>
		      <i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
              <ul class="htmlCss-sub-menu sub-menu">
                <li><a href="#">विद्या भारती के पाँच आधारभूत विषय</a></li>
			    <li><a href="#">School Commette</a></li>
			    <li><a href="#">VIKAS SAMITI</a></li>
			    <li><a href="#">VIDHYALAYA SHAIKSHIK SAMITI</a></li>
			    <li><a href="#">SAMAJIK SAMITI</a></li>
			    <li><a href="#">Committee</a></li>
			    <li><a href="#">Working Committee</a></li>
              </ul>
            </li>
			
			<li class="main-menu">
				<a href="#">Academics</a>
				<i class="fa fa-angle-down htmlcss-arrow arrow" aria-hidden="true"></i>
				<ul class="htmlCss-sub-menu sub-menu">
					<li><a href="#">Fee Detail</a></li>
					<li><a href="#">Syllabus (NCERT & HPBOSE)</a></li>
					<li><a href="#">Time-Table Class-wise</a></li>
					<li><a href="#">Time-Table Teacher-wise</a></li>
					<li><a href="#">Houses</a></li>
					<li><a href="#">Result 2023-24</a></li>
					<li><a href="#">Annual Report 2024-25</a></li>
				  </ul>
			</li>			
			<li><a href="#">Faculty</a></li>
			<li><a href="#">Facilities</a></li>
			<li><a href="#">Activities</a></li>
			<li><a href="#">Contact Us</a></li>
          </ul>
		</div><!--/ nav-links -->
		
      </div>
    </div><!--/ container -->
	
  </nav><!--/ nav -->
</header>

<section class="banner" id="Home">
  <div id="carouselExampleFade" class="carousel slide carousel-fade">
    
	<div class="carousel-inner">
	
      <div class="carousel-item active">
	    <figure><img src="images/SANGAM ARTS  (9).JPG" alt="image"  class="slide-image"/></figure>
        <div class="slide-info">
		  <div class="container">
		    <div class="slide-text">
			  <h1><span>Path</span> to learning starts here</h1>
		      <p>A place founded by a passionate team of Social Entrepreneurs who believe in the power of education.</p>
		      <div class="slider-btn">
			    <a href="#" class="btn">Enquiry Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			    <a class="text" href="tel:+91 9805002856"><i class="fa-regular fa-comment-dots"></i><span>Need help?<span>+91 8219074783</span></span></a>                                              
			  </div><!--/ slider-btn -->
		    </div>
		  </div>
		</div><!--/ slide-info -->		
      </div><!--/ carousel-item -->
	
      <div class="carousel-item">
	    <figure><img src="images/SANGAM ARTS  (100).JPG" alt="image"  class="slide-image"/></figure>
        <div class="slide-info">
		  <div class="container">
		    <div class="slide-text">
			  <h1><span>Path</span> to learning starts here</h1>
		      <p>A place founded by a passionate team of Social Entrepreneurs who believe in the power of education.</p>
		      <div class="slider-btn">
			    <a href="#" class="btn">Enquiry Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
			    <a class="text" href="tel:+91 9805002856"><i class="fa-regular fa-comment-dots"></i><span>Need help?<span>+91 980-500-2856</span></span></a>                                              
			  </div><!--/ slider-btn -->
		    </div>
		  </div>
		</div><!--/ slide-info -->		
      </div><!--/ carousel-item -->
	  
	  
	</div><!--/ carousel-inner -->
	
	<button class="carousel-control-prev left" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Previous</span>
    </button>
  
    <button class="carousel-control-next right" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="visually-hidden">Next</span>
    </button>
  
  </div> 
</section><!--/ banner -->

<section class="about-tag">
  <div class="container">
    <div class="row">  
	  
	  <div class="col-sm-3 col-at">
	    <div class="box-padd">
		  <figure><a href="#"><img src="images/school-icon.png"></a></figure>
		  <div class="inner">
		    <h4><a href="#">School Life</a></h4>
		    <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		  </div>	  
        </div>
      </div>
	  
	  <div class="col-sm-3 col-at">
	    <div class="box-padd">
		  <figure><a href="#"><img src="images/staff-icon.png"></a></figure>
		  <div class="inner">
		    <h4><a href="#">Our Staff</a></h4>
		    <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		  </div>	  
		</div>	  
      </div>	  
	  
	  <div class="col-sm-3 col-at">
	    <div class="box-padd">
		  <figure><a href="#"><img src="images/athletics-icon.png"></a></figure>
		  <div class="inner">
		    <h4><a href="#">Athletics</a></h4>
		    <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		  </div>	  
		</div>	  
      </div>	  
	  
	  <div class="col-sm-3 col-at">
	    <div class="box-padd">
		  <figure><a href="#"><img src="images/social-icon.png"></a></figure>
		  <div class="inner">
		    <h4><a href="#">Social</a></h4>
		    <p>Nam eleme ntum ulla corper tristique. trum finibus usce egest.</p>
		  </div>	  
		</div>	  
      </div>	  
	  
    </div>
  </div>
</section>

<section class="about-admission">
  <div class="container">
    <div class="row align-items-center h-100 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000"> 
	
	  <div class="col-sm-6 admission-left">
	    <div class="admission-padd">
	      <h2>Apply for Admission <span>Fall 2025 applications are now open</span></h2>
		  <p>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 architecto beatae vitae dicta sunt explicabo.</p>
		  
		  <div class="btn-grid">
		    <a href="#" class="btn">Apply Now <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a>
          </div><!--/ col-sm -->
        
		</div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-6 admission-right">
	    <figure><img src="images/about-01.jpg" alt="image"></figure>
	  </div>
     
    </div><!--/ row --> 
  </div>
</section> 

<section class="about-wrap">
  <div class="container">
    <div class="row row-flex">   
	
	  <div class="col-sm-6 about-left mrb-30 aos-init" data-aos="fade-up" data-aos-duration="1000">
		<h2 class="mrb-20"><span>About Our School</span>Welcome to The SVM Sr. Sec. School Ghumarwin</h2>
		<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi repudiandae facere dolores tempora, eveniet optio odio placeat nulla soluta saepe praesentium vitae. Eveniet, dicta! Culpa eveniet quae natus ab odit quibusdam, cupiditate, dolor sapiente in iusto unde, tempora porro modi alias tenetur. Officia quas provident ducimus quos, totam quisquam necessitatibus.</p>
		<ul class="nav nav-tabs mrb-10 pad-t10" id="myTab" role="tablist">
		  <li class="nav-item" role="presentation"><button class="nav-link active" id="History-tab" data-bs-toggle="tab" data-bs-target="#History-tab-pane" type="button" role="tab" aria-controls="History-tab-pane" aria-selected="true">School Commette</button></li>
		  
		  <li class="nav-item" role="presentation"><button class="nav-link" id="Mission-tab" data-bs-toggle="tab" data-bs-target="#Mission-tab-pane" type="button" role="tab" aria-controls="Mission-tab-pane" aria-selected="false">VIKAS SAMITI</button></li>
		  
		  <li class="nav-item" role="presentation"><button class="nav-link" id="Vision-tab" data-bs-toggle="tab" data-bs-target="#Vision-tab-pane" type="button" role="tab" aria-controls="Vision-tab-pane" aria-selected="false">SAMAJIK SAMITI</button></li>
		  
		  <li class="nav-item" role="presentation"><button class="nav-link" id="Core-values-tab" data-bs-toggle="tab" data-bs-target="#Core-values-tab-pane" type="button" role="tab" aria-controls="Core-values-tab-pane" aria-selected="false">Working Committee</button></li>
		</ul>
		
		<div class="tab-content mrb-20" id="myTabContent">
		  <div class="tab-pane fade show active" id="History-tab-pane" role="tabpanel" aria-labelledby="History-tab" tabindex="0">
		    <p>'विद्या ददाति विनिय' -" Knowledge inculcates humility"is Motto of the HALL.</p>
			<ul>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			</ul>
		  </div><!--/ tab-pane -->
		  
		  <div class="tab-pane fade" id="Mission-tab-pane" role="tabpanel" aria-labelledby="Mission-tab" tabindex="0">
		    <p>The mission of the HALL is" to provide quality education for intellectual, physical, moral, emotional and social developments of the children."</p>
			
			<ul>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			</ul>
		  </div><!--/ tab-pane -->
		  
		  <div class="tab-pane fade" id="Vision-tab-pane" role="tabpanel" aria-labelledby="Vision-tab" tabindex="0">
		    <p>The HALL visions at" bringing out the best of each child in one or the other fields of learning so that they can demonstrate life skills required in their life time." </p>
			
			<ul>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			</ul>
		  </div><!--/ tab-pane -->
		  
		  <div class="tab-pane fade" id="Core-values-tab-pane" role="tabpanel" aria-labelledby="Core-values-tab" tabindex="0">
		    <p>"Knowledge, Creativity, Generosity, and Excellence"are the core values of the HALL.</p>
			
			<ul>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			  <li>Lorem ipsum dolor</li>
			</ul>
		  </div><!--/ tab-pane -->
		</div><!--/ tab-content -->
		<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a></p>
      </div><!--/ col-sm -->
	
	  <div class="col-sm-6 about-right aos-init" data-aos="fade-up" data-aos-duration="1000">
	    <div class="about-box">
		  <figure class="img-hover"><img src="images/about-03.jpg" alt=""></figure>
		  <figure class="img-hover"><img src="images/SANGAM ARTS  (100).JPG" alt=""></figure>
		  <div class="about-text">
		    <img src="images/experience.png" alt="image">
		    <span>30+<small>Years of experience</small></span>
		  </div>
        </div>
      </div><!--/ col-sm -->
	  
    </div><!--/ row -->
  </div><!--/ container -->
</section>

<section class="features-sec">
	<div class="container">                 
	  <div class="row">
	  
		<div class="col-sm-12 aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <h2>Infrastructure and Facilities</h2>
		</div>
		  
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-01.png" alt="Classrooms"></div>
			  <div class="content">
				<h6 class="title">Classrooms</h6>
				<p>Spacious, well-lit, and ventilated classrooms equipped with smart boards and ergonomic furniture to enhance student learning and comfort.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-02.png" alt="Library"></div>
			  <div class="content">
				<h6 class="title">Library</h6>
				<p>Our library houses a wide range of books, journals, and digital resources to foster a love for reading and research among students.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-03.png" alt="Computer Lab"></div>
			  <div class="content">
				<h6 class="title">Computer Lab</h6>
				<p>State-of-the-art computer lab with high-speed internet and latest software tools to provide hands-on learning in technology and coding.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-04.png" alt="Math Lab"></div>
			  <div class="content">
				<h6 class="title">Math Lab</h6>
				<p>A fun and interactive space where students can explore mathematical concepts through activities, puzzles, and hands-on experiments.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-05.png" alt="Science Lab"></div>
			  <div class="content">
				<h6 class="title">Composite Science Laboratory</h6>
				<p>Well-equipped lab for Physics, Chemistry, and Biology that encourages experimentation and scientific inquiry among students.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-06.png" alt="Sports & Games"></div>
			  <div class="content">
				<h6 class="title">Sports & Games</h6>
				<p>Dedicated play areas and sports facilities including basketball, football, badminton, and indoor games to promote physical fitness and teamwork.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-07.png" alt="Audio Visual Room"></div>
			  <div class="content">
				<h6 class="title">Audio & Visual Room</h6>
				<p>Interactive audio-visual room equipped with projectors and multimedia tools to make learning more engaging and concept-driven.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
		
		<div class="col-sm-3 features-col aos-init" data-aos="fade-up" data-aos-duration="1000">
		  <div class="features-box">
			<div class="inner">
			  <div class="thumbnail"><img src="images/icon-08.png" alt="Swimming Pool"></div>
			  <div class="content">
				<h6 class="title">Swimming Pool</h6>
				<p>Safe and supervised swimming pool facilities for students to learn swimming and enjoy recreational aquatic activities.</p>
				<p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a></p>
			  </div>
			</div>
		  </div>
		</div>
	  
	  </div><!--/ row --> 
	</div>
  </section>
  

<section class="why-choose-us hidden">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 tl-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="title-flex mrb-60">
		  <h2><span>Reasons People Choose Us</span>Why Choose Us?</h2>
	      
		  <div class="text-pad">
		    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
			<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
          </div>
        </div><!--/ title -->
	  </div>
	  
	  <div class="col-sm-3 why-choose-col mrb-30 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">	
        <div class="why-choose-box">
		  <div class="single-features-style1 first-child text-center">
		    <div class="single-features-style1__bg" style="background-image: url(images/service-01.jpg);"></div>
			<div class="counting-box"><span>01</span></div>
			
			<div class="inner">
			  <div class="static-content">
			    <div class="icon"><img src="images/icon-08.png" alt="alt"></div>
				<h3>Class Roms</h3>
			  </div>
			  
			  <div class="overlay-content">
			    <h3>Class Roms</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
              </div>
            </div>
			
			<div class="button-box"><a href="#"><span class="fa fa-angle-right"></span>Contact Now</a></div>
		  </div>
		</div><!--/ why-choose-box -->  
      </div>
	  
    </div><!--/ row -->	
  </div>
</section><!--/ why-choose-us -->

<section class="team-sec">
  <div class="container">
    <div class="row">
	
	  <div class="col-sm-8 left-grid aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <!--div class="title mrb-30">
		  <h2>Message From Management</h2>
		</div-->
	    
		<div class="row team-row">
		  <div class="col-sm-8 ts-col mrb-30 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	        <div class="team-box">
		      <figure><img src="images/team-01.jpg" alt=""></figure>
		      <div class="caption">
		        <h4>Mr. Anand Dubey <span>President And Managing Trustee</span></h4>
                <p>Mr. Anand Dubey is Master in English Literature and M.Phil in American Literature from Indore University in the Indian state of Madhya Pradesh. Mr. Dubey completed his School education from Jawahar Navodaya Vidyalaya District Dewas (M.P).</p>
                <p><a href="#" class="btn">View More <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a></p>
		      </div>
            </div>
	      </div><!--/ col-sm -->
		  
		</div><!--/ row -->
      </div><!--/ left-grid -->

	  <div class="col-sm-4 right-grid aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="inner">
	      <div class="bg-grid"></div>
	      <h3>Do you have any questions? <span>feel free to contact us!</span></h3>
	      <form>       
		    <div class="form-group">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa-regular fa-user"></div></div>
                <input type="text" placeholder="Your Name" class="form-control">
              </div>
			</div>
			
		    <div class="form-group">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa-regular fa-envelope"></div></div>
                <input type="text" placeholder="Your Email" class="form-control">
              </div>
			</div>
			
		    <div class="form-group">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa-solid fa-phone-volume"></div></div>
                <input type="text" placeholder="Phone No" class="form-control">
              </div>
			</div>
			
		    <div class="form-group">
			  <div class="input-group">
			    <div class="input-group-addon"><div class="fa-solid fa-comment-dots"></div></div>
                <textarea class="form-control">Your Message :</textarea>
              </div>
			</div>
		    
            <div class="form-group">
              <div class="btn">
			    <input name="subit" value="Submit Quiry" class="sumit" type="submit"> 
				<i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span>
			  </div>
			</div>
          </form>
	    </div>
	  </div><!--/ col-sm -->

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

<section class="counter-sec">
  <div class="container">
    <div class="row" id="counter">
		
		  <div class="col-sm-3 counter-Txt aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="counter-padd">
			  <figure><img src="images/counter-01.png" alt="images"></figure>
			  <div>
			    <h4>Professionals Teachers</h4>
				<span class="counter-value" data-count="50">0</span><span>+</span>
			  </div>
			</div>
		  </div>
		  
		  <div class="col-sm-3 counter-Txt aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="counter-padd">
			  <figure><img src="images/counter-02.png" alt="images"></figure>
			  <div>
			    <h4>Student Results</h4>
				<span class="counter-value" data-count="100">0</span><span>%</span>
			  </div>
			</div>
		  </div>
		  
		  <div class="col-sm-3 counter-Txt aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <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 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <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="client-feedback">
  <div class="container">
    <div class="row align-items-center">
	  
	  <div class="col-sm-5 left-grid aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>Testimonials</span>What Our Students Are Saying</h2>
		<p class="mrb-30">Consectetur adipiscing elit sed do eiusmod tempor.</p>
		<p><a href="#" class="btn">View All <i class="fa fa-long-arrow-right" aria-hidden="true"></i> <span class="s1"></span><span class="s2"></span><span class="s3"></span><span class="s4"></span></a></p>
	  </div>
	  
	  <div class="col-sm-7 right-grid pad-0 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="owl-carousel owl-theme" id="owl-demo-2">
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-01.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Rohit Sharma <span>Student</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-02.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Archita Madan  <span>Student</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-01.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Rohit Sharma <span>Student</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		  <div class="item">		  
		    <div class="feedback-box">
			  <div class="thumbnail">
			    <figure><img src="images/testimonial-02.png" alt=""></figure>
				<span class="qoute-icon"><i class="fa-solid fa-quote-right"></i></span>
			  </div>
		      <div class="content"> 
			    <p>Lorem ipsum dolor amet consec tur elit adicing sed do usmod zx tempor enim minim veniam quis nostrud exer citation.</p>
				<div class="rating">
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				  <i class="fa-solid fa-star"></i>
				</div>
				<h4>Archita Madan <span>Student</span></h4>
			  </div>
		    </div>
		  </div><!--/ item -->
		  
		</div> 		  
	  </div><!-- col -->
			
    </div><!-- row-->
  </div>
</section>

<section class="service-sec">
	<div class="container">
	  <div class="row">           
		
		<div class="col-sm-12 title">
		  <h2>Our School Activities</h2>
		</div>
		
		<div class="col-sm-3 ss-coll">
		  <div class="info-box">
			<div class="inner">
			  <figure><img src="images/SANGAM ARTS  (991).JPG" alt="image"></figure>
			  <h4>Achievements</h4>
			  <p> Achievements are holistic measure that reflects not only what a student knows but also who they are becoming in the process of education.</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-3 ss-coll">
		  <div class="info-box">
			<div class="inner">
			  <figure><img src="images/SANGAM ARTS  (9).JPG" alt="image"></figure>
			  <h4>Media Center</h4>
			  <p>This dynamic space is designed to facilitate learning in the digital age, providing access to a vast array of resources.</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-3 ss-coll">
		  <div class="info-box">
			<div class="inner">
			  <figure><img src="images/SANGAM ARTS  (923).JPG" alt="image"></figure>
			  <h4>Event Calander</h4>
			  <p>Whether it's academic events, cultural celebrations, or sports competitions, the event calendar orchestrates the rhythm of life, guiding us through the anticipated highlights.</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-3 ss-coll">
		  <div class="info-box">
			<div class="inner">
			  <figure><img src="images/IMG-20241111-WA0142.jpg" alt="image"></figure>
			  <h4>Photo Gallery</h4>
			  <p>It serves as a visual journey, allowing us to revisit the past, celebrate the present, and even catch a glimpse of what the future may hold.</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 --> 

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

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
  
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-3 footer-left">
		<div class="wg-1">
		  <div class="ft-logo mrb-b30">
		    <figure><a href="#" class="logo-img"><img src="images/shiksha-logo.png" alt=""></a></figure>
		  </div>
			<p class="mrb-30">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			<div class="icon-ft">
			  <a href="#" target="_blank"><i class="fa-brands fa-facebook-f"></i></a>
		      <a href="#" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
		      <a href="#" target="_blank"><i class="fa-brands fa-instagram"></i></a>
		      <a href="#" target="_blank"><i class="fa-brands fa-youtube"></i></a>
			</div>
	    </div><!--/ wg-1 -->
	  </div><!--/ col-sm --> 

	  <div class="col-sm-9 footer-right">
	    <div class="row">
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
				<li><a href="#">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Academics</a></li>	
				<li><a href="#">Faculty</a></li>
				<li><a href="#">Facilities</a></li>
				<li><a href="#">Activities</a></li>
				<li><a href="#">Contact Us</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div>
	      
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Make Contact</h4>
			  <address>
			    <h5>General Quries</h5>
			    <p><b>Phone : </b><a href="tel:+91 8628902856">+91 8219074783</a>, <a href="tel:+91 9805002856">9459055042</a>, <a href="tel:+91 9816860519">01978-255360</a>
				<p><b>Email : </b><a href="mailto:info@vintagehall.org ">svmghumarwin@gmail.com </a></p>
			  </address>
			  
			  <!--address>
			    <h5>City Office</h5>
			    <p>Near railway Booking Counter and Taxi Stand, Main National Highway (NH) Bilaspur (H.P.) </p>
			  </address-->
			  
			  <address>
			    <h5>Our Location</h5>
			    <p>SVM Sr.Sec.School.Ghumarwin,
				Distt. Bilaspur (H.P) Pin Code:-174021</p>
			  </address>
			</div><!--/ wg-1 -->
		  </div>
		  
		  <div class="col-sm-4">
		    <div class="wg-1">
			  <h4>Open Time</h4>		          	  		
			  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 6pm<br> Saturday: 9am to 5pm</p>
			  <p><strong>Vacation:</strong><br> All Sunday Day<br> All Vacation Holiday</p>
			</div><!--/ wg-1 -->
		  </div>
		  
	    </div><!--/ row --> 
	  </div><!--/ footer-right --> 
	  
    </div><!-- row -->            
  </div><!--/ container -->           
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row align-items-center">
		
		<div class="col-sm-12 text-center">
		  <p class="copyright">Copyright © 2025 All Rights Reserved With SVM Sr.Sec.School.Ghumarwin</p>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
  
</footer>

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

<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>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

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

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

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


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

</script>

<script>        
// Wrap the counter animation in a function
function startCounterAnimation(target) {
    $(target).prop('Counter', 0).animate({
        Counter: $(target).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(target).text(Math.ceil(now));
        }
    });
}

// Use Intersection Observer to detect when the element is in the viewport
const observer = new IntersectionObserver(entries => {
    entries.forEach(entry => {
        if (entry.isIntersecting) {
            // Start the counter animation when the element is in the viewport
            startCounterAnimation(entry.target);
            // Unobserve the target element to avoid starting the animation multiple times
            observer.unobserve(entry.target);
        }
    });
},{threshold: 0.5 }); // Adjust the threshold as needed

// Observe each element with the 'counter' class
$('.counter').each(function () {
    // Add each element to the Intersection Observer
    observer.observe(this);
});
 
</script>

<script>
$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:4
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:2
        }
    }
}) 

$('#owl-demo-3').owlCarousel({
    loop:true,
	autoplay:false,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:3
        },
        1000:{
            items:3
        }
    }
}) 

</script>  
</body>
<script>
  AOS.init();
</script>
</html>