homecoming.php

<html>
<script type="text/javascript">
$(function () {

        $('#form1').on('submit', function (e) {

          e.preventDefault();

          $.ajax({
            type: 'post',
            url: 'aamlogin.php',
            data: $('#form1').serialize(),
            success: function (response) {
               if(response== 0 )
               {
                swal({
  title: "INCOMPLETE DETAILS!",
  text: "Please enter email-id and password!",
  icon: "error",
  buttons: true,
  dangerMode: true,
}).then((value) => {
 
});
}
else if(response== 1 )
               {
                swal({
  title: "INVALID LOGIN!",
  text: "Please re-enter your email and password!",
  icon: "error",
  buttons: true,
  dangerMode: true,
}).then((value) => {
 
});
}
else if(response== 2 )
  {
 window.location="home_hc.php";
//alert(response);
}
else
{
  alert(response);
}
            }
          });

        });

      });
</script> 
<script type="text/javascript">
  $(function () {
      $('#sweetalert').on('click', function () {
          swal({
  title: "SORRY!",
  text: "Registrations have been closed",
  icon: "error",
  buttons: true,
  dangerMode: true,
});
      });
  });
</script>


<html>
<head>
<title>Homecoming | Students' Alumni Cell &middot; IIT Kharagpur</title>
<link rel="stylesheet" href="css/materialize.min.css">
<link rel="icon"  href="img/meet_14.png">
  <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
 <script src="js/materialize.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script type="text/javascript">
        $(document).ready(function(){
          // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
          $('.modal-trigger').leanModal();
        });
    </script>

    <script type="text/javascript">
$(function () {

        $('#form1').on('submit', function (e) {

          e.preventDefault();

          $.ajax({
            type: 'post',
            url: 'hclogin.php',
            data: $('#form1').serialize(),
            success: function (response) {
               if(response== 0 )
               {
                swal({
  title: "INCOMPLETE DETAILS!",
  text: "Please enter email-id and password!",
  icon: "error",
  buttons: true,
  dangerMode: true,
}).then((value) => {
 
});
}
else if(response== 1 )
               {
                swal({
  title: "INVALID LOGIN!",
  text: "Please re-enter your email and password!",
  icon: "error",
  buttons: true,
  dangerMode: true,
}).then((value) => {
 
});
}
else if(response== 2 )
  {
 window.location="home_hc.php";
//alert(response);
}
else
{
  alert(response);
}
            }
          });

        });

      });
</script> 

<style type="text/css">
.hr{

  align-conten
}
   
   #button{

    padding:10px;
    display:inline;
   }

   @media only screen and (min-width: 768px){
     .ac-head{
       margin-top:-20px;
     }
    .aam-reg{
      height: 380px;
    }
     .aam-reg a{
      margin-top: 60px;
      display: inline-block;
    }
      .ac-aam{
        margin-left: 0px;
        width:100vw;
        
    }
   } 
    @media only screen and (max-width: 468px){
    *{
    margin:0px;
    padding:0px;}
      .ac-aam img{ height: 30%;
    margin: 0px auto;
    max-width:100%;
    }
    .info {
      width: 330px;
      text-align: center;
    }
    
    .aam-reg{
      height: 150px;
      margin-top: 10px;
    }
    .aam-reg a{
      margin-top: 10px;
    } 
    .view{
    position:absolute;
    left:0px;
}
  #button{
    display: inherit;
    width: 300px;
    padding: 0px

  }
 .hr{

  margin-left: 13%;
 }

  }
</style>
</head>

<body>
  <div class="_wrapper" style="overflow: hidden;" >
    <?php include 'navbar.php';?>

    

      <div class="row ac-aam">
        <img src="img/homecoming_poster.jpg" style="margin-left: 0px;width: 100vw;height:50.826vw" > 
</div>
  <div class="row">
  <center>
    <div class="heading ac-head" style="border:3px black solid;display:inline-block;padding-top:2px;margin:3px;padding-right:20px;padding-left:20px;">
        <h4 style="margin-bottom: 0px;" ><b>Homecoming 2019</b> </h4> <br>
        <h5  style="margin-top: 0px;">16th to 18th August, 2019</h5>
      </div>
    </center>
  <div class="col l12 s12 m12">
    
    <center>
    <p style="width:90%;padding:10px;font-size:17px;text-align:justify">
      We live our day to day lives oblivious to the beauty that surrounds us and by the time we do realise what exactly it is that we've been blessed with, it's generally too late. However when the good ol' days call yet again, nostalgia surrounds us as we walk the hallowed boulevards of our youth. The Homecoming brings to our alumni a chance to reconnect with their Alma Mater. It lets them relive the carefree days of their college lives as they get a chance to visit all the locations they once frequented. The <b>Homecoming 2019</b> will be organized from 16th to 18th August, 2019 for the batches of <b>1999</b>, <b>2004</b> and <b>2009</b>.
    </p>
  </center>
  </div>
  
<div class="row">

          <div class="offset-l3 col l3"><a class="waves-effect waves-light btn-large modal-trigger" href="#modal1" style="width: 105%;height:5em;padding-top: 10px" >LOGIN</a>
          </div>
              <br><br>
          <div class="col l3"><a href="signup.php" class="waves-effect waves-light btn" id="sweetalert" style="width: 105%;height: 5em">Homecoming 2019 <br> Registration</a>
          </div>
          
</div>
<br><br>
<hr class="hr" style="color:grey;width:80%">
<div class="col l12 s12 m12">
    <center>
    <br><br>
    <div class="heading ac-head" style="border:3px black solid;display:inline-block;padding-top:2px;margin:3px;padding-right:20px;padding-left:20px;">
        <h4 style="margin-bottom: 0px;" ><b>Glimpses of Homecoming 2018</b> </h4> <br>
        <h5  style="margin-top: 0px;">17th to 19th August, 2018</h5>
      </div>
    <br><br>
    <p style="width:90%;padding:10px;font-size:17px;text-align:justify">
      The <b>Homecoming 2018</b> was organised from <b>17th to 19th August, 2018</b> for the batches of <b>1998</b>, <b>2003</b> and <b>2008</b>. The Homecoming is now a major event anticipated by both the alumni and the students. As the years pass by and winds of change keep blowing, it shall too keep evolving with the pace of time, hoping to bring to the alumni an experience that they may cherish all their lives.
    </p>
  </center>
  <br>
  </div>
    <!---  Modal Structure For login - -->

    <div id="modal1" class="modal ">
        <div class="modal-content">

            <div class="row">
                <form class="col s12 center-align" id="form1">
                    <div class="row">
                        <h2>LOGIN</h2>
                        <div class="input-field col s12">
                            <i class="material-icons prefix">account_circle</i>
                            <input id="icon_prefix" type="email" class="validate" name="email">
                            <label for="icon_prefix">Email ID</label>
                        </div>
                        <div class="input-field col s12">
                            <i class="material-icons prefix">vpn_key</i>
                            <input id="icon_telephone" type="password" class="validate" name="password">
                            <label for="icon_telephone">Password</label>
                        </div>
                        <button class="btn-large waves-effect waves-light " type="submit" name="action" style="margin-top:15px; width:200px;">Log In
                            <i class="material-icons right">send</i> </button>
                    </div>
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#!" class=" modal-action modal-close waves-effect waves-blue btn-flat">CLOSE</a>
        </div>
    </div>
  <!-- login Modal end -->
<div class="images" style="background:white;">
  <div class="row">
    <div class="col l6">
      <center>
        <br>
      <img src="img/14th_aam/reunion.jpg" style="width:90%;">
      </center>
    </div>
    <div class="col l6">
      <br>
      <center>
        <h4 style="padding-top:20px">Grand Reunion</h4>
      <p style="width:90%;padding:20px;font-size:17px">
        Students' Alumni Cell recently organised Homecoming 2018 which was a fun and fascinating trip down the memory lane that gave our alumni an opportunity to see old friends again and catch up with them. They came across places and stories that were almost forgotten. Some things changed, some stayed the same. After some great conversation, all those years wherein they had not seen each other seem to just fade away. You would never want to miss the excitement and renewed camaraderie during the reunion.
      </p>
      </center>
    </div>
  </div>
  
<hr class="hr" style="color:grey;width:70%">
  <div class="row">
    <div class="col l6">
      <br>
      <center>
      <h4 style="font-style:;padding-top:20px">2.2 Marathon</h4>
      <p style="width:90%;padding:20px;font-size:17px">
        The iconic marathon track that our campus possesses is inviting enough for everyone to run their problems off. With the alumni coming back after such a long time the Institute fails not to teach them a thing or two again with the run for health in the 2.2 marathon organized early in the morning. Students and alumni run together to foster the spirit of good health and harmony. 
      </p>
      </center>
    </div>
    <div class="col l6">
      <center>
        <br>
      <img src="img/14th_aam/marathon.jpg" style="width:90%;">
      </center>
    </div>
  </div>
</div>
  
  <hr class="hr" style="color:grey;width:70%">
  <div class="row">
    <div class="col l6">
      <center>
        <br>
      <img src="img/14th_aam/hall_visit.jpg" style="width:90%;">
      </center>
    </div>
    <div class="col l6">
      <br>
      <center>
        <h4 style="font-style:;padding-top:20px">Hall Visit</h4>
      <p style="width:90%;padding:20px;font-size:17px">
        Every KGPian shares a strong bond with their Hall. Visiting a place where we spent the 4 most important years of our life is a stimulus enough to send shivers down our body. The place where we learnt and lived is sure to have latched a fragment of our soul inside it. To come back to our hall of residence is nothing less than a reunion of the parts of our soul. The alumni got the chance to walk through the corridors and reminisce the impressions that they left. 
      </p>
      </center>
    </div>
  </div>
  <hr class="hr" style="color:grey;width:70%">
  <div class="row">
    <div class="col l6">
      <br>
      <center>
        <h4 style="padding-top:20px">Campus Tour</h4>
      <p style="width:90%;padding:20px;font-size:17px">
        In the progressive world we live in, there are a lot of changes and yet a lot of constants remain too. The pleasure pulses kick in when we get to see the same old buildings and roads lying in harmony with the new developments all around. Campus Tour is our way of showing the 2200 acre campus in a nutshell and highlighting all the major developments around.
      </p>
      </center>
    </div>
    <div class="col l6">
      <center>
        <br>
      <img src="img/14th_aam/campus_tour.jpg" style="width:90%;">
      </center>
    </div>
  </div>
  
  
    


<hr class="hr" style="color:grey;width:70%">
  <div class="row">
    <div class="col l6">
      <center>
        <br>
      <img src="img/14th_aam/dept_visit.jpg" style="width:90%;">
      </center>
    </div>
    <div class="col l6">
      <br>
      <center>
        <h4 style="font-style:;padding-top:20px">Department Visit</h4>
      <p style="width:90%;padding:20px;font-size:17px">
        Sweet and salty memories of slogging in labs, fighting sleep and attempting to learn is something that all our departments gave us. If IIT Kharagpur was a temple of knowledge then our department is where the main shrine of this temple resides. A visit back to this shrine is sure to bring back the blended feelings of hard work, procrastination, learning and excitement.
      </p>
      </center>
    </div>
  </div>

</div>

    

    <div class="photos" style="padding-bottom:10px;margin-top: -40px">
      <center>
        <p style="width:90%;padding:5px;display: inline;font-size:17px">For more photos, kindly click on:</p>
        <a id="button" class="waves-effect waves-light btn" href=" https://drive.google.com/drive/folders/12E0iqLcU-4lahFelrtu34_zNNBRF1jA1" target="_blank">Homecoming '18</a>
      </center>
    </div>

    <?php include 'footer.php';?>
  </body>
  </html>