HOME

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

    <!-- Custom CSS -->
    <link href="style.css" 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-google-plus"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
		    <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>		
		  </div>		  
        </div>
        
        <div class="col-sm-7 text-right">
          <div class="login-btn">
		    <a href="disclosure.html" class="btn"><i class="fa fa-file-text-o"></i> Mandatory Disclosure</a>
			<a href="#" class="btn btn-alumni"><i class="fa fa-user-plus"></i> Login</a>
			<a href="gallery.html" class="btn btn-login"><i class="fa fa-picture-o" aria-hidden="true"></i> Gallery</a>
		  </div>
        </div>                                                  
                
      </div><!--/ row -->
    </div>
  </section>
  
  <div class="menu-head">             
    <div class="container">
		  
      <nav class="navbar navbar-default">
	    <div class="phn-detail">
		    <ul>
			  <li><a href="tel:+91-98171-65105"><i class="fa fa fa-phone"></i> +91-98171-65105</a></li>
              <li><a href="mailto: Kanchanmalhotra76@gmail.com"><i class="fa fa-envelope-o"></i> Kanchanmalhotra76@gmail.com</a></li>
              <!--li><a href="#"><i class="fa fa-handshake-o"></i> Contact Us</a></li-->
            </ul>
		  </div>
		  
        <div class="navbar-header">
		            <a class="navbar-brand nav-logo" 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="history.html">History</a></li>
				<li><a href="infrastructure.html">infrastructure</a></li>
				<li><a href="our-affiliation.html">Our Affiliations</a></li>
				<li><a href="academic.html">Academic</a></li>
			  </ul>
            </li>
			<li><a href="facilities.html">Facilities</a></li>
			<li class="li-arrow"><a href="admission.html">Admission</a>
			  <ul class="sub-menu">
				<li><a href="rules.html">rules & regulations</a></li>
				<li><a href="faculty.html">faculty</a></li>
				
              </ul>
            </li>
			<li><a href="achievement.html">Achievements</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li><a href="#" class="hidden">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 class="sub-drop has-children">
				<a href="about-us.html" data-id="1">About us</a>
				<ul class="sub-menu sub-menu-li1">
				<li><a href="history.html">History</a></li>
				<li><a href="infrastructure.html">infrastructure</a></li>
				<li><a href="our-affiliation.html">Our Affiliations</a></li>
				<li><a href="academic.html">Academic</a></li>
			  </ul>
            </li>
			<li><a href="facilities.html">Facilities</a></li>
			<li class="li-arrow"><a href="admission.html">Admission</a>
			  <ul class="sub-menu">
				<li><a href="rules.html">rules & regulations</a></li>
				<li><a href="faculty.html">faculty</a></li>
				
              </ul>
            </li>
			<li><a href="achievement.html">Achievements</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li><a href="#" class="hidden">Contact Us</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 -->             
</section><!--/ banner -->

<section class="about-text">
  <div class="container-fluid about-tag">
  <div class="container">
    <div class="row">  
	  
	  <div class="col-sm-12">
	    <div class="tag-grid">
		  <h4>Saraswati Vidya Mandir</h4>
		</div>	  
      </div>
	  
	  <div class="col-sm-4 about-col">
	    <div class="Apply-btn"><p><a href="#" class="btn"><span><i class="fa fa-user-plus"></i></span>Admission</a></p></div>	  
      </div>
	  
	  <div class="col-sm-4 about-col">
	    <div class="Apply-btn"><p><a href="#" class="btn"><span><i class="fa fa-newspaper-o" aria-hidden="true"></i></span>Prospectus</a></p></div>	  
      </div>
	  
	  <div class="col-sm-4 about-col">
	    <div class="Apply-btn"><p><a href="#" class="btn"><span><i class="fa fa-calendar" aria-hidden="true"></i></span>Event Calendar</a></p></div>	  
      </div>
	  
	  <div class="col-sm-4 about-col">
	    <div class="Apply-btn"><p><a href="#" class="btn"><span><i class="fa fa-sign-in" aria-hidden="true"></i></span>Login</a></p></div>	  
      </div>  
	  
    </div>
    </div>
  </div>
  
  <div class="container">
    <div class="row">          
	
	  <div class="col-sm-8 about-left">
	    <div class="about-padd">
		  <h3>Welcome to <span>Saraswati Vidya Mandir</span></h3>
		  <!--div class="tag-line"><p>“Real Education has to draw out the best from the students to be educated” <span>Mahatma Gandhi Ji</span></p></div-->
		  <figure><img src="images/about.jpg" alt="img"></figure>
		  <p>Arun Saraswati Vidya Mandir is a Co-educational school that offers instruction in both Hindi and English mediums. It is a Public School committed to being inclusive, welcoming individuals from all backgrounds, regardless of caste, creed, color, or religion. The school operates under a strictly secular ethos. Affiliated with the Himachal Pradesh Board of School Education, it strives to promote quality education.</p>
		  <p>At Arun Saraswati Vidya Mandir, the hallmark is innovation. Our approach to learning involves hands-on experiences, encompassing activities such as problem-solving, critical thinking, discussions, reading, interactive play, sharing, and role-playing. This dynamic approach transforms learning into a delightful journey. The educational philosophy of the school centers around experiential learning, which engages students in practical applications of knowledge.</p>
		  <p>Our primary goal is to challenge students to delve into novel concepts and refine their abilities and competencies. Equipped with advanced and modern laboratories, our students are encouraged to question, explore, analyze, formulate hypotheses, and derive conclusions, fostering a scientific mindset.</p>
		  <p><a href="#" class="btn">View More</a></p>
        </div><!--/ col-sm -->
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-4 about-right">
	    <div class="notice-board">
	      <h3>school<span> Toppers</span></h3>
		    <div class="news-box">
			  <marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="3" height="417px;">
			    <ul>
				  <li><img src="images/center-02.png"> <h5>GYatri<span>class: 10th</span></h5><p>percentage: 89.8%</p></li>
				  <li><img src="images/center-02.png"> <h5>GYatri<span>class: 10th</span></h5><p>percentage: 89.8%</p></li>
				  <li><img src="images/center-02.png"> <h5>GYatri<span>class: 10th</span></h5><p>percentage: 89.8%</p></li>
				  <li><img src="images/center-02.png"> <h5>GYatri<span>class: 10th</span></h5><p>percentage: 89.8%</p></li>
				  <li><img src="images/center-02.png"> <h5>GYatri<span>class: 10th</span></h5><p>percentage: 89.8%</p></li>
				  <li><img src="images/center-02.png"> <h5>GYatri<span>class: 10th</span></h5><p>percentage: 89.8%</p></li>
				  <li><img src="images/center-02.png"> <h5>GYatri<span>class: 10th</span></h5><p>percentage: 89.8%</p></li>
				</ul>
			  </marquee>
	        </div><!--/ -->
	    </div>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-text --> 

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-6 grid-left pull-right">
		<div id="owl-demo-2">
		  <div class="item">
		    <figure><img src="images/icon-08.png" alt="Image"></figure>
			<h3>Parent's feedback....</h3>  		  
		    <p>Arun Saraswati Vidya Mandir School has exceeded my expectations as a parent. The school's bilingual approach has helped my child become proficient in both Hindi and English.</p>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Shiv Raj Sharma</h4>
			  <div class="author-rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
			</div>
		  </div>
		  
		  <div class="item">
		    <figure><img src="images/icon-08.png" alt="Image"></figure>
			<h3>Parent's feedback....</h3>  		  
		    <p>As a parent, I am extremely satisfied with Arun Saraswati Vidya Mandir School. The school's commitment to providing a well-rounded education is truly commendable. My child has not only excelled academically but has also developed crucial life skills through their emphasis on experiential learning. </p>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Rohit Chandel</h4>
			  <div class="author-rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
			</div>
		  </div>
		  
		  <div class="item">
		    <figure><img src="images/icon-08.png" alt="Image"></figure>
			<h3>Parent's feedback....</h3>  		  
		    <p>"Enrolling our child at Arun Saraswati Vidya Mandir was a fantastic decision. The school's commitment to experiential learning has truly made a difference in my child's education. The hands-on approach has ignited their curiosity and creativity."</p>
			<div class="testmonial-author">
			  <img src="images/author.jpg" alt="">
			  <h4>Nishant Soni</h4>
			  <div class="author-rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
			</div>
		  </div>
		  
		</div>
      </div><!--/ grid-left -->
	  
	  <div class="col-sm-6 grid-right">
	    <div class="counter-sec counter">
		  <div class="row">
		  
		    <div class="col-sm-12 counter-left">
			  <h3>Campus Achievements</h3>
			</div>
			
			<div class="col-sm-6 counter-col">
			  <div class="counter-box">
			    <div class="counter-inline"><img src="images/counter-01.png" alt="Image"> <span class="counter-count">40</span><span>+</span></div>
			    <p class="employee-p">Brilliant <br>Teachers</p>
			  </div>
			</div>
			
			<div class="col-sm-6 counter-col">
			  <div class="counter-box">
			    <div class="counter-inline"><img src="images/counter-02.png" alt="Image"> <span class="counter-count">1475</span><span>+</span></div>
				<p class="employee-p">Student's <br>Strength</p>
			  </div>
			</div>
			
			<div class="col-sm-6 counter-col">
		      <div class="counter-box">
		        <div class="counter-inline"><img src="images/counter-03.png" alt="Image"> <span class="counter-count">4000</span><span>+</span></div>
		        <p class="employee-p">Library<br>Books</p>
              </div>
            </div>
	  
	        <div class="col-sm-6 counter-col">
		      <div class="counter-box">
		        <div class="counter-inline"><img src="images/counter-04.png" alt="Image"> <span class="counter-count">44</span><span>+</span></div>
		        <p class="employee-p">Spacious<br>Classroom</p>
              </div>
            </div>
         
          </div><!--/ row -->	
        </div><!--/ counter -->	
	  </div><!--/ grid-right -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->      

<section class="facilitie-sec">
  <div class="container">                 
    <div class="row">
	  
	  <div class="col-sm-12"><h3>Our <span>Facilities</span></h3></div>
	  
	  <div class="col-sm-12 pad-0">
		<div id="owl-demo">
		
		  <div class="item">
			<div class="facilitie-col">
			  <div class="grid-box">
			    <figure><img src="images/img-01.jpg"></figure>
				<h4>Activity room</h4>
				<p>The school activity room at Arun Saraswati Vidya Mandir is a vibrant and dynamic space designed to engage students in various enriching experiences beyond traditional classroom settings.</p>
				<p><a href="#" class="btn">View More</a></p>
			  </div>
	        </div><!--/ col -->
	      </div><!--/ item -->
		  
		  <div class="item">
			<div class="facilitie-col">
			  <div class="grid-box">
			    <figure><img src="images/img-02.jpg"></figure>
				<h4>Smart Classroom</h4>
				<p>A smart classroom at Arun Saraswati Vidya Mandir is an advanced and technology-rich learning environment that integrates modern educational tools and digital resources to enhance the teaching and learning experience. </p>
				<p><a href="#" class="btn">View More</a></p>
			  </div>
	        </div><!--/ col -->
	      </div><!--/ item -->
		  
		  <div class="item">
			<div class="facilitie-col">
			  <div class="grid-box">
			    <figure><img src="images/img-03.jpg"></figure>
				<h4>Library</h4>
				<p>The library at Arun Saraswati Vidya Mandir is a treasure of knowledge & serves as a hub for intellectual exploration, research, reading, and fostering a lifelong love for learning. </p>
				<p><a href="#" class="btn">View More</a></p>
			  </div>
	        </div><!--/ col -->
	      </div><!--/ item -->
		  
		  <div class="item">
			<div class="facilitie-col">
			  <div class="grid-box">
			    <figure><img src="images/img-04.jpg"></figure>
				<h4>School's Lab</h4>
				<p>At Arun Saraswati Vidya Mandir, the school is equipped with state-of-the-art laboratories that facilitate hands-on learning, experimentation, and exploration across various subjects. </p>
				<p><a href="#" class="btn">View More</a></p>
			  </div>
	        </div><!--/ col -->
	      </div><!--/ item -->
		  
		  <div class="item">
			<div class="facilitie-col">
			  <div class="grid-box">
			    <figure><img src="images/img-05.jpg"></figure>
				<h4>Transportation</h4>
				<p>Arun Saraswati Vidya Mandir  provides transportation services that are designed to meet convenience, reliability, and peace of mind to parents and guardians.</p>
				<p><a href="#" class="btn">View More</a></p>
			  </div>
	        </div><!--/ col -->
	      </div><!--/ item -->
		  
		  <div class="item">
			<div class="facilitie-col">
			  <div class="grid-box">
			    <figure><img src="images/img-06.jpg"></figure>
				<h4>Sports</h4>
				<p>Sports play a crucial role in the holistic development of students at Arun Saraswati Vidya Mandir. We believe in the physical, mental, and social benefits that sports and physical activities provide.</p>
				<p><a href="#" class="btn">View More</a></p>
			  </div>
	        </div><!--/ col -->
	      </div><!--/ item -->
		  
		  <div class="item">
			<div class="facilitie-col">
			  <div class="grid-box">
			    <figure><img src="images/img-07.jpg"></figure>
				<h4>Medical Camps</h4>
				<p>Arun Saraswati Vidya Mandir recognizes the importance of the health to ensure that students and their families have access to essential healthcare services, we organize regular medical camps. </p>
				<p><a href="#" class="btn">View More</a></p>
			  </div>
	        </div><!--/ col -->
	      </div><!--/ item -->
		
	    </div><!--/ owl-demo -->
	  </div><!--/ col -->
	
    </div><!--/ row --> 
  </div>
</section><!--/ facilitie-sec -->

<section class="list-grid">
  <div class="container">                 
    <div class="row">
	  
	  <div class="col-sm-12 left-grid">
	    <div class="news-list">
  	      <h3>Events</h3>
		  <div class="news-col">
		    <div class="col-sm-4">
		      <div class="news-box">
			    <figure><img src="images/blog-01.jpg" alt="image"><div class="date">February 15, 2020 <span>IIT Ropar</span></div></figure>
			    <div class="news-overflow">
				  <h4>Debates and Quiz Competitions:</h4>
			      <p>These events are designed to foster critical thinking, communication skills, teamwork, and healthy competition among students. </p>
			      <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
	            </div>
	          </div><!--/ -->
			  
			  <div class="news-box">
			    <figure><img src="images/blog-02.jpg" alt="image"><div class="date">December 16, 2019. <span>IIT Ropar</span></div></figure>
			    <h4>Festivals Celebrations:</h4>
			    <p>We recognize the importance of diverse cultural traditions and believe that celebrating festivals respect for different cultures, and a sense of belonging within our school community</p>
			    <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
	          </div><!--/ -->
	        </div><!--/ -->
			
			<div class="col-sm-4">
		      <div class="news-box">
			    <figure><img src="images/blog-03.jpg" alt="image"><div class="date">February 15, 2020 <span>IIT Ropar</span></div></figure>
			    <div class="news-overflow">
				  <h4>Independence Day / Republic Day:</h4>
			      <p>At Arun Saraswati Vidya Mandir, Independence Day and Republic Day are celebrated with great enthusiasm and patriotism. </p>
			      <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
	            </div>
	          </div><!--/ -->
			  
			  <div class="news-box">
			    <figure><img src="images/blog-01.jpg" alt="image"><div class="date">December 16, 2019. <span>IIT Ropar</span></div></figure>
			    <h4>Annual Day / Cultural Day:</h4>
			    <p>The Annual Day and Cultural Day celebrations at Arun Saraswati Vidya Mandir are much-awaited events that showcase the vibrant talents, cultural diversity, and creativity of our students.</p>
			    <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
	          </div><!--/ -->
	        </div><!--/ -->
			
			<div class="col-sm-4">
				<div class="news-box">
				  <figure><img src="images/blog-03.jpg" alt="image"><div class="date">February 15, 2020 <span>IIT Ropar</span></div></figure>
				  <div class="news-overflow">
					<h4>Art and Craft Exhibitions:</h4>
					<p>These exhibitions provide students with a platform to display their artistic endeavors, foster a sense of self-expression</p>
					<p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
				  </div>
				</div><!--/ -->
				
				<div class="news-box">
				  <figure><img src="images/blog-01.jpg" alt="image"><div class="date">December 16, 2019. <span>IIT Ropar</span></div></figure>
				  <h4>Sports meet:</h4>
				  <p>Arun Saraswati Vidya Mandir is an exhilarating and energetic event that celebrates the spirit of sportsmanship, teamwork, and healthy competition among our students.</p>
				  <p><a href="grievance-redressal-cell.html" class="btn">Read More</a></p>
				</div><!--/ -->
			  </div><!--/ -->

	      </div><!--/ col -->
		  
	    </div><!--/ news-list -->
	  </div><!--/ left-grid -->
	  
	 
    </div><!--/ row --> 
  </div>
</section><!--/ list-grid -->

<section class="gallery-sec">
  <div class="container">
  
    <div class="row">
	  <div class="col-sm-12">
	    <h3>Photo Gallery</h3>
      </div>
	</div>
	
	<div class="row">
	  <div class="col-sm-12">
	    <div class="portfolio-menu">
            <ul>
               <li class="btn btn-outline-dark active" data-filter="*">All</li>
               <li class="btn btn-outline-dark" data-filter=".Awards">Awards</li>
               <li class="btn btn-outline-dark" data-filter=".Lab">School's Lab</li>
               <li class="btn btn-outline-dark text" data-filter=".Function">Annual Functions</li>
               <li class="btn btn-outline-dark text" data-filter=".Library">Library</li>
               <li class="btn btn-outline-dark text" data-filter=".Playground">Playground</li>
            </ul>
         </div>
      </div>
	</div>
	
	<div class="portfolio-item row">	  
	  <div class="item Awards col-lg-3 col-md-4 col-6 col-sm">
	    <a href="images/Awards/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Awards/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Awards</h3>
		  </div>
        </a>
      </div>
	  
	  <div class="item Awards col-lg-3 col-md-4 col-6 col-sm">
	    <a href="images/Awards/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
		  <img class="img-fluid" src="images/Awards/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Awards</h3>
		  </div>
        </a>
      </div>
	  <!--/ Awards end -->
	  
	  <div class="item Lab col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/School's Lab/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/School's Lab/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>School's Lab</h3>
		  </div>
        </a>
      </div>
	  <!--/ Technical end -->
	  
	  <div class="item Function col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Annual function/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Annual function/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Annual function</h3>
		  </div>
        </a>
      </div>
	  <!--/ Consultancy end -->  
	  
	  <div class="item Library col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Library/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Library/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Library</h3>
		  </div>
        </a>
      </div> 
	  
	  <div class="item Library col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Library/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Library/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Library</h3>
		  </div>
        </a>
      </div>  
	  <!--/ Workshop end --> 
	  
	  <div class="item Playground col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/playground/01.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/playground/01.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Playground</h3>
		  </div>
        </a>
      </div>
	  
	  <div class="item Playground col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/playground/02.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/playground/02.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Playground</h3>
		  </div>
        </a>
      </div>
	  <!--<div class="item Trainings col-lg-3 col-md-4 col-6 col-sm">
        <a href="images/Trainings/03.jpg" class="fancylight popup-btn" data-fancybox-group="light">
          <img class="img-fluid" src="images/Trainings/03.jpg" alt="">
		  <div class="recet-work-footer">
		    <i class="fa fa-photo" aria-hidden="true"></i>
            <h3>Playground</h3>
		  </div>
        </a>
      </div>-->
	  <!--/ Workshop 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="back-to-top"><a href="#Home" class="BackTo scroll" id="scrollToHeader" ><i class="fa fa-chevron-up"  aria-hidden="true"></i></a></div>
  <div class="container">
    <div class="row row1">
	  
	  <div class="col-sm-8 footer-right">
        <div class="row">
		
          <div class="col-sm-12">
            <div class="wg-1">
              <h4>Quick Links</h4>           	  		
		      <ul class="pdf-ul">
		        <li><a href="#">Home</a></li>
			    <li><a href="#">About Us</a></li>
			    <li><a href="#">Services</a></li>
			    <li><a href="#">Facilities</a></li>
				<li><a href="#">Activities</a></li>
				<li><a href="#">Our Affiliations</a></li>
				<li><a href="#">Gallery</a></li>
				<li><a href="#">Contact Us</a></li>
				<li><a href="#">Rules & regulations</a></li>
		      </ul>  
		    </div>
		  </div>
		
		  
		  <div class="clearfix"></div>
		  
		  <div class="col-sm-12">
            <div class="wg-1">
		      <div class="icon-ft">
		        <div class="row">
		          <div class="col-sm-6"><h5>View more</h5></div>
				  
				  <div class="col-sm-6">
				    <div class="icon-padd text-right">
		              <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-linkedin"></i></a>
				      <a href="#" target="_blank"><i class="fa fa-google-plus"></i></a> 			
		            </div>		       		  	 
		          </div>		       		  	 
		        </div>		       		  	 
		      </div>		       		  	 
		    </div>
          </div><!--/ col-sm-12 -->  
		  
		</div><!--/ row -->
      </div><!--/ footer-right --> 

	  <div class="col-sm-4 footer-left">
        <div class="wg-1 mrb-0">
		  <div class="Newsletter">
		    <div class="Newsletter-padd">
		      <h4>Our Mission</h4>
              <p>Our school prides itself on its dedication to academic excellence, character development, and fostering a nurturing and inclusive environment.</p>
		    </div>	  
		  </div><!--/ Newsletter -->	  
		</div>
      </div><!--/ footer-left --> 
       
    </div><!--/ row --> 
	
	<div class="row footer-row">
	
	  <div class="col-sm-4 detail-col">
	    <div class="detail-box">
		  <div class="detail-i"><i class="fa fa-envelope-o" aria-hidden="true"></i></div>
		  <div class="detail-text">
			<p>Email us at:</p>
		    <h2><a href="mailto: Kanchanmalhotra76@gmail.com"> Kanchanmalhotra76@gmail.com</a></h2>
			
		  </div>	
		</div>
	  </div><!--/ detail-col --> 
	 
	  <div class="col-sm-4 detail-col">
	    <div class="detail-box">
		  <div class="detail-i"><i class="fa fa fa-phone" aria-hidden="true"></i></div>
		  <div class="detail-text">
			<p>Call Us Now:</p>
		    <h2><a href="tel: +91-98171-65105"> +91-98171-65105</a></h2>
			
		  </div>	
		</div>
	  </div><!--/ detail-col --> 
	  
	  <div class="col-sm-4 detail-col">
	    <div class="detail-box">
		  <div class="detail-i"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
		  <div class="detail-text">
		    <h2>Arun Saraswati Vidya Mandir, Mandi</h2>
			<!--p>Get Direction</p-->
		  </div>	
		</div>
	  </div><!--/ detail-col --> 
	
    </div><!--/ row --> 
  </div><!--/ container -->   
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-6"><p>Copyright  © 2023 All Rights Reserved. Arun Saraswati Vidya Mandir, Mandi</p></div>	
		
		<div class="col-sm-6">
		  <p class="text-right">Website Designed by <a target="_blank" href="https://htlogics.com/">H T Logics Private Limited</a></p>
		</div>	
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>
  
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script> 
<script src="js/script.js"></script>    
<script src="js/owl.carousel.js"></script>    
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

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

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

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
<script>
	function openNav() {
	  document.getElementById("myOffcanvas").classList.add("open");
	}
	
	function closeNav() {
	  document.getElementById("myOffcanvas").classList.remove("open");
	}	
	</script>
	<script>
		if ($(window).width() < 770){
		$('.has-children > a').after('<span><i class="fa fa-angle-right" aria-hidden="true"></i></span>');
		 $('.sub-menu').css("display","none");
		}
		$('.has-children > span').click(function(e){
		 e.preventDefault();
		console.log(e.target);
		
		 //var id=$(this).attr('data-id');
		console.log("test");
		if ( $(this).siblings(".sub-menu").is(':visible')) {
		$(this).siblings(".sub-menu").hide();
		 }else{
		 $(this).siblings(".sub-menu").show();
		 }
		 });
		</script>
	 <script>
		document.addEventListener('DOMContentLoaded', function () {
	 const scrollToHeaderButton = document.getElementById('scrollToHeader');
	 const header = document.querySelector('header');
	 scrollToHeaderButton.addEventListener('click', function (e) {
	  e.preventDefault();
	  console.log('working');
	header.scrollIntoView({ behavior: 'smooth' }); });
	});
		</script>
		
	
</body>
</html>