| Current Path : /var/www/html/upendrakumar/ |
| Current File : /var/www/html/upendrakumar/index.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AFM Lab - Dr. Upendra Kumar</title>
<style>
/* --- GLOBAL STYLES --- */
:root {
--primary-color: #2c3e50; /* Dark Navy */
--accent-color: #0056b3; /* Academic Blue */
--light-bg: #f8f9fa;
--text-color: #333;
--card-bg: #ffffff;
--announce-bg: #ffeb3b; /* Bright Yellow */
--announce-text: #d32f2f; /* Alert Red */
}
body {
font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
color: var(--text-color);
line-height: 1.6;
scroll-behavior: smooth;
background-color: #fff;
}
/* --- 1. ANNOUNCEMENT BAR (Top of Page) --- */
.announcement-bar {
background-color: var(--announce-bg);
color: var(--announce-text);
text-align: center;
padding: 12px 20px;
font-weight: 700;
font-size: 1rem;
position: relative;
z-index: 2000;
border-bottom: 1px solid #e0c505;
}
.blink-mode {
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
0% { opacity: 1; }
50% { opacity: 0.3; }
100% { opacity: 1; }
}
/* --- 2. Header & Navigation --- */
header {
background-color: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: sticky;
top: 0;
z-index: 1000;
}
.top-bar {
background-color: var(--primary-color);
color: white;
padding: 10px 5%;
font-size: 0.9rem;
display: flex;
justify-content: space-between;
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 5%;
}
.logo {
font-size: 1.5rem;
font-weight: 700;
color: var(--primary-color);
text-decoration: none;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
nav ul li { margin-left: 20px; }
nav ul li a {
text-decoration: none;
color: #555;
font-weight: 500;
font-size: 0.95rem;
transition: color 0.3s;
}
nav ul li a:hover { color: var(--accent-color); }
/* --- 3. Hero Section --- */
.hero {
background-color: var(--light-bg);
padding: 60px 5%;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 40px;
}
.profile-card {
background: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.05);
max-width: 800px;
width: 100%;
display: flex;
gap: 30px;
align-items: flex-start;
}
.profile-image-placeholder {
width: 150px;
height: 150px;
background-color: #ddd;
border-radius: 50%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
color: #666;
font-size: 0.8rem;
text-align: center;
}
.profile-info h1 { margin-top: 0; color: var(--primary-color); font-size: 1.8rem; }
.profile-info h2 { font-size: 1.1rem; color: var(--accent-color); margin-bottom: 15px; font-weight: 600; }
.contact-details { font-size: 0.9rem; color: #555; margin-bottom: 20px; }
.btn-group a {
display: inline-block;
background-color: var(--accent-color);
color: white;
padding: 8px 16px;
border-radius: 4px;
text-decoration: none;
font-size: 0.9rem;
margin-right: 10px;
margin-bottom: 5px;
}
.btn-group a.secondary { background-color: #e2e6ea; color: #333; }
.btn-group a:hover { opacity: 0.9; }
/* --- 4. Content Sections --- */
.container {
max-width: 1000px;
margin: 0 auto;
padding: 50px 20px;
border-bottom: 1px solid #eee;
}
.section-title {
border-bottom: 2px solid var(--accent-color);
padding-bottom: 10px;
margin-bottom: 20px;
color: var(--primary-color);
}
/* --- TOGGLE BUTTONS --- */
.toggle-btn {
background-color: var(--accent-color);
color: white;
border: none;
padding: 12px 24px;
border-radius: 5px;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s ease;
display: block;
margin: 20px 0;
width: 100%;
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
}
.toggle-btn:hover { background-color: #004494; }
.toggle-btn::after { content: '▼'; font-size: 0.8rem; }
.toggle-btn.active::after { content: '▲'; }
.hidden-content {
display: none;
animation: fadeIn 0.5s;
padding-top: 10px;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
/* --- GRID LAYOUT --- */
.grid-layout {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}
.card-box {
background: white;
border: 1px solid #e0e0e0;
border-left: 4px solid var(--accent-color);
padding: 20px;
border-radius: 4px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
transition: transform 0.2s;
}
.card-box:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.card-box h3 { margin-top: 0; font-size: 1.05rem; color: var(--primary-color); margin-bottom: 10px;}
.card-box h4 { margin: 15px 0 10px 0; font-size: 1rem; color: #555; border-bottom: 1px solid #eee; padding-bottom: 5px; }
.card-box p { font-size: 0.9rem; color: #555; margin-bottom: 5px; }
.card-box ul { padding-left: 20px; margin: 0; font-size: 0.9rem; color: #555; }
.card-box li { margin-bottom: 5px; }
.project-meta {
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #eee;
font-size: 0.85rem;
color: #777;
}
.badge {
background-color: #eee;
padding: 2px 6px;
border-radius: 4px;
font-weight: bold;
font-size: 0.8rem;
color: #444;
}
/* --- PUBLICATIONS STYLING --- */
.pub-header {
background-color: #e9ecef;
padding: 10px 15px;
border-radius: 4px;
margin-top: 30px;
margin-bottom: 20px;
color: var(--primary-color);
font-weight: bold;
font-size: 1.1rem;
}
ol.pub-list { padding-left: 20px; }
ol.pub-list li { margin-bottom: 15px; font-size: 0.95rem; color: #444; }
.pub-link { color: var(--accent-color); text-decoration: none; font-weight: 600; }
.pub-link:hover { text-decoration: underline; }
.year-marker { font-size: 0.85rem; background: var(--accent-color); color: white; padding: 2px 8px; border-radius: 10px; margin-left: 10px; }
/* --- CONTACT SECTION STYLES --- */
.opening-box {
background-color: #e8f4fd;
border-left: 5px solid #2196F3;
padding: 20px;
margin-bottom: 30px;
border-radius: 4px;
}
.opening-box h3 { color: #0d47a1; margin-top: 0; }
.contact-info-grid {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.contact-item { flex: 1; min-width: 250px; }
.map-link {
display: inline-block;
margin-top: 10px;
font-size: 0.9rem;
color: var(--accent-color);
}
/* Footer */
footer {
background-color: var(--primary-color);
color: #ccc;
text-align: center;
padding: 20px;
font-size: 0.85rem;
margin-top: 40px;
}
@media (max-width: 768px) {
.profile-card { flex-direction: column; text-align: center; }
nav ul { justify-content: center; margin-top: 10px; }
nav ul li { margin: 5px 10px; }
}
</style>
</head>
<body>
<div class="announcement-bar">
<span class="blink-mode">📢 PhD Applications Open: Applications are invited from interested candidates having a valid score of Gate/UGC/CSIR-NET-JRF or other external funding.</span>
</div>
<div class="top-bar">
<span>Advanced Functional Materials Laboratory</span>
<span>IIIT Allahabad</span>
</div>
<header>
<div class="nav-container">
<a href="#" class="logo">AFM Lab</a>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#activities">Activities</a></li>
<li><a href="#recognition">Recognition</a></li>
<li><a href="#publications">Publications</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#teaching">Teaching</a></li>
<li><a href="#people">People</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
</div>
</header>
<section class="hero">
<div class="profile-card">
<img src="profile.jpg" alt="Dr. Upendra Kumar" style="width:150px; border-radius:50%;">
<div class="profile-info">
<h1>Dr. Upendra Kumar, MNASc., SMIEEE</h1>
<h2>Assistant Professor, Department of Applied Science</h2>
<div class="contact-details">
<p><strong>Indian Institute of Information Technology Allahabad</strong><br>
5020, CC-III, Devghat, Jhalwa, Prayagraj-211015, U.P. India.</p>
<p>📧 upendrakumar@iiita.ac.in <br> 📞 0532-292-2525 (O)</p>
</div>
<div class="btn-group">
<a href="#">Download Resume</a>
<a href="https://scholar.google.com/citations?user=rOYIerMAAAAJ&hl=en" target="_blank" class="secondary">Google Scholar</a>
<a href="https://www.researchgate.net/profile/Upendra-Kumar-7" target="_blank" class="secondary">ResearchGate</a>
</div>
</div>
</div>
</section>
<section class="container">
<h2 class="section-title">About Dr. Upendra Kumar</h2>
<p>Dr. Upendra Kumar is an Assistant Professor in the Department of Applied Science at the Indian Institute of Information Technology, Allahabad. His research integrates both computational and experimental condensed matter physics, with a strong emphasis on electroceramics, oxide materials, and multifunctional materials systems.</p>
</section>
<section class="container" id="activities">
<h2 class="section-title">Professional Activities</h2>
<p>Administrative responsibilities, workshops conducted, and invited talks.</p>
<button class="toggle-btn" onclick="toggleSection('activity-content', this)">View Activities</button>
<div id="activity-content" class="hidden-content">
<div class="grid-layout">
<div class="card-box" style="grid-column: span 1;">
<h3>Administrative Responsibility</h3>
<ul>
<li><strong>Convener, Board of Studies (BOS):</strong> Dept. of Applied Sciences (June 2025 - Present)</li>
<li><strong>Secretary:</strong> IEEE Photonic Society UP Chapter (Jan 2023 - Present)</li>
<li><strong>Warden:</strong> Boys’ Hostel-3, IIIT Allahabad (Jan 2023 - Present)</li>
<li><strong>Member:</strong> Time Table Committee (Jan 2022 - Present)</li>
<li><strong>Member:</strong> DPGC (Jan 2022 - May 2025)</li>
</ul>
</div>
<div class="card-box" style="grid-column: span 1;">
<h3>Workshops/Conferences Conducted</h3>
<ul>
<li><strong>QIT-2025:</strong> 5-Day Symposium on Quantum Info & Tech (July 2025)</li>
<li><strong>SSR Workshop:</strong> Electroceramics in Future Communication (June 2025)</li>
<li><strong>QST-2025:</strong> 2-Day Symposium on Quantum Science (March 2025)</li>
<li><strong>CICT 2024:</strong> 8th IEEE Conf on ICT (Dec 2024)</li>
<li><strong>FMST-2024:</strong> Functional Materials & Simulation (Oct 2024)</li>
<li><strong>NAR-2024:</strong> Numerical & Analytical Relativity (March 2024)</li>
<li><strong>WRAP-2023:</strong> 6th IEEE Workshop on Photonics (Dec 2023)</li>
<li><strong>DST-STUTI:</strong> Advanced Materials Training (June 2023)</li>
</ul>
</div>
<div class="card-box" style="grid-column: span 1;">
<h3>Invited Talks (Selected)</h3>
<ul>
<li><strong>Fuel Cells & Renewable Energy:</strong> SVSU, Palwal (Nov 2025)</li>
<li><strong>Microwave Dielectric Sr2SnO4:</strong> REC Sonbhadra (Nov 2025)</li>
<li><strong>Ruddlesden-Popper Oxides:</strong> CCS University Meerut (Nov 2025)</li>
<li><strong>Quantum Gates:</strong> QST-2025 (July 2025) & QIT-2025 (March 2025)</li>
<li><strong>X-ray Diffraction:</strong> Anand Int. College, Jaipur (May 2025)</li>
</ul>
</div>
</div>
</div>
</section>
<section class="container" id="recognition">
<h2 class="section-title">Scientific Recognitions</h2>
<p>Awards, memberships, editorial roles, and contributions to the scientific community.</p>
<button class="toggle-btn" onclick="toggleSection('recognition-content', this)">View Recognitions</button>
<div id="recognition-content" class="hidden-content">
<div class="grid-layout">
<div class="card-box" style="grid-column: span 1;">
<h3>Editorial Board Member</h3>
<ul>
<li><strong>Academic Editor:</strong> Advances in Condensed Matter Physics (Wiley)</li>
<li><strong>Editorial Board:</strong> GRD Journal</li>
<li><strong>Editorial Board:</strong> Intl. Journal of Materials Science & Applications</li>
<li><strong>Review Editor:</strong> Frontiers in Electronic Materials</li>
<li><strong>Advisory Panel:</strong> Materials (MDPI)</li>
</ul>
</div>
<div class="card-box" style="grid-column: span 1;">
<h3>Professional Memberships</h3>
<ul>
<li><strong>NASI:</strong> Member, The National Academy of Sciences, India</li>
<li><strong>IEEE:</strong> Senior Member</li>
<li><strong>IAAM:</strong> Member, Intl. Assoc. of Advanced Materials</li>
<li><strong>IAPT:</strong> Life Member, Indian Assoc. of Physics Teachers</li>
<li><strong>IPA:</strong> Life Member, Indian Physics Association</li>
<li><strong>IEEE Societies:</strong> Nanotechnology, Dielectrics, Photonics, Sensors</li>
<li><strong>AIP:</strong> Chairperson, UP Section, Association of Indian Physicists</li>
</ul>
</div>
<div class="card-box" style="grid-column: span 1;">
<h3>Achievements & Awards</h3>
<ul>
<li><strong>Best Oral Presentation (1st):</strong> Thermans-2016 (DAE & BRNS)</li>
<li><strong>Best Paper Award (2nd):</strong> Institute Day 2018, IIT (BHU)</li>
<li><strong>Best Oral Presentation (2nd):</strong> Anveshan-2019, IIT (BHU)</li>
</ul>
</div>
<div class="card-box" style="grid-column: span 1;">
<h3>Reviewer for Journals</h3>
<p style="font-size:0.85rem;">Reviewing for numerous SCI/Scopus journals including:</p>
<ul style="columns: 2;">
<li>Materials Letters</li>
<li>Physica B</li>
<li>Chemical Physics Letters</li>
<li>Emergent Materials</li>
<li>Intl. Journal of Hydrogen Energy</li>
<li>Journal of Energy Storage</li>
<li>New Journal of Physics</li>
<li>ACS Applied Electronic Materials</li>
<li>J. American Ceramic Society</li>
</ul>
</div>
<div class="card-box" style="grid-column: span 1;">
<h3>ICDD Contributions</h3>
<p style="font-size:0.85rem;">Contributed patterns to International Crystallographic Diffraction Database:</p>
<ul>
<li>I10041 (2020)</li>
<li>I10042 (2020)</li>
<li>I10864 (2021)</li>
<li>I10865 (2021)</li>
</ul>
</div>
</div>
</div>
</section>
<section class="container" id="people">
<h2 class="section-title">People</h2>
<p>Meet our current research scholars, alumni, and interns.</p>
<button class="toggle-btn" onclick="toggleSection('people-content', this)">View People</button>
<div id="people-content" class="hidden-content">
<h3 class="pub-header" style="margin-top:0;">Research Scholars (PhD)</h3>
<div class="grid-layout">
<div class="card-box">
<h3>Mr. Ram Sundar Maurya</h3>
<p><strong>Area:</strong> Piezoelectric, perovskite</p>
<p><strong>Role:</strong> Co-Supervisor</p>
</div>
<div class="card-box">
<h3>Ms. Manisha Jatiya</h3>
<p><strong>Area:</strong> Microwave dielectric ceramics</p>
<p><strong>Role:</strong> Supervisor</p>
</div>
<div class="card-box">
<h3>Mr. Raj Kumar</h3>
<p><strong>Area:</strong> Solid Electrolyte IT-SOFCs</p>
<p><strong>Role:</strong> Supervisor</p>
</div>
<div class="card-box">
<h3>Mr. Vipin Kumar Gupta</h3>
<p><strong>Area:</strong> Heusler alloys, 2-D materials</p>
<p><strong>Role:</strong> Supervisor</p>
</div>
<div class="card-box">
<h3>Mr. Mohit Tiwari</h3>
<p><strong>Area:</strong> 2D materials, Thin films</p>
<p><strong>Role:</strong> Joint-Supervision</p>
</div>
</div>
<h3 class="pub-header">Alumni</h3>
<div class="grid-layout">
<div class="card-box">
<h3>Dr. Harshpreet Cheema</h3>
<p><strong>Awarded:</strong> Aug 2024</p>
<p>Asst. Prof, Mewar University</p>
</div>
<div class="card-box">
<h3>Dr. Vedika</h3>
<p><strong>Awarded:</strong> Aug 2024</p>
<p>Asst. Prof, SS Jain Subodh PG College</p>
</div>
</div>
</div>
</section>
<section class="container" id="teaching">
<h2 class="section-title">Teaching</h2>
<p>Overview of courses taught at Undergraduate, Postgraduate, and PhD levels.</p>
<button class="toggle-btn" onclick="toggleSection('teaching-content', this)">View Teaching Courses</button>
<div id="teaching-content" class="hidden-content">
<div class="grid-layout">
<div class="card-box">
<h3>Undergraduate (UG) Level</h3>
<ul>
<li><strong>SEGP132C:</strong> Engineering Physics<li> <li>
<li><strong>DMS:</strong> Discrete Mathematical Structures</li>
<li><strong>PHY-101:</strong> Classical, Quantum, & Relativistic Mechanics</li>
<li><strong>PHY-102:</strong> Intro to Engineering Electromagnetics</li>
<li><strong>MS-101:</strong> Constitution of India</li> </li><a ><a href="results.php"> COI Marks Jan-July 2026</a></li>
</ul>
</div>
<div class="card-box">
<h3>PG & PhD Level</h3>
<ul>
<li><strong>PHY-531:</strong> Surface, Interfaces and Thin Films</li>
<li><strong>PHY-403:</strong> Classical Mechanics</li>
<li><strong>SQSM030E:</strong> Quantum & Statistical Mechanics</li>
</ul>
</div>
</div>
</div>
</section>
<section class="container" id="projects">
<h2 class="section-title">Research Projects</h2>
<p>Details of completed and ongoing funded research projects and grants.</p>
<button class="toggle-btn" onclick="toggleSection('projects-content', this)">View Research Projects</button>
<div id="projects-content" class="hidden-content">
<div class="grid-layout">
<div class="card-box">
<h3>Novel Layered Perovskite Oxide Ceramics</h3>
<p><strong>Funding:</strong> DST-SERB, Govt. of India</p>
<div class="project-meta">
<span class="badge">Completed</span>
<span style="float:right;"><strong>Amount:</strong> 51 Lakh</span>
</div>
</div>
<div class="card-box">
<h3>Solid Electrolyte for SOFC</h3>
<p><strong>Funding:</strong> IIIT Allahabad SEED-Money</p>
<div class="project-meta"><span class="badge">Completed</span> <span style="float:right;">10 Lakh</span></div>
</div>
</div>
</div>
</section>
<section class="container" id="research">
<h2 class="section-title">Research Area</h2>
<p>Our lab focuses on Experimental Condensed Matter Physics and Materials Science.</p>
<button class="toggle-btn" onclick="toggleSection('research-content', this)">View Research Topics</button>
<div id="research-content" class="hidden-content">
<div class="grid-layout">
<div class="card-box"><h3>Experimental Condensed Matter Physics</h3><p>Broad exploration of physical properties of condensed phases.</p></div>
<div class="card-box"><h3>Microwave Dielectric Ceramics</h3><p>For wireless communications & dielectric resonators.</p></div>
<div class="card-box"><h3>Piezoelectric Materials</h3><p>Energy harvesting applications.</p></div>
<div class="card-box"><h3>Electroceramic Materials</h3><p>Advanced ceramics for electronics.</p></div>
</div>
</div>
</section>
<section class="container" id="publications">
<h2 class="section-title">Publications</h2>
<p>Our lab has published extensively in top-tier journals.</p>
<button class="toggle-btn" onclick="toggleSection('pub-content', this)">View Full Publication List</button>
<div id="pub-content" class="hidden-content">
<p style="font-size: 0.9rem; color: #666;"><em>Click on a paper title to view it in a new tab.</em></p>
<h3 class="pub-header">Publications in Journals</h3>
<ol class="pub-list" reversed>
<li>Pinki Singh, Nisha Shankhwar, <strong>Upendra Kumar</strong>, Satyendra Singh, <a href="#" class="pub-link" target="_blank">"Structural, Dielectric and Energy Storage Properties of AgNb1-xVxO3 Antiferroelectric Ceramics"</a>, <em>Ceramics International</em>, Vol 51, Issue 27, Nov 2025. <span class="year-marker">2025</span></li>
</ol>
<h3 class="pub-header">Patents / Copyright</h3>
<ol class="pub-list">
<li><strong>A COMPACT SOLAR CELL UNIT WITH HARDA FRUIT NATURAL DYE</strong><br>Class 13-04, Indian Patent published, Design Granted.</li>
</ol>
<h3 class="pub-header">Conference Proceedings</h3>
<ol class="pub-list">
<li>Varsha Yadav... <strong>Upendra Kumar</strong>, "Role of natural dye...", <em>Materials Today: Proceedings</em> (2022).</li>
</ol>
</div>
</section>
<section class="container" id="contact">
<h2 class="section-title">Contact Us</h2>
<div class="opening-box">
<h3>Current Openings</h3>
<ul style="margin:0; padding-left:20px; font-size:0.95rem;">
<li><strong>PhD Positions:</strong> Available for candidates with valid CSIR/UGC (JRF) or DST Inspire fellowship. Direct email to Group Leader.</li>
<li><strong>Institute Fellowship:</strong> Candidates with valid GATE score can apply under Institute Fellowship (Refer to IIIT-A PhD Advertisement).</li>
<li><strong>Project Students:</strong> B.Tech, M.Sc, and M.Tech students interested in our research areas are welcome.</li>
</ul>
</div>
<div class="contact-info-grid">
<div class="contact-item">
<h3>Communication Address</h3>
<p>
<strong>Dr. Upendra Kumar</strong><br>
Assistant Professor<br>
5020, CC III, Department of Applied Science<br>
IIIT Allahabad, Devghat, Jhalwa<br>
Prayagraj-211015, Uttar Pradesh, India.
</p>
<a href="https://goo.gl/maps/iiitallahabad" target="_blank" class="map-link">📍 View on Google Maps</a>
</div>
<div class="contact-item">
<h3>Quick Contact</h3>
<p>
📧 <a href="mailto:upendrakumar@iiita.ac.in" style="color:var(--accent-color); text-decoration:none;">upendrakumar@iiita.ac.in</a><br>
📞 +91 (532) 292 2525 (Office)
</p>
<h3>Social Profiles</h3>
<p>
<a href="https://www.linkedin.com/in/dr-upendra-kumar-4babb378/" target="_blank" style="color:#0077b5; text-decoration:none; font-weight:bold; font-size:1.1rem;">LinkedIn Profile</a>
</p>
</div>
</div>
</section>
<footer>
<p>© 2021-2025 Upendra Kumar. All Rights Reserved.</p>
<p>Department of Applied Science, IIIT Allahabad</p>
</footer>
<script>
function toggleSection(elementId, btnElement) {
var content = document.getElementById(elementId);
if (content.style.display === "block") {
content.style.display = "none";
btnElement.classList.remove("active");
// Reset Button Text
if(elementId === 'research-content') btnElement.innerHTML = "View Research Topics";
if(elementId === 'projects-content') btnElement.innerHTML = "View Research Projects";
if(elementId === 'teaching-content') btnElement.innerHTML = "View Teaching Courses";
if(elementId === 'people-content') btnElement.innerHTML = "View People";
if(elementId === 'activity-content') btnElement.innerHTML = "View Activities";
if(elementId === 'recognition-content') btnElement.innerHTML = "View Recognitions";
if(elementId === 'pub-content') btnElement.innerHTML = "View Full Publication List";
} else {
content.style.display = "block";
btnElement.classList.add("active");
// Active Button Text
if(elementId === 'research-content') btnElement.innerHTML = "Hide Research Topics";
if(elementId === 'projects-content') btnElement.innerHTML = "Hide Research Projects";
if(elementId === 'teaching-content') btnElement.innerHTML = "Hide Teaching Courses";
if(elementId === 'people-content') btnElement.innerHTML = "Hide People";
if(elementId === 'activity-content') btnElement.innerHTML = "Hide Activities";
if(elementId === 'recognition-content') btnElement.innerHTML = "Hide Recognitions";
if(elementId === 'pub-content') btnElement.innerHTML = "Hide Publication List";
}
}
</script>
</body>
</html>