body {
font-family: 'Poppins', sans-serif;
line-height: 1.6;
margin: 0;
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}
header {
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: white;
padding: 2rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
}
header::after {
content: "";
position: absolute;
bottom: -50px;
left: -10%;
right: -10%;
height: 100px;
background: var(--light);
transform: rotate(-2deg);
}
.container {
max-width: 1200px;
margin: 2rem auto;
padding: 0 1rem;
}
.profile-card {
background: white;
border-radius: 1rem;
padding: 2rem;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
text-align: center;
margin-top: 4rem;
position: relative;
z-index: 1;
}
.profile-img {
width: 200px;
height: 200px;
border-radius: 50%;
border: 4px solid var(--primary);
margin: -120px auto 1rem;
object-fit: cover;
transition: transform 0.3s ease;
}
.profile-img:hover {
transform: scale(1.05);
}
.section {
background: white;
border-radius: 1rem;
padding: 2rem;
margin: 2rem 0;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.social-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1rem;
margin-top: 1.5rem;
}
.social-card {
background: var(--light);
padding: 1.5rem;
border-radius: 0.5rem;
transition: transform 0.3s ease;
}
.social-card:hover {
transform: translateY(-5px);
}
a {
color: var(--primary);
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
a:hover {
color: var(--accent);
text-decoration: none;
}
.icon {
width: 24px;
height: 24px;
fill: currentColor;
}
@media (max-width: 768px) {
.container {
padding: 0 1rem;
}
.social-grid {
grid-template-columns: 1fr;
}
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
Researcher | Academician | Innovator
<div class="container">
<div class="profile-card">
<img src="/PP100.jpg"
alt="Dr. Deepak Kumar Rout"
class="profile-img"
onerror="this.onerror=null; this.src='assets/deepak.jpg';">
<div class="section">
<h2>About</h2>
<p>π Academician with 5+ years experience in Electronics & Communication Engineering<br>
π Ph.D in Electrical Engineering from NIT Rourkela (2016)<br>
π Published 27+ papers in international journals & conferences</p>
</div>
<div class="section">
<h2><i class="fas fa-envelope"></i> Contact</h2>
<p>
School of Electronics Engineering<br>
KIIT University, Bhubaneswar<br>
π§ <a href="mailto:deepak09@live.com">deepak09@live.com</a><br>
π± +91-9692460769
</p>
</div>
<div class="section">
<h2><i class="fas fa-flask"></i> Research Areas</h2>
<div class="social-grid">
<div class="social-card">
<h3>π Body Area Networks</h3>
</div>
<div class="social-card">
<h3>πΆ Wireless Communication</h3>
</div>
<div class="social-card">
<h3>π» Internet of Things</h3>
</div>
<div class="social-card">
<h3>π± Mobile Computing</h3>
</div>
</div>
</div>
<div class="section">
<h2><i class="fas fa-link"></i> Connect</h2>
<div class="social-grid">
<a href="https://scholar.google.co.in/citations?user=0ZgUS6kAAAAJ&hl=en" class="social-card">
<i class="fab fa-google"></i> Google Scholar
</a>
<a href="https://www.researchgate.net/profile/Deepak_Rout" class="social-card">
<i class="fab fa-researchgate"></i> ResearchGate
</a>
<a href="https://www.linkedin.com/in/dr-deepak-kumar-rout-644098102/" class="social-card">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
<a href="https://www.youtube.com/channel/UCAcKS_SgjShhDXfFui3TQXA" class="social-card">
<i class="fab fa-youtube"></i> YouTube
</a>
</div>
</div>
</div>
</div>