Your IP : 216.73.216.40
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="images/sitelogo.jpg" type="image/x-icon">
<title>GAM2025</title>
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/all.css">
<link rel="stylesheet" type="text/css" href="css/all.min.css">
<link rel="stylesheet" href="path/to/owl.carousel.min.css">
<link rel="stylesheet" href="path/to/owl.theme.default.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="path/to/owl.carousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="css/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="css/jquery.rateyo.css" />
<link rel="stylesheet" type="text/css" href="css/jquery.mmenu.all.css" />
<link rel="stylesheet" type="text/css" href="css/meanmenu.min.css">
<link rel="stylesheet" type="text/css" href="inner-page-style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="path/to/owl.carousel.min.css">
<link rel="stylesheet" href="path/to/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,600,700" rel="stylesheet">
<style>
/* Optional: Adjust the spacing around the banner section */
/* .slider{
margin:20px auto;
text-align: center;
padding:20px;
color:white;
}
.slider .parent-slide{
padding:15px;
}
.slider img{
display: block;
margin:auto;
} */
.banner {
padding: 40px;
/* Adjust padding as needed */
}
.submenu {
display: none;
position: absolute;
background-color: #fff;
list-style: none;
padding: 0;
margin: 0;
top: 100%;
left: 0;
z-index: 1000;
}
.submenu li {
width: 250px;
}
.submenu a {
padding: 10px 15px;
white-space: nowrap;
color: #fff;
text-decoration: none;
}
.menu-parent:hover .submenu {
display: block;
}
.submenu2 {
display: none;
position: absolute;
background-color: #fff;
list-style: none;
padding: 0;
margin: 0;
top: 100%;
left: 30%;
z-index: 1000;
}
.submenu2 li {
width: 200px;
}
.submenu2 a {
padding: 10px 15px;
white-space: nowrap;
color: #fff;
text-decoration: none;
}
.menu-parent2:hover .submenu2 {
display: block;
}
.whyUs-section {
position: relative;
width: 100%;
padding: 0;
/* Remove any padding */
}
.whyUs-section .container {
padding: 0;
/* Ensure no padding on the container */
}
.banner-image {
width: 100%;
height: auto;
display: block;
/* Ensure the image is displayed as a block element */
}
.logowrap img {
width: 120px;
/* Adjust the width as needed */
height: 80px;
/* Maintain the aspect ratio */
}
body {
font-family: 'Arial, sans-serif';
background-color: #fff;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.chief-guests {
margin-bottom: 20px;
text-align: center;
padding: 50px 20px;
}
.alumni-guests {
margin-bottom: 40px;
text-align: center;
padding: 50px 20px;
}
.youtube {
margin-bottom: -250px;
text-align: center;
padding: 50px 20px;
scroll-margin: 130px;
}
html {
scroll-behavior: smooth;
}
.AboutTheMeet {
margin-top: -60px;
margin-bottom: -40px;
text-align: center;
padding: 50px 20px;
scroll-margin: 200px;
}
.activities {
margin-top: 20px;
margin-bottom: -50px;
text-align: center;
padding: 50px 20px;
scroll-margin: 170px;
}
.sponsors {
margin-top: 20px;
margin-bottom: -70px;
text-align: center;
padding: 50px 20px;
}
h2 {
font-size: 2.5em;
color: #333;
margin-bottom: 20px;
}
.guest-list {
display: flex;
justify-content: center;
gap: 50px;
flex-wrap: wrap;
}
.guest {
background-color: #fff;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
width: 200px;
transition: transform 0.3s;
}
.guest:hover {
transform: translateY(-10px);
}
.guest img {
width: 100%;
height: 202px;
border-bottom: 2px solid black;
}
.name {
padding: 10px;
font-size: 1.2em;
color: white;
background-color: rgb(55, 124, 124);
border-top: 2px solid #fff;
margin: 0;
height:100%;
}
.announcement {
padding: 20px;
text-align: center;
margin-bottom: 30px;
}
.announcement-content {
max-width: 800px;
margin: 0 auto;
color: whitesmoke;
line-height: 1.6;
}
.announcement-content p {
font-size: 18px;
/* Adjust the font size as needed */
margin-bottom: 10px;
}
.announcement-content p strong {
font-weight: bold;
}
.gallery-images-section {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
padding: 20px;
}
.gallery-img-wrap {
flex: 0 0 calc(33.33% - 45px);
margin-bottom: 20px;
text-align: center;
}
.gallery-img-wrap a {
display: block;
text-decoration: none;
color: inherit;
}
.img-overlay-container {
position: relative;
overflow: hidden;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
height: 200px;
}
.img-overlay-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
transition: transform 0.3s ease;
}
.img-overlay-container:hover img {
transform: scale(1.1);
}
.overlay-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.7);
color: white;
padding: 10px;
font-size: 14px;
}
.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000;
}
.lightbox-content {
position: relative;
width: 80%;
max-width: 800px;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.carousel-container {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 80vh;
/* Ensure the image fits within the viewport height */
overflow: hidden;
}
.carousel-container img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.prev-btn,
.next-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.8);
border: none;
padding: 10px;
cursor: pointer;
z-index: 1001;
}
.prev-btn {
left: 0;
}
.next-btn {
right: 0;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 24px;
cursor: pointer;
color: white;
z-index: 1001;
}
.sponsors-section {
padding: 40px 0;
/* Adjust padding as needed */
text-align: center;
/* Center align content */
}
.sponsors-section .container {
display: flex;
justify-content: center;
/* Center align flex items horizontally */
align-items: center;
/* Center align flex items vertically */
flex-wrap: wrap;
/* Ensure content wraps on smaller screens */
}
.sponsor-wrap {
margin: 5px;
/* Adjust margin between logos */
}
.sponsor-wrap img {
width: 150px;
/* Adjust width of each logo */
height: auto;
display: block;
border-radius: 8px;
/* Optional: Add border radius for rounded corners */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
/* Optional: Add box shadow for depth */
}
.alumni-testimonials {
padding: 20px 0;
text-align: center;
}
body {
background-color: #FFFFFF;
color: #333;
font-family: Arial, sans-serif;
}
.alumni-testimonials {
padding: 50px 0;
background-color: #fff;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin: 30px auto;
border-radius: 10px;
max-width: 1200px;
}
.alumni-testimonials h1 {
font-size: 2.5em;
margin-bottom: 30px;
color: teal;
text-transform: uppercase;
letter-spacing: 2px;
}
.alumni-carousel .testimonial-item {
margin: 15px;
padding: 20px;
background: #fafafa;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: center;
}
.alumni-carousel .testimonial-item figure {
margin: 0 0 15px;
}
.alumni-carousel .testimonial-item img {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 10px;
}
.alumni-carousel .testimonial-item h3 {
font-size: 1.8em;
margin-bottom: 5px;
color: #555;
}
.alumni-carousel .testimonial-item h4 {
font-size: 1.2em;
color: #777;
margin-bottom: 15px;
}
.alumni-carousel .testimonial-content p {
font-size: 1.3em;
line-height: 1.6;
color: #666;
}
.owl-carousel .owl-nav {
display: none;
}
.owl-carousel .owl-nav button {
background: #333;
color: #fff;
border-radius: 50%;
padding: 10px 15px;
border: none;
outline: none;
margin: 0 5px;
transition: background 0.3s ease;
}
.owl-carousel .owl-nav button:hover {
background: rgb(27, 59, 59);
}
.item-video {
margin: 5px 10px;
/* Adjusted margin for top and bottom (5px) and left and right (10px) */
}
.header {
position: fixed;
top: 0;
left: 0;
/* Maintain left positioning */
width: 100%;
/* Ensure header stretches across full width */
z-index: 100;
/* Set higher z-index to stay above content */
margin-bottom: 100px;
height: 40px;
opacity: 1;
background-color: whitesmoke;
}
.main-content {
padding-top: 80px;
/* Adjust padding based on your header height */
}
.banner {
margin-top: 148px;
width: 75%;
margin-left: 12.5%;
/* Adjust margin based on your header height */
}
.main-header {
background-color: whitesmoke;
margin-top: -35px;
padding-top: 0;
}
.menu-list>li>a {
position: relative;
transition: color 0.3s ease;
}
.menu-list>li>a:hover {
color: #666;
}
.menu-list>li>a::after {
content: '';
position: absolute;
width: 100%;
height: 2px;
bottom: -2px;
left: 0;
background-color: #666;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out;
}
.menu-list>li>a:hover::after {
visibility: visible;
transform: scaleX(1);
}
.menu-parent:hover .submenu,
.menu-parent:focus .submenu {
display: block;
opacity: 1;
transform: translateY(0);
}
.menu-parent2:hover .submenu2,
.menu-parent2:focus .submenu2 {
display: block;
opacity: 1;
transform: translateY(0);
}
.submenu,
.submenu2 {
opacity: 0;
transform: translateY(-10px);
}
.submenu li,
.submenu2 li {
position: relative;
}
.submenu li a:hover,
.submenu2 li a:hover {
background-color: #f0f0f0;
}
/* styles.css */
.gallery-img {
display: block;
text-decoration: none;
color: inherit;
}
.img-overlay-container {
position: relative;
overflow: hidden;
}
.img-overlay-container img {
display: block;
width: 100%;
height: auto;
transition: transform 0.3s ease;
}
.overlay-text {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: white;
text-align: center;
padding: 10px;
box-sizing: border-box;
transition: opacity 0.3s ease;
opacity: 1;
font-size: 20px;
font-style: bold;
}
.img-overlay-container:hover .overlay-text {
opacity: 1;
/* Show on hover */
}
.lightbox {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 9999;
text-align: center;
}
.lightbox-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.lightbox img {
max-width: 80%;
max-height: 80%;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}
.close-btn {
position: absolute;
top: 20px;
right: 20px;
color: #fff;
font-size: 36px;
cursor: pointer;
}
.logowrap h1 {
color: #272525;
/* Darker gray base color */
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
/* Adjust gradient for less transparency */
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
/* Increase shadow intensity */
}
.button {
display: inline-block;
background-color: rgb(28, 92, 92);
color: white;
padding: 15px 30px;
text-align: center;
text-decoration: none;
font-size: 18px;
border-radius: 5px;
transition: background-color 0.3s ease;
}
.button:hover {
background-color: rgb(18, 60, 60);
}
.login-block {
text-align: center;
margin-top: -4px;
margin-right: -5px;
}
.login-block a {
text-decoration: none;
}
.login-block h4 {
font-size: 18px;
/* Professional font size */
font-weight: bold;
color: white;
background-color: #00796b;
/* Professional teal shade */
padding: 12px 24px;
/* Balanced padding */
border-radius: 4px;
/* Slightly rounded corners */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
/* Subtle shadow */
transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
display: inline-block;
}
.login-block h4:hover {
background-color: #004d40;
/* Darker teal on hover */
transform: translateY(-3px);
/* Subtle lift on hover */
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
/* Slightly stronger shadow */
}
.intro-heading-wrapper {
position: relative;
display: inline-block;
text-align: center;
padding: 20px;
background: rgba(1, 96, 96, 0.5);
/* Teal color with opacity */
border-radius: 10px;
/* Optional: Add some border radius for rounded corners */
}
.intro-heading-wrapper h1,
.intro-heading-wrapper h2 {
margin: 0;
/* Remove default margin */
color: white;
}
.intro-heading-wrapper h1 {
font-size: 4em;
margin-bottom: 10px;
}
.intro-heading-wrapper h2 {
font-size: 1.5em;
font-weight: normal;
}
.banner {
position: relative;
}
.banner-slide {
position: relative;
}
.banner-slide img {
width: 100%;
height: auto;
}
.banner-text {
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%, -20%);
text-align: center;
color: white;
/* Optional: You can add text shadow to make the text more readable */
}
.banner-text h1 {
font-size: 3em;
margin: 0;
color: white;
/* Ensures text color is white */
}
.banner-text h3 {
font-size: 2em;
margin-top: 10px;
color: white;
/* Ensures text color is white */
text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
}
/* Section Title */
#AboutTheMeet h2 {
font-size: 2.5em;
color: black;
text-align: center;
margin: 40px 0;
text-transform: uppercase;
letter-spacing: 2px;
}
/* Announcement Section */
#about.announcement {
background-color: #e1e1e1;
/* light grey */
color: black;
padding: 30px;
border-radius: 10px;
margin-bottom: 90px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.announcement-content p {
font-size: 18px;
margin: 10px 0;
color: #174d4d;
/* dark teal */
}
.announcement-content p.subheading {
color: brown;
font-size: 20px;
}
.announcement-content a.button {
display: inline-block;
background-color: teal;
color: white;
padding: 10px 20px;
text-decoration: none;
border-radius: 5px;
font-size: 18px;
margin-top: 20px;
transition: background-color 0.3s ease;
}
.announcement-content a.button:hover {
background-color: #004d4d;
/* darker teal */
}
.announcement-content p a {
color: teal;
text-decoration: underline;
transition: color 0.3s ease;
}
.announcement-content p a:hover {
color: #004d4d;
/* darker teal */
}
.banner-image {
border: 2px solid teal;
/* Adjust thickness and color as needed */
border-radius: 8px;
/* Optional: adds rounded corners */
padding: 10px;
/* Optional: adds padding inside the border */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
/* Optional: adds a subtle shadow */
}
#page {
scroll-margin: 145px;
}
.carousel {
width: 100%;
overflow: hidden;
position: relative;
/* Optional: Set a max-width for the carousel */
}
.carousel-inner {
display: flex;
transition: transform 0.5s ease;
}
.carousel-inner img {
width: 100%;
flex-shrink: 0; /* Prevent images from shrinking */
}
.style1 {
color: #0000FF;
font-weight: bold;
}
.style2 {
color: #000066;
font-weight: bold;
}
.style7 {
font-size: 14px;
color: #000000;
}
.style8 {color: #0099CC}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GAM2025</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<div id="page" class="site" itemscope itemtype="http://schema.org/LocalBusiness">
<header class="header" class="site-header">
<div style="background-color: #6a5acd" class="top-header">
<div class="container">
<div class="top-header-left">
<div class="top-header-block">
<a href="mailto:alumni.office@iiita.ac.in" itemprop="email"><i class="fas fa-envelope"></i>
alumni.office@iiita.ac.in</a>
</div>
<div class="top-header-block">
<a href="tel:+91 0532 292 2599" itemprop="telephone"><i class="fas fa-phone"></i>
+91 0532 292 2599</a>
</div>
</div>
<div class="top-header-right">
<div class="social-block">
<ul class="social-list">
<!--<li><a href=""><i class="fab fa-viber"></i></a></li>-->
<li><a href="https://www.iiita.ac.in/" target="_blank"><i
class="fa-solid fa-link"></i></a></li>
<!-- <li><a href=""><i class="fab fa-facebook-square"></i></a></li>-->
<!--<li><a href=""><i class="fab fa-facebook-messenger"></i></a></li>-->
<li><a href="https://x.com/AlumniIiita" target="_blank"><i
class="fa-brands fa-x-twitter"></i></a></li>
<!-- <!--<li><a href=""><i class="fab fa-skype"></i></a></li>-->
<!-- <li><a href="https://x.com/IIITA_Official?t=xzG5xMzW75-uCbk0MQddLw&s=09"
target="_blank"><i class="fab fa-twitter"></i></a></li> -->
<li><a href="https://www.instagram.com/iiitaalumni/" target="_blank"><i
class="fab fa-instagram"></i></a></li>
<li><a href="https://www.facebook.com/groups/270826576657975/?ref=share&mibextid=KtfwRi"
target="_blank"><i class="fab fa-facebook"></i></a></li>
</ul>
</div>
<!-- <div class="login-block">
<!--<a href="login.html">Login /</a>-->
<!--<a href="https://form.jotform.com/241824009680455">Register</a>-->
<!-- <a href="/GAM24/register.html" target="_blank">
<h4>Register Now!</h4> -->
<!-- <p>(Deadline: 25/08/24)</p> -->
<!-- </a> -->
<!-- </div> -->
</div>
</div>
</div>
<!-- Top header Close -->
<div class="main-header">
<div class="container">
<div style="margin-left: -40px;" class="logowrap" itemprop="logo">
<div align="center"><img src="images/IIIT_logo_transparent.gif" alt="Logo Image" width="119" height="97"></div>
<h1 align="center" style="text-decoration:wavy;">Alumni Meet 2025 <br>
(26th Sept. to 28th
Sept. 2025)</h1>
</div>
<div class="nav-wrap">
<nav class="nav-desktop">
<ul class="menu-list">
<li><a href="index.html#page">GAM2025</a></li>
<li class="menu-parent"><a href="#">About</a>
<ul class="submenu">
<li><a href="#AboutTheMeet">About The Event</a></li>
<li><a href="/GAM24/# .pdf"
target="_blank">Tentative Schedule</a></li>
<li><a href="#activities">Activities</a></li>
<li><a href="/kaushal/GAM24/committees.pdf" target="_blank">Organising
committee</a></li>
<li><a href="/GAM24/alumniawards.html" target="_blank">Special Honour</a></li>
</ul>
</li>
<li><a href="yt.html">YouTube</a></li>
<li><a href="/GAM24/template/index.html" target="_blank">Industry Academia Conclave</a>
</li>
<li class="menu-parent"><a href="#">Donation</a>
<ul class="submenu">
<li><a href="https://alumni.iiita.ac.in/donation-utilization/"
target="_blank">Donation
Utilization</a></li>
<li><a href="https://alumni.iiita.ac.in/projects/donate-now/"
target="_blank">Donate Now</a>
</li>
<li><a href="https://alumni.iiita.ac.in/how-you-can-contribute/"
target="_blank">How You Can
Contribute</a></li>
<li class="menu-parent2"><a href="#">Donation Wall</a>
<ul class="submenu2">
<li><a href="https://alumni.iiita.ac.in/gold-wall/" target="_blank">Gold
Wall</a></li>
<li><a href="https://alumni.iiita.ac.in/silver-wall/"
target="_blank">Silver Wall</a>
</li>
<li><a href="https://alumni.iiita.ac.in/bronze-wall/"
target="_blank">Bronze Wall</a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header>
<!-- <div class="slider">
<div class="slide">
<img src="images/photu1.PNG" style="height: 450px;" alt=""class="img-responsive">
<h1>slide 1</h1>
</div>
<div class="slide">
<img src="images/photu1.PNG" style="height: 450px;" alt=""class="img-responsive">
<h1>slide 2</h1>
</div>
<div class="slide">
<img src="images/photu1.PNG" style="height: 450px;" alt=""class="img-responsive">
<h1>slide 3</h1>
</div>
<div class="slide">
<img src="images/photu1.PNG" style="height: 450px;" alt=""class="img-responsive">
<h1>slide 4</h1>
</div>
<div class="slide">
<img src="images/photu1.PNG" style="height: 450px;" alt=""class="img-responsive">
<h1>slide 5</h1>
</div>
</div> -->
<!-- Header Close -->
<div style="display: flex;margin-top:40px;">
<div class="banner" style="margin-left:0; width:75%; ">
<div class="carousel" style="width: 100%;">
<div class="carousel-inner" style="width: 100%; margin-top: 40px; height:450px; ">
<img src="images/StudioShodwe.png" alt="StudioShodwe.png" style="width: 100%;" >
<img src="images/slider3.jpg" alt="Image" height="341" class="w-100">
<img src="images/slider31.jpg" alt="Image" >
<img src="images/slider39.jpg" alt="Image" >
</div>
</div>
</div>
<div style="width:23%; margin-top:230px; margin-bottom:30px;">
<h1 align="center" class="style2" style="font-size: 22px">Latest News</h1>
<marquee direction="up" style="height:90%; width:100%" onMouseOver="this.stop()" onMouseOut="this.start()" >
<div style="width:100%; border-bottom:2px solid black">
<h2 align="left" style="font-size: 15px; margin:0; padding:0;">Register Here</h2>
<p style="font-size: 16px; color: #000000;">GAM 2025 Registrations link will be Anounced soon...</p>
</div>
<div style="width:100%; border-bottom:2px solid black"></div>
<div style="width:100%; border-bottom:2px solid black">
<h2 class="style8" style="font-size: 15px; margin:0; padding:0;">Industry Academia Conclave</h2>
<p class="style8" style="font-size: 16px;">Click the <b><a href="/GAM24/template/index.html">link</a></b> to collaborate with us on research, development and innovation in Industry Academia Conclave.</p>
</div>
<div style="width:100%; border-bottom:2px solid black">
<h2 style="font-size: 15px; margin:0; padding:0;">Youtube links:</h2>
<span class="style7"><a href="https://www.youtube.com/live/wyEqJ1XsagM?si=yxxBnTp2D4vtpqN_" target="_blank"><b>Global Alumni Meet 2024</b></a><a href="https://www.youtube.com/live/Ze0ODPezWEw?si=ockTS1jjK-_qvWgt" target="_blank"><b>Cultural Program Global Alumni Meet 2024</b></a></span></div>
<div style="width:100%; border-bottom:2px solid black">
<h2 style="font-size: 15px; margin:0; padding:0;">Link to GAM 2024 photos</h2>
<p style="font-size: 16px;">Click the <b><a href="https://flic.kr/s/aHBqjBLJhh">link</a></b> to view all the photos of Global Alumni Meet 2024.</p>
</div>
</marquee>
</div>
</div>
<!-- <div
style="display: flex; justify-content: center; align-items: center; width: 100%; height: 30px; padding: 2px;">
<img style="height:60px; margin-right: 5px;" src="data:image/png;base64,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" alt="">
<button style="background-color: yellow; border-radius: 10px; border: transparent; color: white; padding:20px">
<a href="https://assic.iiita.ac.in/GAM24/alumniawards.html" target="_blank"
style="text-decoration: none; font-size: 18px; padding: 7px; text-align:center; margin-bottom:20px; color:black"> <b style="color:white; background-color: red; padding:12px; border-radius:20px;">Click here</b> to
nominate for Alumni Guest of Honor </a>
</button>
<img style="height:60px; margin-left: 5px;" src="data:image/png;base64,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" alt="">
</div> -->
<section>
<div id="AboutTheMeet" class="AboutTheMeet">
<h2>ABOUT THE EVENT</h2>
</div>
</section>
<div style="background-color: rgb(225, 225, 225); color: black; margin-bottom: 90px; margin-top: -70px;"
id="about" class="announcement">
<div class="announcement-content">
<p style="font-size: 23px; color: rgb(23, 77, 77);"><strong>IIIT Allahabad is going to organize the
Global Alumni Meet 2025 from 26th to 28th September 2025 at IIIT Allahabad. </strong></p>
<p style="color: brown;"><strong>A Nostalgia Trip...</strong></p>
<p style="color: black;"><strong>We are delighted to announce that IIIT Allahabad will host the Annual
Global Alumni Meet 2025 (GAM 2025) on-campus from 26th to 28th September 2025. We warmly invite
you and your family to join
us, revisit your Alma Mater, and reminisce about the cherished moments of your past.</strong></p>
<!-- <p style="color: brown"><strong>Registrations have been closed!!</a></strong></p> -->
<!-- <a href="/GAM24/register.html" target="_blank"
class="button">Register Now !</a> -->
</div>
</div>
<section>
</section>
<!-- put a invitation/banner of IIITA alumni meet-->
<!-- Banner Close -->
<!-- start of guests -->
<div class="chief-guests">
<!-- <h2>CHIEF GUESTS</h2> -->
<div class="guest-list">
<div class="guest" >
<img src="images/guest1.jpg" alt="Chief Guest 1">
<br/> <p class="style1" style="font-size: 15px;">Chief Guest</p>
<p class="name" style="font-size: 15px;">
<strong>Prof. Mukul S Sutaone</strong> <br>
<strong>Director IIITA</strong> <br/>
<br/>
</p>
</div>
<div class="guest">
<img src="images/guest4.jpg" alt="Chief Guest 4">
<p style="font-size: 15px;"><b>Chairman - Org. Committee</b></p> <br/>
<p class="name" style="font-size: 15px;">
<strong>Prof. Anupam</strong><br>
<strong>Dean (Alumni Affairs), IIITA</strong></p>
</div>
</div>
</div>
<div class="chief-guests"></div>
<!-- <div class="guest">
<img src="images/default-avatar-profile-icon-grey-photo-placeholder-vector-17317730.webp"
alt="Chief Guest 2">
<p class="name">Under Construction</p>
</div>
<div class="guest">
<img src="images/default-avatar-profile-icon-grey-photo-placeholder-vector-17317730.webp"
alt="Chief Guest 3">
<p class="name">Under Construction</p>
</div> -->
</div>
</div>
<!--end of guests-->
<section>
<div id="youtube" class="youtube">
<h2>YOUTUBE LINKS</h2>
</div>
</section>
<div class="banner">
<div class="owl-five owl-carousel owl-theme">
<div class="item-video">
<iframe width="100%" height="450" src="https://www.youtube.com/embed/f3qv9SxD1o0" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
</div>
<div class="item-video">
<iframe width="100%" height="450" src="https://www.youtube.com/embed/DhiPbGxmJ2k" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="item-video">
<iframe width="100%" height="450" src="https://www.youtube.com/embed/f3qv9SxD1o0" frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
</div>
</div>
<!-- start of activities-->
<section>
<div id="activities" class="activities">
<h2>ACTIVITIES</h2>
</div>
</section>
<section style="width:80%; margin-left: 8%;" class="gallery-images-section" itemprop="image" itemscope
itemtype="http://schema.org/ImageGallery">
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 1">
<div class="img-overlay-container">
<img src="https://d1csarkz8obe9u.cloudfront.net/posterpreviews/welcome-on-dinner-flyer-template-b2df96035ffd1f873d333f180fe5a7ea_screen.jpg?ts=1561728909"
alt="gallery-images">
<div class="overlay-text"><strong>Welcome Dinner</strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 2">
<div class="img-overlay-container">
<img src="images/gallery-img2.jpg" alt="gallery Image">
<div class="overlay-text"><strong>Inauguration</strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="" class="gallery-img" data-title="Activity 3">
<div class="img-overlay-container">
<img src="images/gallery-img3.jpg" alt="gallery-images">
<div class="overlay-text"><strong>Felicitation</strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 4">
<div class="img-overlay-container">
<img src="images/gallery-img4.jpg" alt="gallery-images">
<div class="overlay-text"><strong>Departmental Visit</strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTDg3hXwitZO7Y6Yo50i5P-k1F4KV94UD7KgQ&s"
alt="gallery-images">
<div class="overlay-text"><strong>Gala Dinner </strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 6">
<div class="img-overlay-container">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSjINcfRCn6mwhP8m4tZtmsj1tsSpclMTw_uA&s"
alt="gallery-images">
<div class="overlay-text"> <strong>Cultural Event </strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 7">
<div class="img-overlay-container">
<img src="images/gallery-img7.jpg" alt="gallery-images">
<div class="overlay-text"><strong>Industry-Academia Conclave </strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 8">
<div class="img-overlay-container">
<img src="images/photoshoot.jpg" alt="gallery-images">
<div class="overlay-text"><strong>Photo session</strong></div>
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 9">
<div class="img-overlay-container">
<img src="images/gallery-img9.jpg" alt="gallery-images">
<div class="overlay-text"><strong>Recreational Activities</strong></div>
</div>
</a>
</div>
</section>
<section>
<div id="activities" class="activities">
<h2>MEMORIES FROM GLOBAL ALUMNI MEET (GAM) 2024</h2>
</div>
</section>
<section style="width:80%; margin-left: 8%;" class="gallery-images-section" itemprop="image" itemscope
itemtype="http://schema.org/ImageGallery">
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 1">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_5098.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Welcome Dinner</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 4">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4467.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Departmental Visit</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4466.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<!-- <div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 6">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4467.jpg" alt="gallery-images">
<!-- <div class="overlay-text"> <strong>Cultural Event </strong></div> -->
<!-- </div> -->
<!-- </a>
</div> -->
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 2">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4468.jpg" alt="gallery Image">
<!-- <div class="overlay-text"><strong>Inauguration</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="" class="gallery-img" data-title="Activity 3">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4469.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Felicitation</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4472.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
</section>
<div id="lightbox" class="lightbox">
<div class="lightbox-content">
<button class="prev-btn">❮</button>
<div class="carousel-container">
</div>
<button class="next-btn">❯</button>
<span class="close-btn">×</span>
</div>
</div>
<section>
<div id="activities" class="activities">
<h2>PHOTOS FROM WELCOME DINNER</h2>
</div>
</section>
<section style="width:80%; margin-left: 8%;" class="gallery-images-section" itemprop="image" itemscope
itemtype="http://schema.org/ImageGallery">
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 1">
<div class="img-overlay-container">
<img src="images/photo7.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Welcome Dinner</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 4">
<div class="img-overlay-container">
<img src="images/photo2.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Departmental Visit</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="images/photo3.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<!-- <div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 6">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4467.jpg" alt="gallery-images">
<!-- <div class="overlay-text"> <strong>Cultural Event </strong></div> -->
<!-- </div> -->
<!-- </a>
</div> -->
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 2">
<div class="img-overlay-container">
<img src="images/photo4.JPG" alt="gallery Image">
<!-- <div class="overlay-text"><strong>Inauguration</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="" class="gallery-img" data-title="Activity 3">
<div class="img-overlay-container">
<img src="images/photo5.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Felicitation</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="images/photo6.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
</section>
<section>
<div id="activities" class="activities">
<h2>PHOTOS FROM GLOBAL ALUMNI MEET (GAM) 2024</h2>
</div>
</section>
<section style="width:80%; margin-left: 8%;" class="gallery-images-section" itemprop="image" itemscope
itemtype="http://schema.org/ImageGallery">
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 1">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047495376_d49d355a09_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Welcome Dinner</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 4">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047940855_ab735e50fc_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Departmental Visit</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047824514_9673f76384_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<!-- <div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 6">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4467.jpg" alt="gallery-images">
<!-- <div class="overlay-text"> <strong>Cultural Event </strong></div> -->
<!-- </div> -->
<!-- </a>
</div> -->
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 2">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047823189_5804b694b2_c.jpg" alt="gallery Image">
<!-- <div class="overlay-text"><strong>Inauguration</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="" class="gallery-img" data-title="Activity 3">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047743128_2b71115323_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Felicitation</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047466766_65b7909bda_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047462481_ed22508446_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54046601412_a4a8f0e96e_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="https://live.staticflickr.com/65535/54047817164_57363c3009_c.jpg" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
</section>
<section style="width:80%; margin-left: 8%;" class="gallery-images-section" itemprop="image" itemscope
itemtype="http://schema.org/ImageGallery">
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 1">
<div class="img-overlay-container">
<img src="images/photo10.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Welcome Dinner</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 4">
<div class="img-overlay-container">
<img src="images/photo11.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Departmental Visit</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="images/photo13.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<!-- <div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 6">
<div class="img-overlay-container">
<img src="https://alumnimeet.iiita.ac.in/images/photo(1)/SHU_4467.jpg" alt="gallery-images">
<!-- <div class="overlay-text"> <strong>Cultural Event </strong></div> -->
<!-- </div> -->
<!-- </a>
</div> -->
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 2">
<div class="img-overlay-container">
<img src="images/photo14.JPG" alt="gallery Image">
<!-- <div class="overlay-text"><strong>Inauguration</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="" class="gallery-img" data-title="Activity 3">
<div class="img-overlay-container">
<img src="images/photo15.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Felicitation</strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="images/photo16.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="images/photo17.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="images/photo19.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
<div class="gallery-img-wrap">
<a href="#" class="gallery-img" data-title="Activity 5">
<div class="img-overlay-container">
<img src="images/photo12.JPG" alt="gallery-images">
<!-- <div class="overlay-text"><strong>Gala Dinner </strong></div> -->
</div>
</a>
</div>
</section>
<script src="scriptactivity.js"></script>
<!-- End of activities Images -->
<div class="sponsors">
<h2>SPONSORS</h2>
</div>
<section class="sponsors-section">
<div class="container">
<div class="sponsor-wrap">
<!--<img src="https://m.economictimes.com/thumb/msid-99846385,width-1200,height-900,resizemode-4,imgsize-8872/sbi-board-to-take-call-on-raising-capital-via-bonds-in-dec-14-meet.jpg" alt="sponsor logo 1">
</div>
<div class="sponsor-wrap">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLqcNSNosNmMsw3XpHdk10aEofNTJ2ENBjOQ&s" alt="sponsor logo 1">
</div>-->
</div>
</section>
-->
<!-- End of sponsors section -->
<!--
<section class="alumni-testimonials">
<div class="container">
<h1>What Our Alumni Say About Past Alumni Meets</h1> -->
<!-- <div class="alumni-carousel owl-carousel owl-theme">
<div class="testimonial-item">
<figure>
<img class="alumni-img" src="images/alumnireview1.jpg" alt="Alumni Image">
<figcaption>
<h3>Yogesh kumar</h3>
<h4>Software Engineer</h4>
</figcaption>
</figure>
<div class="testimonial-content">
<p>i had a great experience!</p>
</div>
</div>
<div class="testimonial-item">
<figure>
<img class="alumni-img" src="images/alumnireview2.jpg" alt="Alumni Image">
<figcaption>
<h3>Anay dubey</h3>
<h4>Data Scientist</h4>
</figcaption>
</figure>
<div class="testimonial-content">
<p>i had a great experience!</p>
</div>
</div>
<div class="testimonial-item">
<figure>
<img class="alumni-img" src="images/alumnireview3.jpg" alt="Alumni Image">
<figcaption>
<h3>Shrey Gupta</h3>
<h4>Product Manager</h4>
</figcaption>
</figure>
<div class="testimonial-content">
<p>I had a great experience!</p>
</div>
</div>
<div class="testimonial-item">
<figure>
<img class="alumni-img" src="images/alumnireview1.jpg" alt="Alumni Image">
<figcaption>
<h3>Yogesh kumar</h3>
<h4>Software Engineer</h4>
</figcaption>
</figure>
<div class="testimonial-content">
<p>i had a great experience!</p>
</div>
</div>
<div class="testimonial-item">
<figure>
<img class="alumni-img" src="images/alumnireview1.jpg" alt="Alumni Image">
<figcaption>
<h3>Yogesh kumar</h3>
<h4>Software Engineer</h4>
</figcaption>
</figure>
<div class="testimonial-content">
<p>i had a great experience!</p>
</div>
</div>
<div class="testimonial-item">
<figure>
<img class="alumni-img" src="images/alumnireview1.jpg" alt="Alumni Image">
<figcaption>
<h3>Yogesh kumar</h3>
<h4>Software Engineer</h4>
</figcaption>
</figure>
<div class="testimonial-content">
<p>i had a great experience!</p>
</div>
</div> -->
<!-- <div class="guest">
<img src="images/default-avatar-profile-icon-grey-photo-placeholder-vector-17317730.webp" alt="Chief Guest 2">
<p class="name">Under Construction</p>
</div> -->
<!-- <div class="testimonial-item">
<figure>
<img class="alumni-img"
src="images/default-avatar-profile-icon-grey-photo-placeholder-vector-17317730.webp"
alt="Alumni Image">
<figcaption>
<h3>Under Construction</h3>
<!-- <h4>Software Engineer</h4> -->
<!-- </figcaption>
</figure>
<div class="testimonial-content">
<p></p>
</div>
</div>
</div>
</div> -->
<!-- </section> -->
<!-- End of Others talk -->
<!-- <section class="page-heading">
<div class="container">
<h2>latest news</h2>
</div>
</section> -->
<!-- <section class="latest-news">
<div class="container" itemprop="event" itemscope itemtype=" http://schema.org/Event">
<div class="owl-two owl-carousel"> -->
<!-- <div class="news-wrap" itemprop="event">
<!-- <div class="news-img-wrap" itemprop="image">
<img src="images/latest-new-img.jpg" alt="Latest News Images">
</div>
<div class="news-detail" itemprop="description">
<a href="">
<h1>Orientation Programme for new Students.</h1>
</a>
<h2 itemprop="startDate">By Admin | 20 Dec. 2018</h2>
<p>Orientation Programme for new sffs Students. Orientatin Programmes for new Students..
Orientatin Programmes for new Students</p>
</div> -->
<!-- Under Construction
</div> -->
<!-- <div class="news-wrap" itemprop="event">
<div class="news-img-wrap" itemprop="image">
<img src="https://as1.ftcdn.net/v2/jpg/01/00/74/62/1000_F_100746231_Wk4OxIsiqqoVD0ANQjjVcicdAVMnrOFD.jpg"
alt="Latest News Images">
</div>
<div class="news-detail" itemprop="description">
<a href="">
<h1>Under Construction</h1>
</a> -->
<!-- <h2 itemprop="startDate">By Admin | 20 Dec. 2018</h2> -->
<!-- <p>Under Construction</p> -->
<!-- </div> -->
<!-- Under Construction -->
<!-- </div> -->
<!-- <div class="news-wrap" itemprop="event">
<div class="news-img-wrap" itemprop="image">
<img src="images/latest-new-img.jpg" alt="Latest News Images">
</div>
<div class="news-detail" itemprop="description">
<a href="">
<h1>Orientation Programme for new Students.</h1>
</a>
<h2 itemprop="startDate">By Admin | 20 Dec. 2018</h2>
<p>Orientation Programme for new sffs Students. Orientatin Programmes for new Students..
Orientatin Programmes for new Students</p>
<!-- </div>
</div> -->
<!-- </div>
</div> -->
<!-- </section> - -->
<!-- Latest News CLosed -->
<section class="query-section">
<div class="container">
<p>Any Queries? Ask us a question at<a href="tel: +91 0532 292 2599"><i class="fas fa-phone"></i> (+91)
0532 292 2599/2308 </a></p>
</div>
</section>
<!-- End of Query Section -->
<footer style=" display: centre; background-color: #6a5acd" class="page-footer" itemprop="footer" itemscope
itemtype="http://schema.org/WPFooter; ">
<div class="footer-first-section">
<div class="container">
<div class="box-wrap" itemprop="about">
<header>
<h1>ADDRESS</h1>
</header>
<p>IIIT Allahabad, Devghat, Jhalwa Prayagraj - 211015
Uttar Pradesh, India
</p>
<h4><a href="tel: +91 0532 292 2599"><i class="fas fa-phone"></i> +91 0532 292 2599</a></h4>
<h4><a href="mailto:alumni.office@iiita.ac.in"><i class="fas fa-envelope"></i>
alumni.office@iiita.ac.in</a></h4>
<h4><a href=""><i class="fas fa-map-marker-alt"></i>Office of Alumni Affairs Admin
Extension-1</a></h4>
</div>
<div class="box-wrap">
<header>
<h1>links</h1>
</header>
<ul>
<li><a href="https://alumni.iiita.ac.in/">IIITA alumni meet website</a></li>
</ul>
</div>
<div class="box-wrap" style="margin-right: 0;">
<div>
<div align="center">
<p> </p>
<p> </p>
<p> </p>
<p><img src="images/sitelogo.jpg" alt="Logo Image">
</p>
</div>
</div>
</div>
</div>
</div>
<!-- End of box-Wrap -->
</footer>
</div>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/all.js"></script>
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jquery.rateyo.js"></script>
<script type="text/javascript" src="js/jquery.mmenu.all.js"></script>
<script type="text/javascript" src="js/jquery.meanmenu.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<script src="path/to/jquery.min.js"></script>
<script src="path/to/owl.carousel.min.js"></script>
<script>
$(document).ready(function () {
$('.owl-four').owlCarousel({
loop: true,
margin: 30,
nav: true,
autoplay: true,
autoplayTimeout: 3000,
autoplaySpeed: 1000,
autoplayHoverPause: true,
navSpeed: 1000,
responsive: {
0: {
items: 1
},
600: {
items: 2
},
1000: {
items: 3
}
}
});
});
</script>
<script>
$(document).ready(function() {
$(".owl-four").owlCarousel({
items: 1, // Show one item at a time
loop: true, // Enable infinite looping
autoplay: true, // Enable automatic sliding
autoplayTimeout: 3000, // Set the time between slides (3000ms = 3 seconds)
autoplayHoverPause: true, // Pause autoplay on hover
nav: true, // Show navigation arrows
navContainer: '#owl-four-nav', // Set custom navigation container
dots: true // Show pagination dots
});
});
</script>
<script src="automatic_slider.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
// Smooth scroll behavior for anchor links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
}
});
});
});
// window.onload=function(){
// $('.banner').slick({
// autoplay:true,
// autoplaySpeed:1500,
// arrows:true,
// prevArrow:'<button type="button" class="slick-prev"></button>',
// nextArrow:'<button type="button" class="slick-next"></button>',
// centerMode:true,
// slidesToShow:1,
// slidesToScroll:2
// });
// };
</script>
</body>
</html>