HOME

Mini Shell 1.0
Current File : /home/svmschools.org/www/burua/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>Saraswati Vidya Mandir Burua</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
	<link rel="stylesheet" href="dist/aos.css" />

    <!-- Custom CSS -->
    <link href="style.css" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;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/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></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>
jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.header').addClass("sticky");
    }
    else{
        jQuery('.header').removeClass("sticky");
    }
});

jQuery(window).scroll(function() {
    if (jQuery(this).scrollTop() > 20){  
        jQuery('.back-to-top').addClass("scroll");
    }
    else{
        jQuery('.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-8 head-left">
				<ul>
				  <li><a href="tel:+91-94187-18623"><i class="fa fa-phone" aria-hidden="true"></i> <small class="hidden">Call Us</small><span>+91-94187-18623</span></a></li>
				  <li><a href="mailto:svmburua2014@rediffmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i> <small class="hidden">Email Us</small><span>svmburua2014@rediffmail.com</span></a></li>
				</ul>
			  </div>			
			  <div class="col-sm-4 head-right">						  
				<div class="icon-top">
				  <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
				  <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
				  <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
				  <a href="#" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i>
				</div>		           
			  </div>						  
			</div><!--/ row -->
		  </div>
		</section>		
		<div class="menu-head">             
		  <div class="container">	 		
			<nav class="navbar navbar-expand-lg">
			  <div class="container-fluid">
				<a class="navbar-brand" href="#"><img src="images/logo.png" alt=""></a>
			<button class="openbtn" onclick="openNav()">&#9776;</button>				
				<div class="collapse navbar-collapse" id="navbarSupportedContent">
				  <ul class="navbar-nav">
					<li><a href="index.html">Home</a></li>
					<li class="sub-drop"><a href="about.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="vision.html">Vision & Mission</a></li>						
					  </ul>
					</li>
					<li><a href="faculty.html">Faculty</a></li>
					<li><a href="admission.html">Admission</a></li>
					<li><a href="activities.html">Activities</a></li>
					<li><a href="facilities.html">Facilities</a></li>
					<li><a href="rules.html">Rules</a></li>
					<li><a href="gallery.html">Gallery</a></li>
					<li><a href="contact-us.html">Contact Us</a></li>
					</ul>		  
				</div>
			  </div>
			</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="navbar-nav">
			  <li><a href="index.html">Home</a></li>
		  
			  <li class="sub-drop has-children"><a href="about.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="vision.html">Vision & Mission</a></li>				
				</ul>
			  </li>
			  <li><a href="faculty.html">Faculty</a></li>
			  <li><a href="admission.html">Admission</a></li>
			  <li><a href="activities.html">Activities</a></li>
			  <li><a href="facilities.html">Facilities</a></li>
			  <li><a href="rules.html">Rules</a></li>
			  <li><a href="gallery.html">Gallery</a></li>
			  <li><a href="contact-us.html">Contact Us</a></li>	
			  </ul>		
			</div>
			</div>			
		  </div><!--/ menu-head -->           
		</div><!--/ container -->
	  </header>
<section class="banner-inner">
  <div class="textblock">
    <div class="block">
      <div class="container">

        <div class="page-title">
          <div class="holder"> <h1>Activities</h1></div>
        </div>       
        <ol class="breadcrumb text-capitalize">
          <li><a href="#"><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>
    </div>
  </div>
</section>
<section class="mid-inner">
  <div class="container">    
    <div class="row">
    <div class="col-sm-8">
        <h4>School Activities</h4>
        <p>School activities encompass a diverse array of extracurricular and co-curricular pursuits that extend beyond the classroom. These activities play a pivotal role in a student's holistic development, fostering skills, interests, and social bonds. From clubs and sports teams to cultural events and community service initiatives, schools offer a wide range of options for students to explore their passions and talents. Participation in such activities not only enhances academic learning but also promotes teamwork, leadership, time management, and personal growth. Moreover, they provide opportunities for students to engage with their peers, develop a sense of belonging, and contribute positively to their school and community. Whether it's joining a debate club, participating in a science fair, playing on a sports team, or volunteering for a local charity, school activities empower students to enrich their educational journey and build well-rounded life skills.</p>
      <p></p> 
      </div>
    <div class="col-sm-4 right-sidebar">
		<div class="widget1">
		  <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 class="widget">
          <div class="widget-padd">
            <h5 style="font-size: 18px;line-height: 28px;font-weight: 500;margin: 25px auto;">Have any question in your mind feel free contact with us</h5>
           <div class="call-us"><span>Have Any enquiry? </span><a href="tel:+91-94187-18623"><i class="fa fa-headphones"></i>+91-94187-18623</a> <span class="menu-divider"></span></div>
          </div> 
        </div><!--/ Newsletter -->  
      
  </div>
  </div>
  </div>
</section>

<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>
    <script>
  document.addEventListener('DOMContentLoaded', function () {
 const scrollToHeaderButton = document.getElementById('scrollToHeader');
 const header = document.querySelector('header');

 scrollToHeaderButton.addEventListener('click', function () {
 header.scrollIntoView({ behavior: 'smooth' });
 });
});
  </script>
 <div class="container"> 
   <div class="row">
     <div class="col-sm-4 footer-left">
       <div class="wg-1">
         <div class="ft-logo"><a href="#"><img src="images/logo-ft.png" alt="image"></a></div>
     <p>The school aims to offer its students the latest advancements in the field of education. It will ensure that its academic programs remain current and challenging.</p>
     <!--address>
       <i class="fa fa-clock-o" aria-hidden="true"></i>
     <div class="mrg-t-5"><p>Mon - Sat: 9AM to 6PM <br>All Sunday Off</p></div>
     </address-->
     
       </div><!--/ wg-1 -->
     </div><!--/ col-sm-3 -->
 
   <div class="col-sm-8 footer-right">
     <div class="row">
     
        <div class="col-sm-4">
            <div class="wg-1">
            <h4>Quick Links</h4>
            <ul>
              <li><a href="index.html">Home</a></li>
            <li><a href="about.html">About Us</a></li>
              <li><a href="infrastructure.html">Infrastructure</a></li>
              <li><a href="admission.html">Admission</a></li>
              <li><a href="vision.html">Mission & Values</a></li>
              <li><a href="contact-us.html">Contact Us</a></li>
            </ul>
          </div>
          </div><!--/ col-sm -->
          
          <div class="col-sm-4">
            <div class="wg-1">
            <h4>Our Services</h4>
            <ul>
              <li><a href="activities.html">Activities</a></li>
            <li><a href="facilities.html">Facilities</a></li>
            <li><a href="message.html">Message</a></li>
            <li><a href="gallery.html">Gallery</a></li>
            </ul>
          </div><!--/ wg-1 -->
          </div><!--/ col-sm --> 
          
     
     <div class="col-sm-4">
       <div class="wg-1">
             <h4>Contact us</h4>		          	  		
         <address>
         <i class="fa fa-map-marker" aria-hidden="true"></i>
         <div><p>Address : SARSWATI VIDYA MANDIR HIGH SCHOOL BURUA
         MANALI DISTT. KULLU (H.P.) Pin. Code. 175143</p></div>
       </address>
       
       <address>
         <i class="fa fa-phone" aria-hidden="true"></i>
         <div><p><a href="tel:+91-94187-18623">+91-94187-18623</a></p></div>
       </address>
       
       <address>
         <i class="fa fa-envelope" aria-hidden="true"></i>
         <div><p><a href="mailto: svmburua2014@rediffmail.com">svmburua2014@rediffmail.com</a></p></div>
       </address>		       		  	 
           </div>
     </div><!--/ col-sm --> 
          
       </div><!-- row -->            
     </div><!-- footer-right -->
   
   </div><!-- row -->            
 </div><!--/ container -->     
 
 <div class="ft-bottom">
   <div class="container">
     <div class="row">
   
   <div class="col-sm-8"><p class="copyright">Copyright © 2023 SARSWATI VIDYA MANDIR HIGH SCHOOL BURUA - Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics Pvt. Ltd.</a></p></div>
   
   <div class="col-sm-4">
     <div class="icon-ft">
           <a href="https://www.facebook.com/profile.php?id=100091929782308" target="_blank"><i class="fa fa-facebook"></i></a>
           <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
           <a href="https://www.instagram.com/timetolegal_offical/" target="_blank"><i class="fa fa-instagram"></i></a>
         </div>
     </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>
	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-plus" 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>  
</body>
<script>
  AOS.init();
</script>
</html>