Your IP : 216.73.216.40


Current Path : /var/www/html/mmishra/iws8/html/ialumni/
Upload File :
Current File : /var/www/html/mmishra/iws8/html/ialumni/index.php

<?php 
require_once("include/connection.php");
require_once("include/functions.php");

session_start();

$session = isset($_SESSION['ilogin']);
if ($session) {
        $ilogin = $_SESSION['ilogin'];
        $result = get_user_details($ilogin);
        $pp = $result['user_dp'];

        $chead = '<li class="btn-notifi" style="margin-left: 50px;"> <a href="#"> <i class="icon-bell" style="font-size: 16px;vertical-align: baseline;"></i> </a> </li>
        <li class="dropdown btn-user">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">                  
        <span class="user-img" style="display:inline-block;background-image:url(images/uploads/alumni/'.$pp.');width: 24px;height:24px;background-size: cover;background-repeat: no-repeat;position: relative;top: 7px;border-radius:30px"></span>
        <span class="caret"></span>
        </a>

        <ul class="dropdown-menu" style="margin-top: 10px;margin-left: -110px;font-size:13px;">
        <li><a href="?pg=profile"> My Profile </a></li>
        <li role="separator" class="divider" style="display: block;margin: 0;"></li>
        <li><a href="ajax/logout.php"> Logout </a></li>
        </ul>

        </li>';
} else {
        $chead = '<li class="btn-register" style="margin-left: 50px;"> <a href="?pg=register"> Register </a></li>
        <li class="btn-registrations" style="margin-left: 20px;"> <a href="?pg=registrations"> Registrations </a></li>
        <li class="btn-login"> <a href="?pg=login"> Login </a></li>';
}

?>

<!DOCTYPE html>
<html>
<head>
	<title>Alumni@IIITA</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   	<link rel="stylesheet" href="styles/bootstrap.css">
    	<link rel="stylesheet" href="styles/ello/fontello.css">
	<link rel="stylesheet" href="styles/layout.css" type="text/css" />
	<link rel="stylesheet" href="styles/mm.css" type="text/css" />
    
	<script src="javascript/jquery.min.js"></script>
    	<script src="javascript/ajaxupload.js"></script>
    	<script src="javascript/main.js"></script>
</head>
<body id="stark" style="background: url(images/watermark.png) fixed;background-size: 100% auto;">
  	<div id="header" class="clear" style="width:100%; padding:0; background: #fff; padding-bottom:1px; border-bottom: 1px solid #d3d3d3;">
        <div class="hcontent" style="background: url('images/headBack.png');height: 143px; width:100%;">
            <div class="himg" style="background: url('images/header.png');height: 143px; background-repeat: no-repeat; width: 75%; margin-left: 15%;"></div>
            <div class="hincontent">
                <div class="h-aap" style="color: #fff;font-size: 21px;position: relative;top: -115px;left: 37%;">
                    <span class="s-h-aap-f">Alumni Association Portal</span>
                </div>
            </div>
        </div>
        
        <div id="topnav">
            <ul style="list-style: none; margin-left: 15%; margin-top: 8px;margin-bottom: 5px;">
                <li class="btn-home"><a href="/"  class="active">Home</a></li>
                <li class="btn-dir"><a href="?pg=directory"> Directory <i class="icon icon-down-open-mini" style></i> </a> </li>
                <li class="btn-meets"> <a href="?pg=meets"> Meets <i class="icon icon-down-open-mini" style></i> </a> </li>
                <li class="btn-meets"> <a href="?pg=committee"> Committee <i class="icon icon-down-open-mini" style></i> </a> </li>
                <li class="btn-search">
			<span class="icon-search" style="width: 15px;display: inline-block;height: 15px;position: relative;top: 0px;left: 25px;"></span>
                    	<input class="query" name="query" type="text" placeholder="Search by name, batch etc." onkeyup="search_alumni();" 
			style="width: 225px;padding: 5px;border-radius: 15px;padding-left: 25px;outline: none;padding-bottom: 7px;background: #fff;color: #333;border: 1px solid #d3d3d3;">
		</li>
                <?php echo $chead; ?>
            </ul>
        </div>
    </div>
    
    <div id='search-result' style="width:72%; margin:auto; left:0px; position:relative; z-index:0; padding-bottom:10px;"></div>    

	<?php
   		//======================================== 
		$pg = $_REQUEST['pg'];
		if (!$pg) $pg = 'home';

		include "$pg.inc"; 
		//========================================
	?>
    
    <div id="footer">
        <div class="fcontent" style="width: 72%;margin: auto;">
            <div class="fleft" style="color:#fff;width: 64%;display: inline-block;margin-left: 10px;">
                <span class="org-logo">
                    <span style="display:inline-block;width: 40px;height: 45px;background-image:url(images/flogo.jpg);background-size: contain;background-repeat: no-repeat;position: relative;top: 20px;"></span>
                    <a href="http://www.iiita.ac.in" target="_blank" style="color: #fff;font-weight: bold;">IIIT Allahabad</a>
                </span>
                <span class="c-text" style="color: #d3d3d3;"> <i class="icon-copyright"></i> copyright 2015</span>
            </div>

            <div class="fright" style="width: 20%;float: right;position: relative;top: 30px;">
            
                <div class="">
                  <span style="color: #d3d3d3;">Developed by</span>
                  <a href="#" target="" style="color: #fff;font-weight: bold;">Ankit Stark</a>
                </div>
            </div>
        </div>
    </div>
   
 
    <script>
        $('.btn-user').click(function() {
            $('#topnav .dropdown-menu').fadeToggle();
        });
    </script>
    
    <script>
        var slideshow;
        slideshow = setInterval(function() {
            slideimg('ss');
        }, 5000);
        
        $('.img-prev').click(function(){
            slideimg('prev');
        });
        
        $('.img-next').click(function(){
            slideimg('next');
        });
        
        $('.img-play').click(function(){
            
            slideshow = setInterval(function() {
                slideimg('ss');
            }, 5000);
            
            $(this).parent('.sl-ctrl').hide();
            $('.impa').show();
        });
        
        $('.img-pause').click(function(){
            clearInterval(slideshow);
            
            $(this).parent('.sl-ctrl').hide();
            $('.impl').show();
        });
        
        
        var index = 0;
        
        function slideimg(action) {
            	var numImgs = $('.sl-img').length;
            	index = $('.sl-img.opaque').data('index');
                
            	$(".sl-img").removeClass("opaque");
        
            
            	if(action == "prev") {        
                	if( index == 1 ) {
                    		index = numImgs;
                	} else {
                    		index--;
                	}        
            	}
            
            	if( (action == "next") || action == "ss"){
     			if(index == numImgs) {
             		       	index = 1;
                	} else {
                    		index++;
                	}
            	}
            
            	$(".sl-img:nth-child("+(index)+")").addClass("opaque");
            
               	if (index == 1) {
                	$('.sl-text').text('A very warm welcome to brand ambassadors at their alma mater.');
            	}
            
            	if (index == 2) {
                	$('.sl-text').text('Never forget your roots, especially IIITA roots.');
            	}
            
            	if (index == 3) {
                	$('.sl-text').text('Coming soon: Admin and BH5');
            	}
        }
	</script>
	

	<script>
        $('.search-alumni').submit(search_alumni);
        function search_alumni(e) {
                //var ctr = 0;
                //e.preventDefault();

                query = $(".query").val();
                var request = $.ajax({
                         url:  "ajax/search_alumni.php",
                         method: "POST",
                         data: { query : query },
			dataType: "html"
		});

		request.done(function(response) {
                        $("#search-result").html(response);
       		});
	}
    </script>
</body>
</html>