    
<!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,rajkiya degree college ,mau govt degree college,rajkiya degrre college muh,govt degree 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">
<meta name="google-site-verification" content="oM9dX21QzG68xyMY9bc187LnwFcBgUc0-peS7JA2Osk" />
<link href="../cdn.datatables.net/1.10.19/css/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css">
<style>
@media only screen and (max-width: 600px) {
 #img {
    height:250px;
     width:100% ;
  }
}

</style>
<script data-ad-client="ca-pub-7945274919112231" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7945274919112231"
     crossorigin="anonymous"></script>
</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;}
</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>-->
	<?php
	include("link/databaseconnection.php");
	 $sel45="select * from  popup order by id desc ";
	$res45=mysqli_query($conn,$sel45);
	$row45=mysqli_fetch_array($res45,MYSQLI_BOTH);
	
	$n=mysqli_num_rows($res45);
	if($n>0)
	{
	 ?>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script>
		    $(document).ready(function(){
		        	$("#editmodel25").modal("show");
					//alert('ok');
		    });
		    <?php
	}
		; ?>   
	
		    
		</script>
		<form>
<div class="modal fade bs-example-modal-lg" id="editmodel25" >
<div class="modal-dialog modal-lg"> 
<div class="modal-content"> 
<div class="modal-heading"> 


</div>
<div class="modal-body" id="editbody125" >
<div style="background:url(images/ch13.jpg) repeat;">
<img src="images/name.png"  class="img-responsive" style="width:100%;height:70px" >
</div><br/><br/>
<h4 style='font-weight:bold;text-align:center'>आवश्यक  सूचना -</h4><br/>
<ol>
<?php 
$sel451="select * from  popup order by id desc ";
	$res451=mysqli_query($conn,$sel451);
while($row451=mysqli_fetch_array($res451,MYSQLI_BOTH)) {?>
 <li><b> <a href='<?php echo $row451['link']?>'>  <?php echo $row451['text'];?></b><img src="images/flashing.gif" style="height:14px">   </a></li>
 <?php }?>
  <br/>
   
  <br/>
</ol>
<br/>

<center><button class=" btn btn-primary" data-dismiss="modal" style='color:black;font-weight:bold'> Close  </button></center>
 </div>
<div class="modal-footer"> 



</div>


</div>
</div>


 </div>
	<div class="header" style="background-color:#973924 ">
		<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" style="background-color:#53170A ">
	<div class="container">
    
	
       <?php include('link/menu.php');?>
        
	<div class="clearfix"></div>
	</div>
	</div>
<!-- /Header--> 
	<!---slider css strat--->
		<style>
        /* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #000 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }

        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
    #setimage
	{
		background-image: url("images/natural.jpg");
		background-repeat:no-repeat;
	}
	#set2
	{
		background-image: url("images/set.jpg");
		background-repeat:no-repeat;
		min-height:500px;
	}
	#shadow
	{
		image-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	.video {
    height: 0;
    position: relative;
    padding-bottom: 56.25%; /* Если видео 16/9, то 9/16*100 = 56.25%. Также и с 4/3 - 3/4*100 = 75% */
}
.video iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
	</style>
		
		<!---slider css end--->
		<!----banner main- start-->
	<script type="text/javascript">
        jQuery(document).ready(function ($) {

            var jssor_1_SlideshowTransitions = [
              {$Duration:1200,x:0.2,y:-0.1,$Delay:20,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:260,$Easing:{$Left:$Jease$.$InWave,$Top:$Jease$.$InWave,$Clip:$Jease$.$OutQuad},$Outside:true,$Round:{$Left:1.3,$Top:2.5}},
              {$Duration:1500,x:0.3,y:-0.3,$Delay:20,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.1,0.9],$Top:[0.1,0.9]},$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:260,$Easing:{$Left:$Jease$.$InJump,$Top:$Jease$.$InJump,$Clip:$Jease$.$OutQuad},$Outside:true,$Round:{$Left:0.8,$Top:2.5}},
              {$Duration:1500,x:0.2,y:-0.1,$Delay:20,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:260,$Easing:{$Left:$Jease$.$InWave,$Top:$Jease$.$InWave,$Clip:$Jease$.$OutQuad},$Outside:true,$Round:{$Left:0.8,$Top:2.5}},
              {$Duration:1500,x:0.3,y:-0.3,$Delay:80,$Cols:8,$Rows:4,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$Easing:{$Left:$Jease$.$InJump,$Top:$Jease$.$InJump,$Clip:$Jease$.$OutQuad},$Outside:true,$Round:{$Left:0.8,$Top:2.5}},
              {$Duration:1800,x:1,y:0.2,$Delay:30,$Cols:10,$Rows:5,$Clip:15,$During:{$Left:[0.3,0.7],$Top:[0.3,0.7]},$SlideOut:true,$Reverse:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:2050,$Easing:{$Left:$Jease$.$InOutSine,$Top:$Jease$.$OutWave,$Clip:$Jease$.$InOutQuad},$Outside:true,$Round:{$Top:1.3}},
              {$Duration:1000,$Delay:30,$Cols:8,$Rows:4,$Clip:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraightStairs,$Assembly:2049,$Easing:$Jease$.$OutQuad},
              {$Duration:1000,$Delay:80,$Cols:8,$Rows:4,$Clip:15,$SlideOut:true,$Easing:$Jease$.$OutQuad},
              {$Duration:1000,y:-1,$Cols:12,$Formation:$JssorSlideshowFormations$.$FormationStraight,$ChessMode:{$Column:12}},
              {$Duration:1000,x:-0.2,$Delay:40,$Cols:12,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Assembly:260,$Easing:{$Left:$Jease$.$InOutExpo,$Opacity:$Jease$.$InOutQuad},$Opacity:2,$Outside:true,$Round:{$Top:0.5}},
              {$Duration:2000,y:-1,$Delay:60,$Cols:15,$SlideOut:true,$Formation:$JssorSlideshowFormations$.$FormationStraight,$Easing:$Jease$.$OutJump,$Round:{$Top:1.5}}
            ];

            var jssor_1_options = {
              $AutoPlay: true,
              $SlideshowOptions: {
                $Class: $JssorSlideshowRunner$,
                $Transitions: jssor_1_SlideshowTransitions,
                $TransitionsOrder: 1
              },
              $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$
              },
              $BulletNavigatorOptions: {
                $Class: $JssorBulletNavigator$
              }
            };

            var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);

            /*responsive code begin*/
            /*you can remove responsive code if you don't want the slider scales while window resizing*/
            function ScaleSlider() {
                var refSize = jssor_1_slider.$Elmt.parentNode.clientWidth;
                if (refSize) {
                    refSize = Math.min(refSize, 800);
                    jssor_1_slider.$ScaleWidth(refSize);
                }
                else {
                    window.setTimeout(ScaleSlider, 30);
                }
            }
            ScaleSlider();
            $(window).bind("load", ScaleSlider);
            $(window).bind("resize", ScaleSlider);
            $(window).bind("orientationchange", ScaleSlider);
            /*responsive code end*/
        });
    </script>
<script src="slider.js" type="text/javascript"></script>
<!-- banner-->
<div class='row'>
<div class="agile_banner">


<div class='col-sm-8'>
<div id="jssor_1" style="position:; margin: 0 auto; top: 0px; left: 0px; width: 600px; height: 300px; overflow: hidden; visibility: hidden;">
        <!-- Loading Screen -->
        <div data-u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div>
            <div style="position:absolute;display:block;background:url('img/loading.gif') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div>
        </div>
        <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 600px; height: 300px; overflow: hidden;">
            <a data-u="any" href="http://www.jssor.com" style="display:none">Banner Rotator</a>
           <?php 
		 $sel="select * from gallery  where area='Slider' order by id desc ";
$res=mysqli_query($conn,$sel);
		while($row=mysqli_fetch_array($res,MYSQLI_BOTH))
			
		{	
		
		?>
            <div data-p="112.50">
                <img data-u="image" src="code/img/<?php echo $row['image']?>"  class="img-responsive" />
            </div>
            <?php }?>
           
           
            
        </div>
        <!-- Bullet Navigator -->
        <div data-u="navigator" class="jssorb01" style="bottom:16px;right:16px;">
            <div data-u="prototype" style="width:12px;height:12px;"></div>
        </div>
        <!-- Arrow Navigator -->
        <span data-u="arrowleft" class="jssora05l" style="top:0px;left:8px;width:40px;height:40px;" data-autocenter="2"></span>
        <span data-u="arrowright" class="jssora05r" style="top:0px;right:8px;width:40px;height:40px;" data-autocenter="2"></span>
    </div>

</div>
<div class='col-sm-4' >

		
<div class="agileinfo_banner_bottom_pos2" style="min-height:240px; border-radius: 15px 100px;border:3px solid #53170A; border-style: dotted;margin-top:20px">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-10" align="center">
                                <img src="images/sgn_pr.jpeg" width="55%" align="middle" style="text-align:center; border:1px solid #FFF; border-radius:2%;">
								<h4 class="sub_service_agileits" style="font-weight: 700; font-size:13px; margin-top:15px;">
							Dr. PrahladRam								</h4>
								<p style="color:#FFFFFF;font-size:12px;">Sgn Govt College Mau <br>(Principal)</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>

</div>


	</div>
 
</div>
<!--/banner-->


<!-- About-->
<div class="about" id="about">              
<div class="clearfix"></div>
<div class="container">
<div class="row team-data">
            <div class="col-md-4 col-sm-3 col-xs-6 w3_src">
              <div class="team-profile">
			  <div class="member-social" align="center">
                  <h1 style="color:#FFFFFF; font-size:20px; padding:2%;"> IMPORTANT LINKS </h1>
                </div>
                <!---quick link menu-->
                            <style>
							.vertical-menu a {
							  color: #FFF;
							  display: block;
							  padding: 7.4px;
							  text-decoration: none;
							  font-size:12px;
							  border-bottom:1px solid #FFFFFF;
							}
							.vertical-menu a:hover {
							  background-color: #ccc;
							  color:#FF0000;
							}
							.vertical-menu a.active {
							  background-color: #4CAF50;
							  color: white;
							}
							</style>
                            
                   		<!--quick link menu close-->
                <div class="vertical-menu" style="padding:4px;background-color: #0E698A;"> 
                                  <a href="adm_process.php" ><i class="fa fa-plus-square" style="color:#ffc107;"></i> ADMISSION <img src="images/flashing.gif" style="height:19px"></span></a>
                                  <div class="divider"></div>
                                  <a href="#student_union.html"><i class="fa fa-university" aria-hidden="true" style="color:#ffc107;"></i> STUDENT UNION</a>
                                   <div class="dropdown-divider"></div>
                                   <a href="#administrative_list.html"><i class="fa fa-user" aria-hidden="true" style="color:#ffc107;"></i>
COLLEGE ADMINISTRATION</a>
                                   <div class="dropdown-divider"></div>
                                     <a href="#commitees.html"><i class="fa fa-users" aria-hidden="true" style="color:#ffc107;"></i>
COMMITTEES</a>
                                   <div class="dropdown-divider"></div>
                                    <a href="#teach%26learn.html"><i class="fa fa-university" aria-hidden="true" style="color:#ffc107;"></i>
TEACHING-LEARNING ACTIVITIES</a>
                                   <div class="dropdown-divider"></div>
                                   <a href="#gallery.html"><i class="fa fa-university" aria-hidden="true" style="color:#ffc107;"></i>
COLLEGE ACTIVITIES</a>
								   <div class="dropdown-divider"></div>
                                   <a href="#iic_list.html"><i class="fa fa-download" aria-hidden="true" style="color:#ffc107;"></i>
IIC</a>
 <div class="dropdown-divider"></div>
                                   	<a href="#ariia_list.html"><i class="fa fa-download"" aria-hidden="true" style="color:#ffc107;"></i> ARIIA</a>
  <div class="dropdown-divider"></div>
                                   	<a href="#nirf_list.html"><i class="fa fa-download"" aria-hidden="true" style="color:#ffc107;"></i> NIRF</a>
                                             
                                   <div class="dropdown-divider"></div>
                                   	<a href="#feedback.html"><i class="fa fa-question-circle" aria-hidden="true" style="color:#ffc107;"></i> QUERY</a>
                                              <div class="dropdown-divider"></div>
                                   <a href="#vacancy_list.html"><i class="fa fa-tasks" aria-hidden="true" style="color:#ffc107;"></i>
VACANCY</a>
								   
                                    
                                    
                                </div>
              
                
            </div>
            </div>
            
            <div class="col-md-4 col-sm-3 col-xs-6">
              <div class="team-profile">
              			  <div class="member-social" align="center">
                  <h1 style="color:#FFFFFF; font-size:20px; padding:2%;">OTHER LINKS</h1>
                </div>
				
				   
                <div class="member-social1" align="center" style="padding: 1em;height:368px; background: #dfdede;">
				                 	<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="http://www.ncte.gov.in/" target="_blank"><strong><i class="fa fa-tasks" aria-hidden="true" style="color:#F00;">
					</i></strong> NCTE</a></p>                 	<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="https://www.facebook.com/sgngpgcollege.muhammadabadgohnamau.3" target="_blank"><strong><i class="fa fa-tasks" aria-hidden="true" style="color:#F00;">
					</i></strong> SGN COLLEGE FACEBOOK</a></p>                 	<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="http://www.msdsu.ac.in/" target="_blank"><strong><i class="fa fa-tasks" aria-hidden="true" style="color:#F00;">
					</i></strong>MSDSU AZAMGARH</a></p>                 	<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="https://swayam.gov.in/" target="_blank"><strong><i class="fa fa-tasks" aria-hidden="true" style="color:#F00;">
					</i></strong> SWAYAM</a></p>                 	<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="http://www.naac.gov.in/" target="_blank"><strong><i class="fa fa-tasks" aria-hidden="true" style="color:#F00;">
					</i></strong> NAAC</a></p>                 	<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="https://www.ugc.ac.in/" target="_blank"><strong><i class="fa fa-tasks" aria-hidden="true" style="color:#F00;">
					</i></strong> UGC</a></p>                 	<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="#https://mhrd.gov.in/rusa" target="_blank"><strong><i class="fa fa-tasks" aria-hidden="true" style="color:#F00;">
					</i></strong> RUSA</a></p> 						<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="http://uphed.gov.in/directorate" target="_blank"><strong><i class="fa fa-envelope" aria-hidden="true" style="color:#F00;"></i></strong>  DIRECTORATE HIGHER EDUCATION</a></p>
				  <p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="http://aishe.nic.in/aishe/home" target="_blank"><strong><i class="fa fa-envelope" aria-hidden="true" style="color:#F00;"></i></strong>AISHE</a></p> 
					<p style="font-size:13px; color:#000;text-align:left;line-height:2.5; border-bottom:1px solid #F47721;"><a href="#" target="_blank"><strong><i class="fa fa-envelope" aria-hidden="true" style="color:#F00;"></i></strong> CHECK MAIL</a></p>
                 
                <div class="dropdown-divider"></div>
    
                  
                </div>
              </div>
            </div>  
            <!-- member 1 ends here  -->
             
            <div class="col-md-4 col-sm-3 col-xs-6">
              <div class="team-profile">
              
              			  <div class="member-social" align="center">
                  <h1 style="color:#FFFFFF; font-size:20px; padding:2%;"> NOTICE BOARD </h1>
                </div>
                <div class="member-social1" align="center">
                                     
 
                        
         
             <marquee height="308px;" direction="up"  onmouseover="this.stop();" onmouseout="this.start();" scrollamount="2">
                  <?php
				   $sel="select * from  news order by id desc limit 10";
	$res=mysqli_query($conn,$sel);
	while($row=mysqli_fetch_array($res,MYSQLI_BOTH))
		
	{
		
	
				  
				  ?>
				  <p style="font-size:12px; color:#000;text-align:left;"><a href="images/<?php echo $row['document']?>" target='_blank'><i class="fa fa-clipboard" aria-hidden="true" style="color:#F00;"></i>
   <span style='color:green'><?php echo date("d-m-Y", strtotime($row['date']));?></span><b> <?php echo $row['title'] ;?> </b> <img src="images/flashing.gif" style="height:14px"></a></p> 
   <hr/>
                           
						   <?php
						   }
						   
						   ?>
						   <a href='noticeboard.php'><p style="font-size:12px; color:#000;text-align:left;"><b style='color:red'>Click Here For More</b></p></a>
                                         </marquee>  
                           
                </div>
              </div>
            </div>
            <!-- member 2 ends here  -->
            
			  <div class="clearfix"></div>
			<!-- member 3 ends here  -->
          </div>
          
<div class="clearfix"></div>
<div class='row'>
	   <h3 style="padding-top:20px;">ABOUT US</h3>

   
 
	    <div class="col-md-12 w3ls_ar" style="background-color:#FFFFFF;padding:30px;border-left:1px solid #F47721;border-top:2px solid #F47721;">
		        <h4>Welcome To SGN College</h4>
        <p style="text-align:justify;">
               
                <p style="text-align: justify;">  उत्तर प्रदेश शासन द्वारा पूर्व के ब्रिटिशकालीन क्विंश कालेज तथा म्योर कालेज के सादृश्य आदर्श महाविद्यालय की कल्पना को मूर्त स्वरूप प्रदान करने के लिए इस राजकीय महाविद्यालय की स्थापना की गई | इस महाविद्यालय की स्थापना १९ नवंबर १९७९ में हुई | तमसा नदी के किनारे महर्षि देवल की तपोभूमि पर प्रकृति प्रेम के एवं रमणीय वातावरण में स्थित इस महाविद्यालय की स्थापना का श्रेय स्व . श्री रामनरेश यादव जी पूर्व मुख्यमंत्री उ० प्र ० शासन लखनऊ की असीम विद्यानुराग एवं शैक्षिक मनोवृत्त तथा स्व . श्री राजाराम गुप्त पूर्व अध्यक्ष नगर पंचायत मुहम्मदाबाद गोहना मऊ को जाता है |...<a href="about.php" style="color:red;">Read more</a></p>
        </div>
	
      
   </div>
</div>
<!-- /About-->

<!-- services -->
	<div class="services" id="services">
		<div class="container">
						<div class="wthree_head_section">
				<h3 class="w3l_header w3_agileits_header two">STUDENT CORNER</span></h3>
			</div>
			<div class="#agile_wthree_inner_grids">
            	<a href="adm_process.php" >
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left">
					<div class="agileinfo_banner_bottom_pos">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                                <center><img src="images/siminer.png" class="img-responsive"></center>
								<p style=" text-align:center;font-size: 13px;">ADMISSION </p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                <a href="#">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left">
					<div class="agileinfo_banner_bottom_pos1">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
								<center><a href='images/holidays.jpeg' target='_blank'><img src="images/holiday.png" class="img-responsive"></a></center>
								<p style="text-align:center;font-size: 13px;">HOLIDAY LIST</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                <a href="#library_info.html">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left">
					<div class="agileinfo_banner_bottom_pos2">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                            <center><img src="images/liberey.png" class="img-responsive"></center>
								<p style="text-align:center;font-size: 13px;">LIBRARY & e-LIBRARY</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                <a href="charecter_choice.php">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left">
					<div class="agileinfo_banner_bottom_pos3">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                             <center><img src="images/siminer.png" class="img-responsive"></center>
								
								<p style="text-align:center;font-size: 13px;">Create Character/TC Certificate</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                <a href="#view_helpline.html">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left  two">
					<div class="agileinfo_banner_bottom_pos4">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                             <center><img src="images/helpline.png" class="img-responsive"></center>
								<p style="text-align:center;font-size: 13px;">WOMEN HELPLINE</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                <a href="#anti_ragg.html">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left two">
					<div class="agileinfo_banner_bottom_pos5">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                            <center><img src="images/antiragging.png" class="img-responsive"></center>
								
								<p style="text-align:center;font-size: 13px;">ANTI-RAGGING</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                <a href="#examination_list.html">
                <div class="col-md-3 col-sm-3 agileits_banner_bottom_left two">
					<div class="agileinfo_banner_bottom_pos">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                            <center><img src="images/examination.png" class="img-responsive"></center>
								<p style="text-align:center;font-size: 13px;">EXAMINATION</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                <a href="view_choice.php">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left two">
					<div class="agileinfo_banner_bottom_pos1">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                            <center><img src="images/siminer.png" class="img-responsive"></center>
								<p style="text-align:center;font-size: 13px;">View Character/TC Certificate </p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                
                 <a href="academic_calender1.php">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left two">
					<div class="agileinfo_banner_bottom_pos">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                             <center><img src="images/academic.png" class="img-responsive"></center>
								<p style="text-align:center;font-size: 13px;">ACADEMIC CALENDAR</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                
                  <a href="#seminar.html">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left two">
					<div class="agileinfo_banner_bottom_pos3">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                            <center><img src="images/siminer.png" class="img-responsive"></center>
								<p style="text-align:center;font-size: 13px;">SEMINAR & CONFERENCES</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                
                 <a href="#" target="_blank">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left two">
					<div class="agileinfo_banner_bottom_pos1">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                            <center><img src="images/liberey.png" class="img-responsive"></center>
								<h4 class="sub_service_agileits"></h4>
								<p style="text-align:center;font-size: 13px;">SYLLABUS</p>
								
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
                </a>
                
                 <a href="#research.html">
				<div class="col-md-3 col-sm-3 agileits_banner_bottom_left two">
					<div class="agileinfo_banner_bottom_pos5">
						<div class="w3_agileits_banner_bottom_pos_grid">
							<div class="col-md-12 col-sm-12 wthree_banner_bottom_grid_right">
                            <center><img src="images/research.png" class="img-responsive"></center>
								<p style="text-align:center;font-size: 13px;">RESEARCH</p>
								
							</div>
							<div class="clearfix"> </div> 
						</div>
					</div>
				</div>
                </a>
           
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!-- //services -->
	
<!-- testimonals section -->
<!--<div class="testimonials" id="testimonials">
		<div class="container">
			
				<h3>TESTIMONIALS</h3>
		
			<div class="agileits-feedback-grids">
				<div id="owl-demo" class="owl-carousel owl-theme">
					<div class="item">
						<div class="test-review">
										<div class="w3_ic">
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										</div>
										<p>Polite sadipscing elitr, sed diam is nonumy is eirmod tempor invidunt ut labore et dolore magna aliquyam erat,  </p>
											<div class="img-agile">
												<img src="images/t1.jpg" class="img-responsive" alt=""/>
											</div>
											  <h5>Rita</h5>
					                	    </div>
					</div>
					<div class="item">
					<div class="test-review">
									<div class="w3_ic">
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										</div>
										 <p>Polite sadipscing elitr, sed diam is nonumy is eirmod tempor invidunt ut labore et dolore magna aliquyam erat,  </p>
						                	<div class="img-agile">
											<img src="images/t2.jpg" class="img-responsive" alt=""/>
											</div>
											<h5>Williams Allen</h5>
					                	</div>
					</div>
					<div class="item">
						<div class="test-review">
										<div class="w3_ic">
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										</div>
										     <p>Polite sadipscing elitr, sed diam is nonumy is eirmod tempor invidunt ut labore et dolore magna aliquyam erat,   </p>
						                	<div class="img-agile">
											<img src="images/t3.jpg" class="img-responsive" alt=""/>
											</div>
											<h5>Laila</h5>
					                	</div>
					</div>
					<div class="item">
						<div class="test-review">
										<div class="w3_ic">
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										</div> 
										     <p>Polite sadipscing elitr, sed diam is nonumy is eirmod tempor invidunt ut labore et dolore magna aliquyam erat,  </p>
						                	<div class="img-agile">
											<img src="images/t4.jpg" class="img-responsive" alt=""/>
											</div>
											<h5>Stella</h5>
					                	</div>
					</div>
					<div class="item">
						<div class="test-review">
										<div class="w3_ic">
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										</div>
										     <p>Polite sadipscing elitr, sed diam is nonumy is eirmod tempor invidunt ut labore et dolore magna aliquyam erat,  </p>
						                	<div class="img-agile">
											<img src="images/t5.jpg" class="img-responsive" alt=""/>
											</div>
											<h5>Rick</h5>
					                	</div>
					</div>
					<div class="item">
						<div class="test-review">
						<div class="w3_ic">
										<i class="fa fa-quote-left" aria-hidden="true"></i>
										</div>
										     <p>Polite sadipscing elitr, sed diam is nonumy is eirmod tempor invidunt ut labore et dolore magna aliquyam erat,  </p>
						                	<div class="img-agile">
											<img src="images/t6.jpg" class="img-responsive" alt=""/>
											</div>
											<h5>Richard</h5>
					                	</div>
					</div>
				</div>
			</div>
		</div>
	</div>-->
<!-- /testimonals section -->


<!-- Tabs-->

<!--<div class="departments" id="departments">
<h3>OUR DEPARTMENTS</h3>
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<ul class="resp-tabs-list">
<li class="resp-tab-item" ><span>Cardiology</span></li>
<li class="resp-tab-item" ><label></label><span>Neurology</span></li>
<li class="resp-tab-item" ><label></label><span>Dental</span></li>
<li class="resp-tab-item" ><label></label><span>Dermitology</span></li>
<li class="resp-tab-item" ><label></label><span>Radiology</span></li>
</ul>
<div class="container">

<div class="tab-1 resp-tab-content" >
<div class="col-md-6 col-sm-6 w3_tm">
<h4>Health Care</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="col-md-6 col-sm-6 w3_im">
<img src="images/d1.jpg" class="img-responsive">
</div>
<div class="clearfix"></div>	
</div>
<div class="tab-1 resp-tab-content" >
<div class="col-md-6 col-sm-6 w3_tm">
<h4>Health Care</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="col-md-6 col-sm-6 w3_im">
<img src="images/d2.jpg" class="img-responsive">
</div>
<div class="clearfix"></div>	
</div>
<div class="tab-1 resp-tab-content" >
<div class="col-md-6 col-sm-6 w3_tm">
<h4>Health Care</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="col-md-6 col-sm-6 w3_im">
<img src="images/d3.jpg" class="img-responsive">
</div>
<div class="clearfix"></div>
</div>
<div class="tab-1 resp-tab-content" >
<div class="col-md-6 col-sm-6 w3_tm">
<h4>Health Care</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="col-md-6 col-sm-6 w3_im">
<img src="images/d4.jpg" class="img-responsive">
</div>
<div class="clearfix"></div>
</div>
<div class="tab-1 resp-tab-content" >
<div class="col-md-6 col-sm-6 w3_tm">
<h4>Health Care</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
</div>
<div class="col-md-6 col-sm-6 w3_im">
<img src="images/d5.jpg" class="img-responsive">
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</div>-->
<!--/Tabs-->

<!-- Appointment Form -->
<!--<div class="appointmentform" id="appointmentform">
<div class="container">
	<div class="register-full">
		<div class="register-right">
			<div class="register-in">
		
				<h3>APPOINTMENT FORM</h3>
				<div class=" w3_abp">
				<div class="registerimg">
					<img src="images/app.jpg" class="img-responsive" alt="" />
				</div>
				</div>
				<div class=" register-form">
					<form action="#" method="post">
						<div class="fields-grid">
							<div class="styled-input">
								<input type="text" name="Your name" required=""> 
								<label>Patients Name</label>
								<span></span>
							</div> 
							<div class="styled-input">
								<input type="email" name="Email" required="">
								<label>Email</label>
								<span></span>
							</div>
							<div class="styled-input">
								<input type="text" name="Phone" required=""> 
								<label>Phone Number</label>
								<span></span>
							</div> 
							<div class="styled-input">
								<h2>Sex :</h2>
								  <input type="radio" name="gender" value="male"> Male
								  <input type="radio" name="gender" value="female"> Female
							</div>
							<div class="styled-input">
								<select id="category1" required="">
									<option value="">Specialization*</option>
									<option value="">Cardiology</option>
									<option value="">Heart Surgery</option>
									<option value="">Skin Care</option>
									<option value="">Body Check-up</option>
									<option value="">Numerology</option>
									<option value="">Diagnosis</option>
									<option value="">Others</option>
								</select>
								<span></span>
							</div>
							<div class="styled-input">
								<select id="category2" required="">
									<option value="">Choose Hospital*</option>
									<option value="">Hospital 1</option>
									<option value="">Hospital 2</option>
									<option value="">Hospital 3</option>
									<option value="">Hospital 4</option>
									<option value="">Hospital 5</option>
								</select>
								<span></span>
							</div>
							<div class="styled-input">
							<input class="date" id="datepicker" name="Text" type="text" value="MM/DD/YYYY" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'MM/DD/YYYY';}"  required="">
							</div>	
								<div class="content-wthree2">
									<div class="grid-w3layouts1">
										<div class="w3-agile1">
											<label class="rating">Taking any medications currently?<span>*</span></label>
											<ul>
												<li>
													<input type="radio" id="a-option" name="selector1">
													<label for="a-option">Yes </label>
													<div class="check"></div>
												</li>
												<li>
													<input type="radio" id="b-option" name="selector1">
													<label for="b-option">No</label>
													<div class="check"><div class="inside"></div></div>
												</li>
											</ul>
												<div class="clear"></div>
										</div>
									</div>
									<div class="clear"></div>
								</div>
								<div class="styled-input">
									<label class="list">If yes,Please list it<span></span></label>
									<textarea></textarea>
									<span></span>
								</div>
								<input type="submit" name="submit" value="Book Appointment">
							
						</div>
						
					</form>
						
				</div>
				<div class="clearfix"></div>
			 </div>
		</div>
		</div>
	</div>
	</div>-->

<!-- //Appointment Form -->

<!-- gallery -->
   <div class="gallery" id="gallery">
         <div class="container">
            <h3>OUR GALLERY</h3>
          
            <div class="about-bottom  w3ls-team-info">
                <div class="col-md-12">
                    <div id="Carousel" class="carousel slide">
                        <!-- Carousel items -->
                        <div class="carousel-inner">
		  

                            <div class="item active">
                                <div class="row">
                                 
<div class="container">
    
    
    <div class="marquee">
  <div class="marquee-content"> 
   <?php 
		 $sel="select * from gallery  where area='Gallery' order by id desc";
$res=mysqli_query($conn,$sel);
		while($row=mysqli_fetch_array($res,MYSQLI_BOTH))
			
		{	
		
		?>
    <div class="marquee-item" style='width:600px'>
      <img src="code/img/<?php echo $row['image']?>" class='img-responsive' style='height:200px;width:600px' alt=""/>
    </div>
    <?php }?>
    
  </div>
</div>
</div>
<style>
    
    * {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.marquee {
/*   overflow: hidden; */
}

.marquee-content {
  display: flex;
  animation: scrolling 10s linear infinite;
}

.marquee-item {
  flex: 0 0 16vw;
  margin: 0 1vw;
/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
}

.marquee-item img {
  display: block;
  width: 100%;
/*   padding: 0 20px; */
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}

</style>
 
</div>

</div>

                                   
                                    
                                   
                                    
                                  
                                    
                                  
                                 
                                   
                                </div>
                                <!--.row-->
                            </div>
                            
                            
						
						
                        </div>
					
                     

                </div>
            </div>
			
        </div>
    	
	</div>
	</div>
	
    <!-- //gallery -->


	<!-- 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]
		});
		}); 
</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>