HOME

Mini Shell 1.0
DIR:/home/htlwork.com/www/dev/sarvhitkari-new/
Current File : /home/htlwork.com/www/dev/sarvhitkari-new/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>Vidya Bharti Punjab</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">
<div class="page-wrapper chiller-theme">
  <nav id="sidebar" class="sidebar-wrapper">
    <div class="sidebar-content">
	
      <div class="sidebar-brand">
        <div id="close-sidebar"><span></span></div>
      </div>

      <div class="sidebar-menu hidden">
        <ul>
		  <li class="current-menu-item"><a href="index.html">Home</a></li>
		  <li><a href="#">Company</a></li>
		  
          <li class="sidebar-dropdown">
            <a>Services</a>
            <ul class="sub-menu">
			  <li><a href="#">Air Freight</a></li>
			  <li><a href="#">Sea Freight</a></li>
			  <li><a href="#">Surface Transport</a></li>
			  <li><a href="#">Break Bulk &amp; Project Cargo</a></li>
			  <li><a href="#">Consumer Electronics Logistics</a></li>
			</ul>
          </li>
		  
		  <li><a href="#">Warehousing</a></li>
		  <li><a href="#">Awards & Accolades</a></li>
		  <li><a href="#">Contact Us</a></li>
        </ul>
      </div><!-- sidebar-menu  -->
	  
	  <div class="sidebar-info">
	    <h2>let’s make something together</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
		<address>
		  <h3>Phone support</h3>
		  <p><a href="tel:0181-2421199">0181-2421199</a></p>
		</address>
		<address>
		  <h3>Email us</h3>
		  <p><a href="mailto:vidyabharti@sarvhitkari.org">vidyabharti@sarvhitkari.org</a></p>
		</address>
		
		<div class="icon-sidebar">
		 <a href="#" target="_blank"><img src="images/icon-01.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-02.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-03.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-04.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-07.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-06.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-08.png" alt=""></a>
		</div>
		  
      </div><!-- sidebar-info -->
    </div><!-- sidebar-content  -->
  </nav>
  
<main class="page-content">
<div class="full-body hidden"></div>
<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:+9714 2994466"><i class="fa fa-phone" aria-hidden="true"></i> 0181-2421199</a></li>
            <li><a href="mailto:vidyabharti@sarvhitkari.org"><i class="fa fa-envelope-o" aria-hidden="true"></i> vidyabharti@sarvhitkari.org</a></li>
          </ul>	           
        </div>
	  
	    <div class="col-sm-4 head-right">
		  <div class="icon-top">
            <a href="#" target="_blank"><img src="images/icon-01.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-02.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-03.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-04.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-07.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-06.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-08.png" alt=""></a>
          </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="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
		  
		  <div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav">
			  <li class="current-menu-item"><a href="index.html">Home</a></li>
			  <li class="sub-drop"><a>About Us</a>
			    <ul class="sub-menu">
			      <li><a href="#">Vidya Bharti</a></li>
			      <li><a href="#">Sarvhitkari Educational Society</a></li>
			      <li><a href="#">Social Responsibilities</a></li>
			      <li><a>Executive Council</a>
				    <ul class="sub-menu">
			          <li><a href="#">National</a></li>
			          <li><a href="#">Regional</a></li>
			          <li><a href="#">State</a></li>
			          <li><a href="#">Advisory Committee</a></li>
			          <li><a href="#">District Committee</a></li>
			        </ul>
				  </li>
			      <li><a href="#">Consumer Electronics Logistics</a></li>
			    </ul>
			  </li>
			  <li class="sub-drop"><a>Downloads</a>
			    <ul class="sub-menu">
			      <li><a href="#">रांतीय सूचना/आदेश</a></li>
				  <li><a href="#">Forms</a></li>
				  <li><a href="#">Sarvhitkari Board Result 8th</a></li>
				  <li><a href="#">Genius Main Result 2022-23</a></li>
				  <li><a>Syllabus</a>
				    <ul class="sub-menu">
			          <li><a href="#">CBSE</a></li>
			          <li><a href="#">PSEB</a></li>
			          <li><a href="#">ICSE</a></li>
			        </ul>
				  </li>
				  <li><a href="#">Office Orders</a></li>
				  <li><a href="#">Notices</a></li>
				  <li><a href="#">Other Interesting Reading Material</a></li>
				  <li><a href="#">Videos</a></li>
				  <li><a href="#">Sarvhit Sandesh</a></li>
				  <li><a href="#">Press Release</a></li>
				  <li><a href="#">Gallery</a></li>
			    </ul>
			  </li>
			  <li class="sub-drop"><a>Updates</a>
			    <ul class="sub-menu">
			      <li><a href="#">News</a></li>
			      <li><a href="#">Awards</a></li>
			    </ul>
			  </li>
			  <li><a href="#">Our Schools</a></li>
			  <li><a href="#">Career</a></li>
			  <li class="sub-drop"><a>Activities</a>
			    <ul class="sub-menu">
				  <li><a href="#">Punjab Super 100</a></li>
				  <li><a href="#">Skill Development</a></li>
				  <li><a href="#">Environment Cell</a></li>
				  <li><a href="#">Corporate Social Responsibility</a></li>
				  <li><a href="#">University Co-ordination</a></li>
				  <li><a href="#">Industry Co-ordination</a></li>
				  <li><a href="#">One School One Product</a></li>
				  <li><a href="#">Events</a></li>
				</ul>
			  </li>
			  <li><a href="#">Deparments</a></li>
		    </ul>
			
		  </div>
		  
		  <a id="show-sidebar" class="btn"><span></span></a>
		  
	    </div>
	  </nav>
	    
    </div><!--/ menu-head -->           
  </div><!--/ container -->
</header>


<section class="banner" id="Home">
  <div id="carouselExampleAutoplaying" class="carousel slide" data-bs-ride="carousel">
    
	<div class="carousel-inner">
      
	  <div class="carousel-item active">
	    <div class="container">
		  <div class="row"> 
		    <div class="col-sm-7">
			  
			  <div class="slide-text">
			    <div class="inner">
				  <h1><span>Generation Marching to Smart Future</span>Sarvhitkari Educational Society</h1>
				  <p>Sarvhitkari Educational Society (SES) is a state unit of Vidya Bharti which is largest Non-Government Organization in the world.</p>
				  <p><a href="#" class="btn">Contact Now</a></p>
				</div>
			  </div><!--/ slide-text -->
			  
			</div>
		  </div><!--/ row -->
		</div><!--/ container -->
	    <figure><img src="images/slider-01.jpg" alt="image"  class="slide-image"/></figure>
	  </div>
	  
	  <div class="carousel-item">
	    <div class="container">
		  <div class="row"> 
		    <div class="col-sm-7">
			  
			  <div class="slide-text">
			    <div class="inner">
				  <h1><span>Generation Marching to Smart Future</span>Sarvhitkari Educational Society</h1>
				  <p>Sarvhitkari Educational Society (SES) is a state unit of Vidya Bharti which is largest Non-Government Organization in the world.</p>
				  <p><a href="#" class="btn">Contact Now</a></p>
				</div>
			  </div><!--/ slide-text -->
			  
			</div>
		  </div><!--/ row -->
		</div><!--/ container -->
	    <figure><img src="images/slider-02.jpg" alt="image"  class="slide-image"/></figure>
	  </div>
    
	</div><!--/ carousel-inner -->
	
	<div class="video-banner">
	  <button type="button" class="btn-video" data-bs-toggle="modal" data-bs-target="#video">
	    <span>Sarvhit Saral Login</span>
		<small>Sarvhitkari Educational Society </small>
		<i class="fa play fa-hand-pointer-o" aria-hidden="true"></i>
	  </button>
	</div>
	
	<div class="carousel-button">
	  <button class="carousel-control-prev slider-btn left" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class=""><i class="fa fa-long-arrow-left" aria-hidden="true"></i> Prev</span></button>
	  
	  <button class="carousel-control-next slider-btn right" type="button" data-bs-target="#carouselExampleAutoplaying" data-bs-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="">Next <i class="fa fa-long-arrow-right" aria-hidden="true"></i></span></button>
	</div><!--/ carousel-button -->
	
  </div> 
  
</section><!--/ banner -->

<section class="tag-sec aos-animate" data-aos="fade-up" data-aos-duration="1000">
  <div class="container">
    <div class="row">           
	  
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
		    <h3>72+</h3>
	        <h4>Years of Experience</h4>
	      </div>	  
	    </div>	  
	  </div>
	  
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
	        <h3>14000k+</h3>
	        <h4>Schools</h4>
	      </div>	  
	    </div>	  
	  </div>
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
		    <h3>16000+</h3>
	        <h4>Sanskar Kendras</h4>
	      </div>	  
	    </div>	  
	  </div>
	  
	  <div class="col-sm-3 tw-coll">
	    <div class="info-content">
	      <div class="inner">
	        <h3>3,465,631+</h3>
	        <h4>Total Students</h4>
	      </div>	  
	    </div>	  
	  </div>	  
	  
    </div><!--/ row --> 
  </div>
</section>      

<section class="our-process">
  <div class="container">
	<div class="row">           
	  
	  <div class="col-sm-12 mrb-100 process-title aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <h2><span>Sarvhitkari School</span> Our School Activities</h2>
	  </div><!--/ col-sm -->
	  
	</div><!--/ row -->
  </div>
	
  <div class="op-fluid">
    <div class="container">  
	<div class="row row-op">
	  
	  <div class="col-xl-3 col-md-6 process-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item active">
		  <div class="step"><h4>01</h4></div>
		  <figure><img src="images/img-01.jpg" alt="Image"></figure>
		  <div class="info">
		    <h3><i class="fa fa-eye" aria-hidden="true"></i> Achievements</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ col-sm --> 
	  
	  <div class="col-xl-3 col-md-6 process-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <div class="step"><h4>02</h4></div>
		  <figure><img src="images/img-02.jpg" alt="Image"></figure>
		  <div class="info">
		    <h3><i class="fa fa-download" aria-hidden="true"></i> Downloads</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ col-sm --> 
	  
	  <div class="col-xl-3 col-md-6 process-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <div class="step"><h4>03</h4></div>
		  <figure><img src="images/img-03.jpg" alt="Image"></figure>
		  <div class="info">
		    <h3><i class="fa fa-calendar" aria-hidden="true"></i> Event Calander</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ col-sm --> 
	  
	  <div class="col-xl-3 col-md-6 process-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="item">
		  <div class="step"><h4>04</h4></div>
		  <figure><img src="images/img-04.jpg" alt="Image"></figure>
		  <div class="info">
		    <h3><i class="fa fa-picture-o" aria-hidden="true"></i> Photo Gallery</h3>
			<p>Nullam pharetra, velit quis varius porta, lorem libero maximu justo, at sodales sem.</p>
		  </div>
		</div><!--/ item -->
	  </div><!--/ col-sm -->  
     
    </div><!--/ row --> 
    </div>
  </div><!--/ op-fluid -->
</section><!--/ our-process -->       

<section class="services-offer">
  <div class="container">
	
	<div class="row"> 
	  <div class="col-sm-12 aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="titlew mrb-30">
	      <h2><span>Sarvhitkari School</span>Five Unique Pillars of Sarvhitkari Educational Society</h2>
		  <p>Malesuada fames ac turpis egestas integer eget aliquet. Ultricies mi quis hendrerit dolor magna eget est lorem.</p>
        </div>
	  
	    <div class="offer-listing aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <div class="row">
	        <div class="col-sm-6 left">
	          <div class="detail">
			    
				<div class="tab">
			      <button class="tablinks active" onmouseover="openCity(event, 'Photography')">01 / Academic Excellence</button>
				  
				  <button class="tablinks" onmouseover="openCity(event, 'Development')">02 / Best-in-Class Infrastructure</button>
				  
				  <button class="tablinks" onmouseover="openCity(event, 'Brand')">03 / Holistic Development</button>
				  
				  <button class="tablinks" onmouseover="openCity(event, 'Technical')">04 / Personal Attention</button>
				  
				  <button class="tablinks" onmouseover="openCity(event, 'Video')">05 / Safe Campus</button>
				</div>	
				
	          </div><!--/ detail -->
	        </div><!--/ left -->
			
	        <div class="col-sm-6 right">
			  <div id="Photography" class="tabcontent" style="display:block;">
			    <figure>
				  <img src="images/services-n01.jpg" alt="image">
				  <figcaption><a class="btn" href="#">Explore</a></figcaption>
				</figure>
				<div class="inner">
				  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
				  <ul>
					<li>Cras tincidunt nulla elit, at mollis</li>
					<li>Nulla purus lorem, condi icitudin ac</li>
				    <li>Donec tincidunt gravida nisi in varius.</li>
					<li>Cras tincidunt nulla elit, at mollis</li>
				  </ul>
				</div>
			  </div>
			  
			  <div id="Development" class="tabcontent">
			    <figure>
				  <img src="images/services-n02.jpg" alt="image">
				  <figcaption><a class="btn" href="#">Explore</a></figcaption>
				</figure>
				<div class="inner">
				  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
				  <ul>
					<li>Nulla purus lorem, condi icitudin ac</li>
					<li>Cras tincidunt nulla elit, at mollis</li>
				    <li>Donec tincidunt gravida nisi in varius.</li>
					<li>Cras tincidunt nulla elit, at mollis</li>
				  </ul>
				</div>
			  </div>
			  
			  <div id="Brand" class="tabcontent">
			    <figure>
				  <img src="images/services-n03.jpg" alt="image">
				  <figcaption><a class="btn" href="#">Explore</a></figcaption>
				</figure>
				<div class="inner">
				  <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui.</p>
				  <ul>
				    <li>Donec tincidunt gravida nisi in varius.</li>
					<li>Cras tincidunt nulla elit, at mollis</li>
					<li>Nulla purus lorem, condi icitudin ac</li>
					<li>Cras tincidunt nulla elit, at mollis</li>
				  </ul>
				</div>
			  </div>
			  
			  <div id="Technical" class="tabcontent">
			    <figure>
				  <img src="images/services-n04.jpg" alt="image">
				  <figcaption><a class="btn" href="#">Explore</a></figcaption>
				</figure>
				<div class="inner">
				  <p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble ensue.</p>
				  <ul>
					<li>Cras tincidunt nulla elit, at mollis</li>
				    <li>Donec tincidunt gravida nisi in varius.</li>
					<li>Nulla purus lorem, condi icitudin ac</li>
					<li>Cras tincidunt nulla elit, at mollis</li>
				  </ul>
				</div>
			  </div>
			  
			  <div id="Video" class="tabcontent">
			    <figure>
				  <img src="images/services-n05.jpg" alt="image">
				  <figcaption><a class="btn" href="#">Explore</a></figcaption>
				</figure>
				<div class="inner">
				  <p>Suspendisse placerat, erat a ultrices consects arcu arcu ut enim. Vivamus fringilla nec massa at posuere. In lacus nulla, dictum finibus iaculis eu, gravida at ligula. Uruttu ut pellentesque tellus, sed sollicitudin elit.&nbsp;</p>
				  <ul>
					<li>Cras tincidunt nulla elit, at mollis</li>
					<li>Nulla purus lorem, condi icitudin ac</li>
				    <li>Donec tincidunt gravida nisi in varius.</li>
					<li>Cras tincidunt nulla elit, at mollis</li>
				  </ul>
				</div>
			  </div>
			  
	        </div><!--/ right -->
	      </div><!--/ row -->
	    </div><!--/ offer-listing -->
		
      </div><!--/ col-sm -->
    </div><!--/ row --> 
  </div>
</section>  

<section class="about-sec">
  <div class="container">
    <div class="row align-items-center aos-animate" data-aos="fade-up" data-aos-duration="1000">
      
	  <div class="col-sm-4 left-area">
	    <div class="inner">
	      <h2><span>A Few Words About Us</span>Welcome to Sarvhitkari Educational Society</h2>
		  <p>Sarvhitkari Educational Society (SES) is a state unit of Vidya Bharti which is largest Non-Government Organization in the world. SES provides the model of education. It organises workshops, seminars, conferences and capacity building programmes to promote the standard of education as per the need of the times.</p>
		  <p>In Punjab, it is running 123 formal schools and more than 341 informal educational institutions (Sanskar Kenders).</p>
		  <p><a class="btn" href="#">View More</a></p>
	    </div><!--/ inner -->
	  </div>
	  
	  <div class="col-sm-8 right-area">
		<div class="owl-carousel owl-theme" id="owl-demo-1">
		  <div class="item"><figure><img src="images/about-01.jpg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/about-02.jpg" alt=""></figure></div><!--/ item -->
		  <div class="item"><figure><img src="images/about-03.jpg" alt=""></figure></div><!--/ item -->
		  
		</div>
      </div><!--/ right-area -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ about-sec -->

<section class="list-grid">
  <div class="container-fulid">                 
    <div class="list-row">
	  
	  <div class="list-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
  	    <div class="news-box">
		  <figure><img src="images/img-02.jpg" alt="image"></figure>
  	      <div class="info">
		    <h2>Though of the Day</h2>
		    <p>महानता के लिए छोटी छोटी बातों को आयोजित करना पड़ता है. महान व्यक्तित्व एक ही दिन में तैयार नहीं होते, वे तो चुपचाप धीरे धीरे क्रमवार रीती से बढते हैं और त्याग प्रेम और आदर्श उनके व्यक्तित्व को महान बनाते हैं : प. पू. गुरूजी</p>
		  </div><!--/ info -->
		</div><!--/ -->
	  </div><!--/ col -->
	  
	  <div class="list-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
  	    <div class="news-box">
		  <figure><img src="images/img-03.jpg" alt="image"></figure>
		  <div class="info">
		    <h2>Press Release</h2>
			<p>दैनिक अमृत विचार में समृध्द भारतीय संस्कृति और भारतीय संस्कारों पर प्रकाश डालता क्षेत्रीय संगठन मंत्री विजय नड्डा जी का संपादकीय पृष्ठ पर आज आलेख |</p>
		  </div><!--/ info -->
		</div><!--/ -->
	  </div><!--/ col -->
	  
	  <div class="list-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
  	    <div class="news-box">
		  <a href="#" class="full-link"></a>
		  <figure><img src="images/img-02.jpg" alt="image"></figure>
  	      <div class="info">
		    <h2>Sarvhit Sandesh</h2>
		    <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui.</p>
		  </div><!--/ info -->
		</div><!--/ -->
	  </div><!--/ col -->
	  
	  <div class="list-col aos-animate" data-aos="fade-up" data-aos-duration="1000">
  	    <div class="news-box">
		  <a href="#" class="full-link"></a>
		  <figure><img src="images/img-04.jpg" alt="image"></figure>
		  <div class="info">
		    <h2>Social Works</h2>
			<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui.</p>
		  </div><!--/ info -->
		</div><!--/ -->
	  </div><!--/ col -->
	  
    </div><!--/ row --> 
  </div>
</section>

<section class="our-partners">
  <div class="container">
	
	<div class="row"> 
	  <div class="col-sm-12">
	    <h2 class="aos-animate" data-aos="fade-up" data-aos-duration="1000"><span>Our Partners</span>Professional & reliable</h2>
      </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/DAV-University-Logo-200-1.jpg" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/HCL-Logo-2.jpg" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/NIT-Jalandhar.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/Samutkarsh-Bharat.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/NIT-Jalandhar.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/Samutkarsh-Bharat.png" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/DAV-University-Logo-200-1.jpg" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
	  <div class="col-sm-3 op-col">
	    <div class="partners aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  <figure><a href="#"><img src="images/HCL-Logo-2.jpg" alt="image"></a></figure>
		</div><!--/ col-sm -->
	  </div><!--/ col-sm -->
	  
    </div><!--/ row --> 
  </div>
</section><!--/ our-partners -->

<section class="best-offer">
  <div class="container">
    <div class="row">
	  
	  <div class="col-sm-12 bf-coll aos-animate" data-aos="fade-up" data-aos-duration="1000">
	      <h2>A great place for your child to grow up.</h2>
		  <h5>We promise to help your child develop and learn through fun and creativity.</h5>
		  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi.</p>
		  <div class="contact-info">
		    <div class="media">
              <div class="media-body">
                <div class="phone"><span>+91</span> 9876543210, +91 0181-2421199</div>
			  </div>
            </div>
            <div class="media">
              <div class="media-body">Guru Gobind Singh Avenue, Bye Pass Road, Jalandhar, Punjab, 144001 <br>Email : <a href="mailto:vidyabharti@sarvhitkari.org">vidyabharti@sarvhitkari.org</a></div>
			</div>
          </div>
	  </div>
	
    </div><!--/row -->
  </div>
</section>

<section class="client-speak">
  <div class="container">
    <div class="row">      
	  
	  <div class="col-sm-12 grid-client">
	    <h2 class="aos-animate" data-aos="fade-up" data-aos-duration="1000"><span>Testimonial</span>Happy Students Feedback</h2>
		<div id="owl-demo-2" class="owl-carousel owl-theme aos-animate" data-aos="fade-up" data-aos-duration="1000">
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <h4>Aruna Kumar<span>Lorem Ipsum Dummy Text</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <h4>Jyoti Sharma<span>Lorem Ipsum Dummy Text</span></h4>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="item-bg">
		      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			  <div class="star"><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star" aria-hidden="true"></i><i class="fa fa-star-half-empty" aria-hidden="true"></i></div>
			  <h4>Manpreet Shandil<span>Lorem Ipsum Dummy Text</span></h4>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<footer class="footer">  
   <div class="back-to-top"><a href="#Home" class="BackTo"><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-12 footer-top">
        <div class="wg-1">
          <div class="ft-logo aos-animate" data-aos="fade-up" data-aos-duration="1000"><a href="#"><img src="images/logo.png" alt="image"></a></div>
		  
		  <div class="icon-ft aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <a href="#" target="_blank"><img src="images/icon-01.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-02.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-03.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-04.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-07.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-06.png" alt=""></a>
            <a href="#" target="_blank"><img src="images/icon-08.png" alt=""></a>
		  </div>
        </div><!--/ wg-1 -->
      </div><!--/ col-sm-3 -->
	
	  <div class="col-sm-9 footer-left">
	    <div class="row">
		  
		  <div class="col-sm-3 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="wg-1">
			  <h4>Quick Links</h4>
			  <ul>
			    <li><a href="#">Home</a></li>
				<li><a href="#">About Us</a></li>
				<li><a href="#">Adopt to Educate</a></li>
				<li><a href="#">Punjab Super 100</a></li>
				<li><a href="#">Skill Development</a></li>
				<li><a href="#">Contact Us</a></li>
				<li><a href="#">Vacancies</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
		  
		  <div class="col-sm-3 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="wg-1">
			  <h4>Imorpant Links</h4>
			  <ul>
				<li><a href="#">Media Center</a></li>
				<li><a href="#">Useful Websites</a></li>
				<li><a href="#">Our Alumni</a></li>
				<li><a href="#">Group Institutions</a></li>
				<li><a href="#">Careers</a></li>
				<li><a href="#">Check Mail</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
		  
		  <div class="col-sm-3 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="wg-1">
			  <h4>Other Websites</h4>
			  <ul>
			    <li><a href="#" target="_blank">vidyabharati.net</a></li>
				<li><a href="#" target="_blank">vidyabhartialumni.org</a></li>
			  </ul>
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm --> 
		  
		  <div class="col-sm-3 aos-animate" data-aos="fade-up" data-aos-duration="1000">
		    <div class="wg-1">
			  <h4>Contact Detail</h4>		          	  		
			    <address>
				  <!--i class="fa fa-map-marker" aria-hidden="true"></i-->
				  <div><p><b>Office:</b> Guru Gobind Singh Avenue, Bye Pass Road, Jalandhar, Punjab, 144001</p></div>
				</address>
				
				<address>
				  <i class="fa fa-phone" aria-hidden="true"></i>
				  <div><p><a href="tel:0181-2421199">0181-2421199</a></p></div>
				</address>
				
				<address>
				  <i class="fa fa-envelope" aria-hidden="true"></i>
				  <div><p><a href="mailto:ses.jld@gmail.com">ses.jld@gmail.com</a></p></div>
				</address>	
			</div><!--/ wg-1 -->
		  </div><!--/ col-sm -->
           
        </div><!-- row -->            
      </div><!-- footer-left -->
	  
	  <div class="col-sm-3 footer-right aos-animate" data-aos="fade-up" data-aos-duration="1000">
	    <div class="wg-1">
		  <h4>Newsletter Signup</h4>
	      <div class="newsletter">
		    <p>Looking For Ideas? Let's Talk.</p>
		    <form>
		      <div class="form-group"><input type="email" name="EMAIL" placeholder="Email Address" class="form-control"></div>
			  <div class="form-group"><button type="submit" class="btn">Subscribe</button></div>
		    </form>
		  </div><!--/ newsletter -->
		</div><!--/ wg-1 -->
	  </div><!-- footer-right -->
	  
    </div><!-- row -->            
  </div><!--/ container -->       
  
  <div class="ft-bottom">
    <div class="container">
      <div class="row">
		
		<div class="col-sm-12"><p class="copyright">Copyright © 2023 Sarvhitkari.org | All rights reserved</p></div>		
        
      </div><!--/ row -->
    </div>
  </div><!--/ ft-bottom -->
  
</footer>

</div><!--/ page-content -->
</div><!--/ page-wrapper -->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/menu.js"></script>	
<script src="dist/aos.js"></script>	

<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>

<script>
var a = 0;
$(window).scroll(function() {

  var oTop = $('#counter').offset().top - window.innerHeight;
  if (a == 0 && $(window).scrollTop() > oTop) {
    $('.counter-value').each(function() {
      var $this = $(this),
        countTo = $this.attr('data-count');
      $({
        countNum: $this.text()
      }).animate({
          countNum: countTo
        },

        {

          duration: 7000,
          easing: 'swing',
          step: function() {
            $this.text(Math.floor(this.countNum));
          },
          complete: function() {
            $this.text(this.countNum);
            //alert('finished');
          }

        });
    });
    a = 1;
  }

});

$('#owl-demo-1').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:0,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
}) 

$('#owl-demo-2').owlCarousel({
    loop:true,
	autoplay:1000,
    autoplayHoverPause:true,
	autoplayTimeout:3000,
    margin:10,
    nav:true,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
}) 

$(".process-col").mouseenter(function(){
    $(".process-col .item").removeClass('active');
    $(this).find('.item').addClass('active');
});
</script>
		  
</body>
<script>
  AOS.init();
</script>
</html>