HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/Silver-Line-Public-School/
Current File : /home/htlwork.com/www/dev/Silver-Line-Public-School/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>Silver Line Public School Patta</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"> 
  <section class="head-top">   
    <div class="container">
      <div class="row">
      
	    <div class="col-sm-8 head-left">
		  <ul>
            <li><a href="tel:9876543210"><i class="fa fa-phone" aria-hidden="true"></i> +91 9876543210</a></li>
            <li><a href="mailto:info@silverline.com"><i class="fa fa-envelope-o" aria-hidden="true"></i>info@silverline.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/logo.png" alt="image" />
		  </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="facilities.html">Facilities</a></li>
			<li><a href="academics.html">Academics</a></li>
			<li><a href="#">Admissions</a>
			  <ul class="sub-menu">
			    <li><a href="procedure.html">Procedure</a></li>
				<li><a href="download-form.html">Download Form</a></li>
				<li><a href="rule&regulation.html">Rule &amp; Regulation</a></li>
			  </ul>
			</li>
			<li><a href="gallery.html">Gallery</a></li>
			<li><a href="activities.html">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li class="hidden"><a href="#">Online Admission</a></li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>
	  
	  <div class="Free-Consulting"><a href="#" class="btn">Online Admission</a></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>Facilities</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-12 full-wrap">
	  
        <section class="academic">
          <div class="container">
            <section class="about-sec about-page">
              <div class="row act">           
                
               
                       <div class="col-sm-6 about-right">
                         <figure class="facility">
                             <img src="././images/Press-Gallery/Photos/17.jpeg">  
                         </figure>
                       </div>
                       
                       <div class="col-sm-6 about-left">
                         <h3>Educational Tour &amp; Visits</h3>
                         <p>Educational tours and visits are organized for the students, including visits to various government offices such as the Post Office, Police Station, Bank, and Fire Station. These visits aim to develop a positive perception of these government institutions and instill good civic sense in the children. Moreover, they provide students with a better understanding of the operations of these offices, which will benefit them in the future.</p>
                        </div>
                      
                       <div class="col-sm-6 about-left">
                         <h3>Diwali Festival</h3>
                         <p>At Silver line public School, students actively participate in celebrating various occasions and festivals. Recently, the festival of Diwali was joyously celebrated on the school campus. The staff members and students joined in the festivities with great enthusiasm. The students enjoyed bursting crackers, and afterward, the school Principal distributed sweets to all the students as a part of the celebration.</p></p>
                        </div>

                       <div class="col-sm-6 about-right">
                            <figure class="facility">
                                <img src="././images/Press-Gallery/Photos/18.jpeg">  
                            </figure>
                       </div>

                       <div class="col-sm-6 about-right">
                             <figure class="facility">
                                 <img src="././images/Press-Gallery/Photos/8.jpeg"> 
                             </figure>
                       </div>

                           <div class="col-sm-6 about-left">
                             <h3>Republic Day Celebration</h3>
                             <p>India achieved its status as a Republic on January 26, 1950, and this significant day is celebrated across the nation with grandeur. Our school also joins in the fervor and celebrates this day with great enthusiasm. The school Principal hoists the national flag, marking the commencement of the celebration. The event continues with a diverse program that includes the singing of the National Anthem and captivating performances by the students, showcasing patriotic songs and dances.</p>
                           </div>
                          
                           <div class="col-sm-6 about-left">
                             <h3>Children’s Day</h3>
                             <p>The school enthusiastically celebrated Children's Day, which included a sports meet where the children actively participated in various games such as races and Kho-Kho. Children's Day is celebrated nationwide on 14th November every year to promote awareness about the rights, education, and well-being of children. This special day coincides with the birthday of Pandit Jawaharlal Nehru, the first Prime Minister of India, who had a great affection for children.</p>
                             </div>

                              <div class="col-sm-6 about-right">
                                <figure class="facility">
                                    <img src="././images/Press-Gallery/Photos/12.jpeg"> 
                                </figure>
                              </div>
                      
                              <div class="col-sm-6 about-right">
                                 <figure class="facility">
                                     <img src="././images/Press-Gallery/Photos/23.jpeg">  
                                 </figure>
                               </div>

                               <div class="col-sm-6 about-left">
                                 <h3>Christmas Celebration</h3>
                                 <p>The students joyfully celebrated Christmas, indulging in fun and merriment. A reverend from St. Mary's School graced the occasion as the chief guest and enlightened the children about the significance of this special day. Santa Claus bestowed blessings upon the children and distributed gifts among them, adding to the festive spirit. Furthermore, the school staff also distributed cakes and gifts to underprivileged children, spreading joy and cheer. The Christmas celebration not only marks the end of the year but also fosters love and harmony among individuals of diverse faiths.</p>
                               </div>	
                       
               </div><!--/ row --> 
           
             </section>
          </div>
      </section>

	  </div><!--/ full-wrap -->
      
    </div>
  </div>
</section><!--/ mid-wrap -->

<section="map">
 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3398.155921067589!2d76.61474701515267!3d31.60218708134271!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390528f55ef0562d%3A0xe3af65e84b81fa15!2sSilver%20Line%20Public%20School!5e0!3m2!1sen!2sin!4v1684569734551!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 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 href="#"><img src="images/logo.png" alt="image"></a></div>
          <p>At Silver Line Public School, we prioritize academic excellence, personal growth, and holistic development. With dedicated educators, modern facilities, and a supportive environment, we empower students with the knowledge, skills, and values for success.</p>
		  
		  <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>Quick 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</a></li>
			<li><a href="#">Gallery</a></li>
			<li><a href="#">Activities</a></li>
			<li><a href="contact-us.html">Contact Us</a></li>
			<li><a href="#">Online 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>Silver Line Public School, Patta Teh. BHoranj Distt. Hamirpur (H.P),  Pin No. 175027.</p></div>
		  </address>
		  <address>
		    <i class="fa fa-phone" aria-hidden="true"></i>
			<div><p><a href="tel:9876543210">+91 9876543210</a></p></div>
		  </address>
		  <address>
		    <i class="fa fa-envelope" aria-hidden="true"></i>
			<div><p><a href="mailto:info@silverline.com">info@silverline.com</a></p></div>
		  </address>		       		  	 
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 --> 
	  
	  <div class="col-sm-3 ft4">
        <div class="wg-1">
          <h4>Open Time</h4>		          	  		
		  <p><strong>Opening Day:</strong><br> Monday - Friday: 8am to 3pm<br> Saturday: 8am to 2pm</p>
		  <p><strong>Vacation:</strong><br> All Sunday Off</p>		       		  	 
        </div><!--/ 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 Silver Line Public School.</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>