HOME

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

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

	 <!-- Owl Carousel Assets -->
    <link href="css/owl.carousel.css" rel="stylesheet">
    <link href="css/owl.theme.css" rel="stylesheet">
	
    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" media="all">    
    <!--If you want to change #bootstrap-touch-slider id then you have to change Carousel-indicators and Carousel-Control  #bootstrap-touch-slider slide as well
        Slide effect: slide, fade
        Text Align: slide_style_center, slide_style_left, slide_style_right
        Add Text Animation: https://daneden.github.io/animate.css/
        -->


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

<script>
$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.header').addClass("sticky");
    }
    else{
        $('.header').removeClass("sticky");
    }
});

$(window).scroll(function() {
    if ($(this).scrollTop() > 20){  
        $('.back-to-top').addClass("scroll");
    }
    else{
        $('.back-to-top').removeClass("scroll");
    }
});
</script>
    
</head>
<body>
<header class="header" id="Home"> 
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-8 head-left">
		  <ul>
            <li><a href="tel:9805028611"><i class="fa fa-phone" aria-hidden="true"></i> +91 9805028611</a></li>
            <li><a href="mailto:svmseribanglow@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>svmseribanglow@gmail.com</a></li>
          </ul>	           
        </div> 
	  
	    <div class="col-sm-4 head-right">
		  <div class="icon-top">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
          </div>		           
        </div>	
                
      </div><!--/ row -->
    </div>
  </section>
   
  <div class="menu-head">             
    <div class="container">
      <nav class="navbar navbar-default">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Menu</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          </button>
		  
          <a class="navbar-brand nav-logo" href="#">
		    <img class="logo-fix" src="images/shiksha-logo.png" alt="image" />
			<h1>Sarswati Vidya Mandir Seri Banglow <small> Tehsil-Karsog Distt-Mandi H.P Pin 175011</small></h1>
		  </a>
		  
        </div>
        
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
		    <li><a href="index.html">Home</a></li>
			<li><a href="about-us.html">About Us</a></li>
			<li><a href="faculty.html">Faculty</a></li>
			<li><a href="admission.html">Admission</a></li>
			<li><a href="facilities.html">Facilities</a></li>
			<li><a href="Gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="parental.html">Parental Cooperation</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
	  
    </div><!--/ 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><!--/ 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>Sarswati Vidya Mandir High School<span> Activities</span></h3>
<p>1. <b>Sports Teams:</b> Schools often have sports teams that compete against other schools in various sports like1. basketball, soccer, football, volleyball, track and field, etc. These activities promote physical fitness, teamwork, and discipline.</p>

<p>2. <b>Clubs and Societies:</b> Schools typically offer clubs and societies focused on different interests, such as debate, drama, music, chess, coding, science, art, and more. These clubs provide students with opportunities to explore their passions and develop skills outside of the regular curriculum.</p>

<p>3. <b>Field Trips:</b> Educational outings to museums, historical sites, science centers, nature reserves, or other locations can enhance students' learning experiences and make education more engaging.</p>

<p>4. <b>Community Service:</b> Schools often organize community service activities to instill a sense of social responsibility and empathy in students. This might include volunteering at local charities or participating in environmental initiatives.</p>

<p>5. <b>Cultural Celebrations:</b> Events like cultural fairs, international days, or heritage weeks can celebrate diversity within the school community and promote cultural understanding.</p>

<p>6. <b>Competitions and Contests:</b> Schools may organize academic competitions, spelling bees, science fairs, math Olympiads, or sports tournaments to challenge students and recognize their achievements.</p>

<p>7. <b>Assemblies and Performances:</b> School assemblies provide opportunities for students to showcase their talents through performances, presentations, or guest speakers on various topics.</p>
	  </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 -->
  
<footer class="footer">
  
  <div class="back-to-top scroll"><a href="#Home" class="BackTo scroll"><i class="fa fa-angle-double-up" aria-hidden="true"></i></a></div>
   <script>
$(document).ready(function(){
 let scroll_link = $('.scroll');

  //smooth scrolling -----------------------
  scroll_link.click(function(e){
      e.preventDefault();
      let url = $('body').find($(this).attr('href')).offset().top;
      $('html, body').animate({
        scrollTop : url
      },700);
      $(this).parent().addClass('active');
      $(this).parent().siblings().removeClass('active');
      return false;	
   });
});
</script>
  
  <div class="container">    
    <div class="row">
	
	  <div class="col-sm-4 ft1">
      <div class="wg-1">
        <div class="ft-logo">
          <a class="navbar-brand nav-logo" href="#"><img src="images/shiksha-logo.png" alt="image">
          <h1>S.V.M. Bara Bhuin Bhunter <small><br>Teh. Distt-Kullu
            Himanchal Pradesh Pin Code. 172026</small></h1>
        </a>
      </div>
		  <div class="icon-ft">
            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
            <a href="#" target="_blank"><i class="fa fa-instagram"></i></a>
            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
          </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->

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

	  <div class="col-sm-3 ft3">
        <div class="wg-1">
          <h4>Contact us</h4>		          	  		
		  <address>
		    <i class="fa fa-map-marker" aria-hidden="true"></i>
			<div><p>Saraswati vidya mandir gian deep parisar High School kamlanagar Tehsil-Karsog Distt-Mandi H.P Pin 175011</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:9805028611">+91 9805028611</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:svmseribanglow@gmail.com">svmseribanglow@gmail.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 ft4">
	  <h4>Quick Links</h4>
        <ul>
            <li><a href="#"> Himanchal Siksha Samiti</a></li>
			<li><a href="#">Him Saral Software</a></li>
			<li><a href="#">H.T.Logics.Pvt.Ltd</a></li>
			<li><a href="#">Prasham Computer</a></li>
          </ul><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
           
    </div><!-- row -->            
  </div><!--/ container -->     
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
	  
		<div class="col-sm-6"><p class="copyright">©Copyright 2023 All Rights reserved by Sarswati Vidya Mandir Seri banglow.</p></div>
		
		<div class="col-sm-6">
		  <p class="text-right">Website Designed by <a href="http://htlogics.com/" target="_blank">H T Logics PVT. LTD</a></p>
		</div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
</footer>

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>      
<script src="js/script.js"></script>    
<script src="js/owl.carousel.js"></script>    
<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

<script>
$('.counter-count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 5000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
</script>

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

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

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

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