Your IP : 216.73.216.40
| Current Path : /var/www/html/anand/ |
|
|
| Current File : /var/www/html/anand/photo.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CV | Dr. Anand Kumar Tiwari</title>
<!-- Google 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 (Same as main page) ---- */
.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 ---- */
.content {
width: 90%;
margin: 60px auto;
text-align: center;
}
.cv-box {
background: white;
padding: 40px 30px;
border-radius: 12px;
width: 350px;
margin: auto;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.cv-box a {
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #004caa;
transition: 0.3s ease;
}
.cv-box a:hover {
color: #ffb100;
}
/* ---- FOOTER ---- */
.footer {
margin-top: 60px;
background: #002b6b;
color: white;
padding: 25px;
text-align: center;
font-size: 16px;
box-shadow: 0 -3px 8px rgba(0,0,0,0.15);
}
@media(max-width: 900px){
.nav { display: none; }
}
</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="index.html">Home</a>
<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>
<style>
h3 {text-align: center;}
</style>
<div style="border: 1px solid black; width: 98.7%; height: 70px;"><h3 style="color:navy">Gallery</h3></div>
<div style="border: 1px solid black; width: 98.7%; height: 500px; float: left;">
<div style="border: transparent; width: 28%; height: 400px; margin-top: 50px; margin-left: 3%; float: left;">
<img src="yogendra.jpg" width="438" height="400" alt="relode image">
</div>
<div style="border: transparent; width: 28%; height: 400px; margin-top: 10px; margin-left: 37%;">
</div>
<div style="border: transparent; width: 28%; height: 400px; margin-top: -400px; margin-left: 70%;"></div>
</div>
<div style="border: 1px solid black; width: 98.7%; height: 80px; margin-top: 500px;">
</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>