Portfolio / index.html
salekml's picture
Upload index.html
03f0e84 verified
Raw
History Blame Contribute Delete
23.9 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Md Salek Miah | Health Data Science | PhD Portfolio</title>
<meta name="description" content="Md Salek Miah — Biostatistician, Health Data Scientist. Peer-reviewed publications in BMC Women’s Health, Health Science Reports. PhD applicant in Spatial Epidemiology & Global Health.">
<!-- Google Fonts + Font Awesome 6 -->
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--bg-light: #F8F6F2;
--paper: #FFFFFF;
--ink: #1F2A3E;
--ink-light: #2D3A4F;
--muted: #5D6F83;
--accent: #B1624B;
--accent-soft: #DAB6A2;
--border-light: #E4DFD8;
--shadow-sm: 0 8px 20px rgba(0, 0, 0, 0.02), 0 2px 6px rgba(0, 0, 0, 0.05);
--shadow-hover: 0 20px 30px -12px rgba(0, 0, 0, 0.1);
--section-bg-alt: #F1EFEA;
}
body {
font-family: 'Inter', sans-serif;
background-color: var(--bg-light);
color: var(--ink);
line-height: 1.5;
scroll-behavior: smooth;
}
/* Navigation */
.navbar {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.2rem 4rem;
background: rgba(248, 246, 242, 0.94);
backdrop-filter: blur(12px);
border-bottom: 1px solid var(--border-light);
font-weight: 500;
}
.logo {
font-family: 'Cormorant Garamond', serif;
font-size: 1.5rem;
font-weight: 700;
letter-spacing: -0.3px;
color: var(--ink);
text-decoration: none;
}
.nav-links {
display: flex;
gap: 2.2rem;
list-style: none;
}
.nav-links a {
text-decoration: none;
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--muted);
transition: color 0.2s;
font-weight: 500;
}
.nav-links a:hover {
color: var(--accent);
}
/* Hero Section */
.hero {
min-height: 95vh;
display: flex;
align-items: center;
padding: 8rem 4rem 4rem;
background: var(--paper);
position: relative;
overflow: hidden;
}
.hero-deco {
position: absolute;
right: -80px;
top: 20%;
width: 550px;
height: 550px;
border-radius: 50%;
background: radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);
opacity: 0.25;
pointer-events: none;
}
.hero-container {
max-width: 800px;
position: relative;
z-index: 2;
}
.hero-badge {
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 1rem;
display: inline-block;
border-left: 3px solid var(--accent);
padding-left: 0.8rem;
}
.hero h1 {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(3.2rem, 8vw, 5.2rem);
font-weight: 700;
line-height: 1.1;
margin-bottom: 1.2rem;
color: var(--ink);
}
.hero h1 span {
color: var(--accent);
font-style: italic;
}
.hero-desc {
font-size: 1.05rem;
color: var(--muted);
max-width: 580px;
margin-bottom: 2rem;
line-height: 1.6;
}
.hero-tags {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin-bottom: 2rem;
}
.hero-tags .tag {
font-size: 0.75rem;
padding: 0.3rem 1rem;
background: var(--bg-light);
border-radius: 40px;
color: var(--ink-light);
border: 1px solid var(--border-light);
}
.btn-group {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.btn {
display: inline-flex;
align-items: center;
gap: 0.6rem;
font-size: 0.8rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 0.8rem 1.8rem;
border-radius: 40px;
text-decoration: none;
transition: 0.2s;
}
.btn-primary {
background: var(--ink);
color: white;
border: none;
}
.btn-primary:hover {
background: var(--accent);
transform: translateY(-2px);
}
.btn-outline {
border: 1px solid var(--ink);
color: var(--ink);
background: transparent;
}
.btn-outline:hover {
background: var(--ink);
color: white;
}
/* Section Global */
section {
padding: 5rem 4rem;
}
.section-container {
max-width: 1200px;
margin: 0 auto;
}
.section-label {
font-size: 0.7rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--accent);
margin-bottom: 0.7rem;
display: flex;
align-items: center;
gap: 0.7rem;
}
.section-label::after {
content: '';
flex: 1;
max-width: 60px;
height: 1px;
background: var(--accent-soft);
}
h2 {
font-family: 'Cormorant Garamond', serif;
font-size: clamp(2rem, 4vw, 2.8rem);
font-weight: 600;
margin-bottom: 1rem;
color: var(--ink);
}
.section-sub {
color: var(--muted);
max-width: 680px;
margin-bottom: 2.5rem;
font-size: 1rem;
}
/* About Grid with Profile.jpg */
.about-grid {
display: grid;
grid-template-columns: 0.9fr 1.8fr;
gap: 4rem;
align-items: start;
}
.profile-card {
background: var(--paper);
border-radius: 24px;
padding: 1.8rem;
text-align: center;
box-shadow: var(--shadow-sm);
border: 1px solid var(--border-light);
}
.profile-img {
width: 180px;
height: 180px;
border-radius: 50%;
object-fit: cover;
margin-bottom: 1.2rem;
border: 3px solid var(--accent-soft);
box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}
.profile-card h3 {
font-size: 1.3rem;
font-weight: 600;
}
.profile-bio {
margin-top: 1rem;
font-size: 0.85rem;
color: var(--muted);
}
.about-text {
background: var(--paper);
padding: 2rem;
border-radius: 24px;
box-shadow: var(--shadow-sm);
border: 1px solid var(--border-light);
}
.about-text p {
margin-bottom: 1.2rem;
color: var(--ink-light);
line-height: 1.7;
font-size: 0.95rem;
}
/* Publications Grid */
.pubs-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
gap: 1.8rem;
margin-top: 1rem;
}
.pub-card {
background: var(--paper);
border-radius: 20px;
padding: 1.8rem;
transition: all 0.25s;
border: 1px solid var(--border-light);
text-decoration: none;
color: inherit;
display: block;
}
.pub-card:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-hover);
border-color: var(--accent-soft);
}
.pub-meta {
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--accent);
margin-bottom: 0.7rem;
}
.pub-title {
font-weight: 700;
font-size: 1.2rem;
margin-bottom: 0.8rem;
line-height: 1.4;
}
.pub-venue {
font-size: 0.75rem;
color: var(--muted);
margin-top: 0.6rem;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Achievement & service cards */
.achievement-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
}
.achievement-card {
background: var(--paper);
border-radius: 18px;
padding: 1.5rem;
border-left: 4px solid var(--accent);
box-shadow: var(--shadow-sm);
}
.achievement-icon {
font-size: 1.8rem;
margin-bottom: 0.8rem;
color: var(--accent);
}
/* conference & invited talks */
.conference-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.conf-item {
background: var(--paper);
border-radius: 16px;
padding: 1rem 1.5rem;
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
border: 1px solid var(--border-light);
}
.conf-icon {
font-size: 1.4rem;
width: 48px;
color: var(--accent);
}
/* skills & tools */
.skills-cloud {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
margin: 1rem 0 2rem;
}
.skill {
background: var(--bg-light);
padding: 0.4rem 1rem;
border-radius: 40px;
font-size: 0.8rem;
font-weight: 500;
border: 1px solid var(--border-light);
}
/* contact */
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
.contact-links {
list-style: none;
}
.contact-links li {
margin-bottom: 1rem;
}
.contact-links a {
display: flex;
align-items: center;
gap: 1rem;
text-decoration: none;
color: var(--ink-light);
font-weight: 500;
transition: 0.2s;
}
.contact-links a:hover {
color: var(--accent);
transform: translateX(4px);
}
.contact-icon {
width: 38px;
height: 38px;
background: var(--bg-light);
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--accent);
}
footer {
background: var(--ink);
color: rgba(255, 255, 255, 0.6);
padding: 2rem 4rem;
text-align: center;
font-size: 0.8rem;
}
@media (max-width: 780px) {
.navbar {
padding: 1rem 1.5rem;
}
.nav-links {
display: none;
}
section {
padding: 3rem 1.5rem;
}
.about-grid, .contact-grid {
grid-template-columns: 1fr;
gap: 2rem;
}
.hero {
padding: 6rem 1.5rem 3rem;
}
}
</style>
</head>
<body>
<nav class="navbar">
<a href="#" class="logo">Md Salek Miah</a>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#publications">Publications</a></li>
<li><a href="#research">Research</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<header class="hero">
<div class="hero-deco"></div>
<div class="hero-container">
<div class="hero-badge">PhD Candidate · Biostatistics</div>
<h1>Md Salek <span>Miah</span></h1>
<p class="hero-desc">
Health Data Scientist & Research Assistant at Shahjalal University of Science and Technology.
Published in <strong>BMC Women’s Health, Health Science Reports, JAD Reports</strong>. Advancing spatial ML,
reproductive health equity, and causal inference for LMICs.
</p>
<div class="hero-tags">
<span class="tag">Spatial Epidemiology</span>
<span class="tag">Explainable AI (SHAP/XAI)</span>
<span class="tag">Reproducible Science</span>
<span class="tag">Global Mental Health</span>
<span class="tag">Peer Reviewer (Cambridge UP)</span>
</div>
<div class="btn-group">
<a href="#publications" class="btn btn-primary"><i class="fas fa-book-open"></i> Publications</a>
<a href="mailto:saleksta@gmail.com" class="btn btn-outline"><i class="fas fa-paper-plane"></i> Contact for PhD</a>
</div>
</div>
</header>
<!-- ABOUT section with Profile.jpg -->
<section id="about">
<div class="section-container">
<div class="section-label">Profile</div>
<h2>Research Identity & Mission</h2>
<div class="about-grid">
<div class="profile-card">
<img src="Profile.jpg" alt="Md Salek Miah profile" class="profile-img" onerror="this.src='https://placehold.co/200x200?text=Profile'">
<h3>Md Salek Miah</h3>
<p class="profile-bio">B.Sc. Statistics (Honours) · Shahjalal University of Science and Technology<br>Major GPA: 3.50-4.00/4.00 (final year)</p>
<div class="profile-bio"><i class="fas fa-map-marker-alt"></i> Sylhet, Bangladesh · <i class="fas fa-globe"></i> ORCID: 0009-0005-5973-461X</div>
</div>
<div class="about-text">
<p><strong>I am a biostatistician and health data scientist</strong> determined to translate complex epidemiological data into policy-relevant insights. My research agenda focuses on <strong>spatial epidemiology, maternal mental health, and explainable machine learning</strong> for global health disparities — especially in low-resource settings.</p>
<p>I currently serve as a Research Assistant at <strong>Biostatistics, Epidemiology & Public Health Research Group (SUST)</strong> and collaborate with ELITE Research Lab (Generative AI & XAI) and Cognitive Solution Bangladesh. I am a <strong>peer reviewer for Cambridge University Press & Assessment</strong> and have facilitated international workshops on DHS data analysis (R/RStudio).</p>
<p>With 6+ peer-reviewed papers (including first-author in <em>Health Science Reports, JAD Reports</em>), I aspire to pursue a <strong>fully-funded PhD in Biostatistics / Epidemiology</strong> to advance data-driven health equity using causal inference and spatial ML.</p>
</div>
</div>
</div>
</section>
<!-- PUBLICATIONS (real CV based) -->
<section id="publications" style="background: var(--section-bg-alt);">
<div class="section-container">
<div class="section-label">Scholarly Record</div>
<h2>Peer-Reviewed Publications</h2>
<p class="section-sub">Selected works from global health surveys (DHS, MICS) — reproducible code and open science principles.</p>
<div class="pubs-grid">
<a href="https://doi.org/10.1186/s12905-025-04166-4" class="pub-card" target="_blank">
<div class="pub-meta">BMC Women's Health (Springer) · 2025</div>
<div class="pub-title">Associations of Internet Use and Pregnancy Loss with Depression and Anxiety among Women in Bangladesh</div>
<div class="pub-venue"><span>DOI: 10.1186/s12905-025-04166-4</span> <i class="fas fa-external-link-alt"></i></div>
</a>
<a href="https://doi.org/10.1016/j.jadr.2026.101080" class="pub-card" target="_blank">
<div class="pub-meta">Journal of Affective Disorders Reports (Elsevier) · 2026</div>
<div class="pub-title">Decision-making autonomy and depressive symptoms among women in Lesotho: Rural–urban differences</div>
<div class="pub-venue"><span>First author · JAD Reports</span> <i class="fas fa-external-link-alt"></i></div>
</a>
<a href="https://doi.org/10.1002/hsr2.72254" class="pub-card" target="_blank">
<div class="pub-meta">Health Science Reports (Wiley) · 2026</div>
<div class="pub-title">Household Water and Handwashing Facilities and Early Childhood Education Participation in Nepal</div>
<div class="pub-venue"><span>Accepted, Wiley Open Access</span> <i class="fas fa-external-link-alt"></i></div>
</a>
<a href="https://doi.org/10.3329/ijss.v25i2.85733" class="pub-card" target="_blank">
<div class="pub-meta">Intl. Journal of Statistical Sciences · 2025</div>
<div class="pub-title">Identifying the Determinants of Depression among Ever-Married Women in Bangladesh: A Machine Learning Approach</div>
<div class="pub-venue"><span>XGBoost · SHAP · SUST Journal</span> <i class="fas fa-external-link-alt"></i></div>
</a>
</div>
</div>
</section>
<!-- RESEARCH EXPERIENCE & ACADEMIC SERVICE -->
<section id="research">
<div class="section-container">
<div class="section-label">Research & Leadership</div>
<h2>Academic Appointments & Service</h2>
<div class="achievement-grid">
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-chart-line"></i></div><h3>Research Assistant (SUST)</h3><p>Biostatistics, Epidemiology & Public Health Group · Multi-country DHS analysis (Bangladesh, Nepal, Lesotho). Developed spatial ML workflows.</p></div>
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-microphone-alt"></i></div><h3>Invited Peer Reviewer</h3><p>Cambridge University Press & Assessment (Global Mental Health). Verified via Web of Science Reviewer Recognition.</p></div>
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-chalkboard-user"></i></div><h3>Workshop Facilitator</h3><p>BIIHR International Free Workshop 2026: “Epidemiological data analysis with R & DHS” (3h bilingual session).</p></div>
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-brain"></i></div><h3>ELITE Research Lab</h3><p>Research Assistant (XAI, Generative AI, Computer Vision). Contributing to interpretable AI for clinical risk prediction.</p></div>
</div>
</div>
</section>
<!-- CONFERENCE PARTICIPATION (prestigious, no fake field tours) -->
<section style="background: var(--section-bg-alt);">
<div class="section-container">
<div class="section-label">Global Presentations</div>
<h2>Invited Talks & Conferences</h2>
<div class="conference-list">
<div class="conf-item"><div class="conf-icon"><i class="fas fa-chart-simple"></i></div><div><strong>BSA International Conference 2025</strong> — Dhaka, Bangladesh. “Machine Learning for Depression Prediction: Evidence from BDHS” (Oral).</div></div>
<div class="conf-item"><div class="conf-icon"><i class="fas fa-laptop-code"></i></div><div><strong>ISCB RSG-Bangladesh Symposium</strong> — Winner of DNA Day Writing Contest 2025, invited speaker on reproducible research.</div></div>
<div class="conf-item"><div class="conf-icon"><i class="fas fa-globe-asia"></i></div><div><strong>DataKothon Research Conclave 2025</strong> — Poster presentation: “Spatial heterogeneity in maternal healthcare access.”</div></div>
<div class="conf-item"><div class="conf-icon"><i class="fas fa-chalkboard"></i></div><div><strong>International Workshop on Applied Epidemiology</strong> (BIIHR, May 2026) — Lead facilitator: DHS data analysis using R and survey weighting.</div></div>
</div>
</div>
</section>
<!-- Awards, Certifications + Achievements -->
<section id="achievements">
<div class="section-container">
<div class="section-label">Honors & Certifications</div>
<h2>Awards & Professional Development</h2>
<div class="achievement-grid">
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-trophy"></i></div><h3>Top 5 Performer</h3><p>Data Hackathon, IT Fest 2024, Comilla University — excellence in data science & analytics.</p></div>
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-pen-fancy"></i></div><h3>1st Place, DNA Day Writing Contest</h3><p>ISCB RSG-Bangladesh 2025, scientific writing in computational biology.</p></div>
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-certificate"></i></div><h3>Data Science & ML with Python</h3><p>Coursera · IBM Data Analysis with R · SQL for Analytics · Cloud Foundation.</p></div>
<div class="achievement-card"><div class="achievement-icon"><i class="fas fa-database"></i></div><h3>Research Methodology Certification</h3><p>Field-Based Research (BARD, 2026) · Research Training Program (MKCRD).</p></div>
</div>
</div>
</section>
<!-- Technical Skills & Interactive Tools -->
<section style="background: var(--section-bg-alt);">
<div class="section-container">
<div class="section-label">Toolkit</div>
<h2>Statistical Computing & AI</h2>
<div class="skills-cloud">
<span class="skill">R / Tidyverse</span><span class="skill">Python (Pandas, Scikit-learn)</span>
<span class="skill">STATA / SPSS</span><span class="skill">SAS</span><span class="skill">XGBoost / Random Forest</span>
<span class="skill">SHAP / LIME</span><span class="skill">ArcGIS Pro</span><span class="skill">Git/GitHub</span>
<span class="skill">R Shiny / Hugging Face</span><span class="skill">LaTeX / RMarkdown</span>
</div>
<h2 style="margin-top: 2rem;">Selected Interactive Projects</h2>
<div class="achievement-grid">
<div class="achievement-card"><i class="fas fa-water"></i><h3>Water Quality Intelligence Platform</h3><p>R Shiny app for Buriganga River monitoring (WQI, spatial hotspots). <a href="https://salek.shinyapps.io/aqualens/" target="_blank" style="color:var(--accent);">Live Demo →</a></p></div>
<div class="achievement-card"><i class="fas fa-film"></i><h3>MovieLens Recommendation Engine</h3><p>Collaborative filtering deployed on Hugging Face Spaces.</p></div>
<div class="achievement-card"><i class="fas fa-calculator"></i><h3>Statistical Calculator Suite</h3><p>Hypothesis tests, regression, probability distributions — Shiny app.</p></div>
</div>
</div>
</section>
<!-- CONTACT Section for PhD inquiries -->
<section id="contact">
<div class="section-container">
<div class="contact-grid">
<div>
<div class="section-label">Connect</div>
<h2>Open for PhD Supervision & Collaboration</h2>
<p style="margin-bottom: 1.5rem; color: var(--muted);">I am actively seeking funded PhD positions in Biostatistics, Spatial Epidemiology, or Global Health Data Science. Feel free to reach out.</p>
<ul class="contact-links">
<li><a href="mailto:saleksta@gmail.com"><span class="contact-icon"><i class="fas fa-envelope"></i></span> saleksta@gmail.com</a></li>
<li><a href="https://www.linkedin.com/in/md-salek-miah-b34309329/" target="_blank"><span class="contact-icon"><i class="fab fa-linkedin-in"></i></span> LinkedIn / Md Salek Miah</a></li>
<li><a href="https://github.com/muhammadsalek" target="_blank"><span class="contact-icon"><i class="fab fa-github"></i></span> GitHub (reproducible code)</a></li>
<li><a href="https://scholar.google.com/citations?user=oV99NYoAAAAJ&hl=en" target="_blank"><span class="contact-icon"><i class="fas fa-graduation-cap"></i></span> Google Scholar</a></li>
<li><a href="https://salek-protfolio.vercel.app/" target="_blank"><span class="contact-icon"><i class="fas fa-globe"></i></span> Portfolio / Vercel</a></li>
</ul>
</div>
<div>
<form class="contact-form" onsubmit="alert('Thank you — your message has been sent. I will reply within 2-3 days.'); return false;">
<input type="text" placeholder="Full name" style="width:100%; padding:0.9rem; margin-bottom:1rem; border-radius:40px; border:1px solid var(--border-light);">
<input type="email" placeholder="Email address" style="width:100%; padding:0.9rem; margin-bottom:1rem; border-radius:40px; border:1px solid var(--border-light);">
<textarea rows="4" placeholder="PhD inquiry / collaboration idea" style="width:100%; padding:0.9rem; border-radius:20px; border:1px solid var(--border-light);"></textarea>
<button type="submit" class="btn btn-primary" style="margin-top:1rem; border-radius:40px;"><i class="fas fa-paper-plane"></i> Send Message</button>
</form>
</div>
</div>
</div>
</section>
<footer>
<p>© 2026 Md Salek Miah — Explainable AI & Global Health Research | Last updated: June 2026</p>
<p style="margin-top: 0.5rem;">📍 Shahjalal University of Science and Technology, Sylhet, Bangladesh</p>
</footer>
</body>
</html>