HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/asvmmandi/activities.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-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"><h1>About Us</h1></div>
        </div><!--/ page-title -->

        <!-- breadcrumb -->
        <ol class="breadcrumb text-capitalize">
          <li><a href="index.html"><span class="fa fa-home"></span></a><a href="#" class="home"><span property="name">Home</span></a><meta property="position" content="1">&nbsp; &nbsp; + &nbsp; &nbsp;<span property="itemListElement" typeof="ListItem"><span property="name">Activities</span><meta property="position" content="2"></span></li></ol>        
      
      </div><!--/ block -->
    </div>
  </div>
</section><!--/ banner-inner -->

<section class="mid-wrap">
  <div class="container">    
    <div class="row">
      
      <div class="col-sm-8 left-sidebar">
	    <h3>Activities of the School</h3>
		<p>Our School activities contribute to the holistic growth of students, helping them develop skills, interests, and values beyond academics. For precise information about the activities offered by Arun Saraswati Vidya Mandir, it's recommended to refer to the school's official website or communication channels.</p>
	    <h4>Sports and Athletics:</h4>
<ul>
Football, basketball, cricket, volleyball, and other team sports.
Athletics events including track and field competitions.
Yoga, aerobics, and physical fitness programs.
</ul>
<h4>Cultural and Performing Arts:</h4>
<ul>
<li>Music classes for vocal and instrumental training.</li>
<li>Dance classes in various styles such as classical, folk, and contemporary.</li>
<li>Drama and theater productions, including annual plays and performances.</li>
<li>Art and craft sessions to nurture students' creative talents.</li>
</ul>
<h4>Debates and Public Speaking:</h4>
<ul>
<li>Debating clubs for enhancing communication and critical thinking skills.</li>
<li>Public speaking competitions to build confidence and eloquence.</li>
</ul>
<h4>Literary Activities:</h4>
<ul>
<li>Book clubs and reading initiatives to foster a love for literature.</li>
<li>Creative writing workshops for poetry, stories, and essays.</li>
</ul>
<h4>Science and Technology:</h4>
<ul>
	<li>Science clubs and workshops for hands-on experiments and projects.</li>
	<li>Robotics and coding classes to develop technological skills.</li>
</ul>
<h4>Environmental Initiatives:</h4>
<ul>
<li>Tree planting campaigns, eco-awareness programs, and sustainability projects.</li>
</ul>
<h4>Educational Trips:</h4>
<ul>
<li>Field trips to museums, historical sites, factories, and educational institutions.</li>
</ul>
<h4>Competitions:</h4>
<ul>
<li>Inter-school and intra-school competitions in various fields.</li>
<li>Math Olympiads, science quizzes, spelling bees, and more.</li>
</ul>
<h4>Sports Days and Annual Functions:</h4>
<ul>
<li>Annual sports events and cultural functions showcasing students' talents.</li>
</ul>
	
	  </div><!--/ left-sidebar -->
	  
	  <div class="col-sm-4 right-sidebar">		
		<div class="widget">
		  <div class="sidebar-form">
	        <h3>Quick Enquiry</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" placeholder="Your Message :"></textarea></div>
              <div class="form-group"><input name="btnsubmit" value="Submit Quiry" class="btn" type="submit"></div>
            </form>
	      </div>
	    </div><!--/ widget -->
	  </div><!--/ left-sidebar -->
      
    </div>
  </div>
</section><!--/ mid-wrap -->
<section="map">
  <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d27206.008636728657!2d76.87638907774847!3d31.530995979014182!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39051977f3c66039%3A0xe9ac00b3426cf7bb!2sSarswati%20Vidya%20Mandir%20School%20Mahadev!5e0!3m2!1sen!2sin!4v1690348869605!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"><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</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</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 : 3,
        itemsDesktop : [1199,3],
        navigation : true, 
        itemsDesktopSmall : [979,3]
      });

    });
	
	// When the DOM is ready, run this function
$(document).ready(function() {
  //Set the carousel options
  $('#quote-carousel').carousel({
    pause: true,
    interval: 4000,
  });
});
</script>
<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>