index.php

<html><head>	<title>13th Annual Alumni Meet</title>	<link rel="stylesheet" href="css/animate.css">	<script src="js/wow.js" ></script>	 <script>              new WOW().init();              </script><link rel="stylesheet" href="css/fancybox.css" type="text/css" media="screen" /><link rel="stylesheet" href="css/form.css"/><link rel="stylesheet" href="css/navbar.css" type="text/css"><script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">  <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script><script>	$(function() {	  $('a[href*=#]:not([href=#])').click(function() {	    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {	      var target = $(this.hash);	      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');	      if (target.length) {	        $('html,body').animate({	          scrollTop: target.offset().top	        },500);	        return false;	      }	    }	  });	});</script><style type="text/css">img{    margin-left: 1px;    margin-bottom: 1px;}.button_format{	height: 40px;	width: 200px;	margin-left: 110px;}img.two{    width: 200px;    height: 200px;}img.four{    width: 400px;    height: 400px;}div.row{    margin-bottom: 5px;}.col-lg-2{height: 200px; width: 210px;}.col-lg-4{height:400px;width:420px;}.fix{	background:url('img/aadha.jpg') no-repeat fixed;	height:100vh;}.butn{width:200px;height:40px;font-size:16px;font-family:'champagne';margin-left:100px;margin-top:-4px;border-radius:3px;color:#052a3d;}.quote{font-size:12px; font-weight: normal;color:#385DAE;margin:45px;width:450px;font-family: 'champagne';}.modal-content{	width: 50vw;	margin: auto;}</style></head><div class="container-fluid fix">	<?php include 'navbar.php';?><div class="logo" style="margin-top:-50px"><img src="img/lt.png" width="55px" style="margin-left:60px;"><h1 style="text-align:left;font-size:150%;color:white;margin-top:-40px;">LARSEN & TOUBRO &nbsp; & &nbsp;<span style="font-size:50px;">IIT KHARAGPUR</span>&nbsp;&nbsp; presents</h1></div><div class="register"><main style="margin-top:-110px;">	<h1 style="color:black;font-size:32px">REGISTER</h1>	<form class="flp">		<div>			<input type="text" id="fname" placeholder="Your Name"/>		</div>		<div>			<input type="text" id="email" placeholder="Email"/>		</div>				<button type="button" class="btn butn">SUBMIT</button>	</form><div style="margin-left:41px; margin-top:10px;">			 <button type="button" class="btn btn-primary btn-lg button_format" data-toggle="modal" data-target="#myModal">LOGIN</button>			 <hr> 			 <a href="files/brochure.pdf" target="_blank">			 <button type="button" class="btn btn-primary btn-lg button_format" style="width:100%; margin-left:-5%;">Invitation Brochure</button>			 </a>			 <br> <br>			 <a href="http://www.alumnimeet.iitkgp.ernet.in/docs/aam-guidelines.pdf" target="_blank">			 <button type="button" class="btn btn-primary btn-lg button_format" style="width:100%; margin-left:-5%;">Guidelines</button>			</a>  				<!-- Modal -->				  <div class="modal fade" id="myModal" role="dialog">				    				      <!-- Modal content-->				      <div class="modal-content">				        <div class="modal-header">				          <button type="button" class="close" data-dismiss="modal">&times;</button>				          <h4 class="modal-title">Login</h4>				        </div>				        <div class="modal-body">				       <form action="login.php" method="post" style="margin-top:100px;">					 <div class="form-group">					        <label for="Email ID">Email ID</label>					        <input class="form-control" type="email" name="email" value="" placeholder="Email ID">					      </div>					      <div class="form-group">					        <label for="Password">Password</label>					        <input class="form-control" type="password" name="password" value="" placeholder="Password">					      </div>					 <button type="submit" class="btn btn-success btn-lg btn-block" name="button">LOGIN</button>					 		</form>				        </div>				        <div class="modal-footer">				          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>				        </div>				      </div>				      				    				  </div>			 				    	</div>	<!--<div class="quote">	<img src="d.png" style="margin-left:90px;">	<br><p style="text-align:center; color:#385DAE;">Back to the Roots</p> <br><br><p style="text-align:center;color:#385DAE">Come let's find our roots!</p><br>		<img src="c.png" style="margin-left:350px;margin-top:-10px;"></div>-->	</main></div><?phpinclude 'slider_new.php';?></div><!-- jQuery --><script src="http://thecodeplayer.com/u/js/jquery-1.9.1.min.js" type="text/javascript"></script><!-- jQuery easing plugin for animation fun --><script src="http://thecodeplayer.com/u/js/jquery.easing.min.js" type="text/javascript"></script><script>//breakdown the labels into single character spans$(".flp label").each(function(){	var sop = '<span class="ch">'; //span opening	var scl = '</span>'; //span closing	//split the label into single letters and inject span tags around them	$(this).html(sop + $(this).html().split("").join(scl+sop) + scl);	//to prevent space-only spans from collapsing	$(".ch:contains(' ')").html("&nbsp;");})var d;//animation time$(".flp input").focus(function(){	//calculate movement for .ch = half of input height	var tm = $(this).outerHeight()/2 *-1 + "px";	//label = next sibling of input	//to prevent multiple animation trigger by mistake we will use .stop() before animating any character and clear any animation queued by .delay()	$(this).next().addClass("focussed").children().stop(true).each(function(i){		d = i*50;//delay		$(this).delay(d).animate({top: tm}, 200, 'easeOutBack');	})})$(".flp input").blur(function(){	//animate the label down if content of the input is empty	if($(this).val() == "")	{		$(this).next().removeClass("focussed").children().stop(true).each(function(i){			d = i*50;			$(this).delay(d).animate({top: 0}, 500, 'easeInOutBack');		})	}})</script><div id="events">	<?php include 'events.php';?></div><br><br><br><div id="gallery">	<h1 style="color:white;margin-left:-50vw; font-size:40px;">Gallery</h1>	<?php include 'gallery.php' ;?></div><?php include 'footer.php';?></html>