Your IP : 216.73.216.40
| Current Path : /var/www/html/anand/ |
|
|
| Current File : /var/www/html/anand/index.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Anand | Associate Professor</title>
<!-- Modern font -->
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Poppins", sans-serif;
background-color: #f5f7fa;
color: #333;
}
/* ---- HEADER ---- */
.header {
width: 100%;
background: linear-gradient(to right, #002b6b, #004caa);
color: white;
display: flex;
align-items: center;
padding: 15px 30px;
box-shadow: 0 3px 8px rgba(0,0,0,0.2);
position: sticky;
top: 0;
z-index: 100;
}
.logo img {
height: 65px;
}
.title {
margin-left: 18px;
font-size: 16px;
}
.title strong {
font-size: 18px;
}
.nav {
margin-left: auto;
display: flex;
gap: 30px;
}
.nav a {
color: white;
text-decoration: none;
font-weight: 500;
font-size: 15px;
transition: 0.3s;
}
.nav a:hover {
color: #ffd86b;
}
/* ---- MAIN CONTENT ---- */
.container {
display: flex;
margin: 40px auto;
width: 90%;
gap: 30px;
flex-wrap: wrap;
}
.left-panel {
flex: 1 1 45%;
}
.left-panel img {
width: 100%;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.right-panel {
flex: 1 1 45%;
}
.banner img {
width: 100%;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
/* ---- ANNOUNCEMENTS ---- */
.announcements {
margin-top: 25px;
background: lightyellow;
padding: 15px 20px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.announcements h3 {
text-align: center;
margin-bottom: 12px;
color: #d60000;
font-weight: 600;
}
.scroll-text {
white-space: nowrap;
overflow: hidden;
position: relative;
}
.scroll-text span {
display: inline-block;
padding-left: 100%;
animation: marquee 12s linear infinite;
font-size: 18px;
font-weight: 500;
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
/* ---- FOOTER ---- */
.footer {
margin-top: 50px;
background: #002b6b;
color: white;
padding: 25px;
text-align: center;
font-size: 16px;
box-shadow: 0 -3px 8px rgba(0,0,0,0.15);
}
/* ---- RESPONSIVE ---- */
@media(max-width: 900px) {
.container {
flex-direction: column;
}
.nav {
display: none; /* Hide big menu for mobile (can add hamburger later) */
}
}
</style>
</head>
<body>
<!-- ===== HEADER ===== -->
<div class="header">
<div class="logo">
<img src="logo.jpg" alt="logo">
</div>
<div class="title">
<strong>Anand K. Tiwari (Associate Professor)</strong><br>
Indian Institute of Information Technology Allahabad <br>
Prayagraj, Uttar Pradesh
</div>
<div class="nav">
<a href="teaching.html">Teaching</a>
<a href="research.html">Publications</a>
<a href="cv.html">CV</a>
<a href="link.html">Important Links</a>
<a href="photo.html">Photo Gallery</a>
</div>
</div>
<!-- ===== MAIN CONTENT ===== -->
<div class="container">
<!-- LEFT PHOTO -->
<div class="left-panel">
<img src="photo.jpg" alt="Profile Photo">
</div>
<!-- RIGHT -->
<div class="right-panel">
<div class="banner">
<img src="gate.jpg" alt="Gate Image">
</div>
<div class="announcements">
<h3>Announcements</h3>
<div class="scroll-text">
<span><a href="https://profile.iiita.ac.in/anand/DMS2026.php">DMS 2026 (Quiz Marks)</a></span>
</div>
</div>
</div>
</div>
<!-- ===== FOOTER ===== -->
<div class="footer">
Contact: Office No. 5257 (CC-III), Dept. of Applied Sciences <br>
Email: anand[AT]iiita.ac.in | Phone: 0532-292-2442 | Mobile: +91-8332095520
</div>
</body>
</html>