    
<!DOCTYPE html>
<html> 

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<title>Welcome To SGN Govt. P. G. College</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="sant ganinath college muhammdabad mau,muhamdabad degree college mau,degree college muhammdabad,sant ganinath degree college ,mau degrre college" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="css/owl.carousel.css" type="text/css" media="all">
<link href="css/owl.theme.css" rel="stylesheet">
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css" media="all" />
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Abel" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">

<link href="../cdn.datatables.net/1.10.19/css/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css">
</head>
<body>

<style>
	.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.my-custom-scrollbar {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: auto;
}
</style>
<!-- Header -->
	<!--<div class="header-top">
		<div class="container">
			<div class="bottom_header_left">
			<div class="w3_fr">
				<a href="#">Email Us</a>
				<a href="#contact" class="scroll">How to find us</a>
				
				</div>
			</div>
			<div class="bottom_header_right">
				<div class="bottom-social-icons">
					<a class="facebook" href="#">
						<span class="fa fa-facebook"></span>
					</a>
					<a class="twitter" href="#">
						<span class="fa fa-twitter"></span>
					</a>
					<a class="pinterest" href="#">
						<span class="fa fa-pinterest-p"></span>
					</a>
					<a class="linkedin" href="#">
						<span class="fa fa-linkedin"></span>
					</a>
				</div>
				<div class="head-search">
				<form action="#" method="post">
					<div class="formborder">
						<input type="text" placeholder="Search..." name="Search..." required="">
						<input type="submit" value="">
					</div>
				</form>
			</div>


				
				
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>-->
	<div class="header" style="background:url(images/ch13.jpg) repeat;">
		<div class="content white">
			<nav class="navbar navbar-default">
				<div class="container">
					<div class="navbar-header">
						
						
								<img src="images/name.png" width="100%">
						
					</div>
					
					<!--/.navbar-->
				</div>
			</nav>
		</div>
	</div>
	<div class="headerdown">
	<div class="container">
    
<?php include('link/menu.php');?>
        
	<div class="clearfix"></div>
	</div>
	</div>
<!-- /Header--> 
<!-- banner-->

<!--/banner-->
   <div class="gallery" id="gallery">
         <div class="container">
         <h3>National Service Scheme</h3>
            <div class="about-bottom  w3ls-team-info">
		             
            
          <div class="col-md-12 w3ls_ar" style="background-color:#FFFFFF; padding:30px;">
         	
            	<div class="my-custom-scrollbar my-custom-scrollbar-primary">
  <img alt="image" src="images/nss/roverse19-20-01.jpg" class='img-responsive'/>
  <img alt="image" src="images/nss/roverse19-20-02.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-03.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-04.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-05.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-06.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-07.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-08.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-09.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-10.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-11.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-12.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-13.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-14.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-15.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-16.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-17.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-18.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-19.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-20.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-21.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-22.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-23.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-24.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-25.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-26.jpg" class='img-responsive' />
  <img alt="image" src="images/nss/roverse19-20-27.jpg" class='img-responsive' />
</div>
           
          </div>
        
            </div>
        </div>
	</div>

<!-- footer -->
	<?php include('link/footer.php');?>
	<!-- //footer -->
	
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script src="../cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="../cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js"></script>

<script  src="js/move-top.js"></script>
<script  src="js/easing.js"></script>
<script  src="js/SmoothScroll.min.js"></script>	
	<!-- for testimonials slider-js-file-->
			<script src="js/owl.carousel.js"></script>
	<!-- //for testimonials slider-js-file-->
		<script>
		$(document).ready(function() { 
		$("#owl-demo").owlCarousel({
 
			autoPlay: 3000, //Set AutoPlay to 3 seconds
			autoPlay:true,
			items : 3,
			itemsDesktop : [640,5],
			itemsDesktopSmall : [414,4]
		});
		}); 
		
		var myCustomScrollbar = document.querySelector('.my-custom-scrollbar');
var ps = new PerfectScrollbar(myCustomScrollbar);

var scrollbarY = myCustomScrollbar.querySelector('.ps__rail-y');

myCustomScrollbar.onscroll = function () {
  scrollbarY.style.cssText = `top: ${this.scrollTop}px!important; height: 400px; right: ${-this.scrollLeft}px`;
}
</script>
<!-- for testimonials slider-js-script-->

 <!--script-->
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
		    <script type="text/javascript">
			    $(document).ready(function () {
			        $('#horizontalTab').easyResponsiveTabs({
			            type: 'default', //Types: default, vertical, accordion           
			            width: 'auto', //auto or any width like 600px
			            fit: true   // 100% fit in a container
			        });
			    });
				
</script>
<!--script-->
<!-- Calendar -->
<script src="js/jquery-ui.js"></script>
	<script>
		$(function() {
		$( "#datepicker,#datepicker1" ).datepicker();
		});
	</script>
<!-- //Calendar -->
<!-- /gallery -->
    <script src="js/jquery.tools.min.js"></script>
    <script src="js/jquery.mobile.custom.min.js"></script>
    <script src="js/jquery.cm-overlay.js"></script>

	<!--multi level menu-->
    	<script>
			$(document).ready(function(){
			$('ul.dropdown-menu [data-toggle=dropdown]').on('click', function(event) {
			  event.preventDefault(); 
			  event.stopPropagation(); 
			  $(this).parent().siblings().removeClass('open');
			  $(this).parent().toggleClass('open');
			});
		  });

		</script>
    <!--multi level menu end-->

    <script>
        $(document).ready(function () {
            $('.cm-overlay').cmOverlay();
        });
    </script>
    <!-- //gallery -->
<!-- start-smoth-scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- scrolling script -->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script> 
<!-- //scrolling script -->
<!--//start-smoth-scrolling -->

</body>


</html> 