A modern, responsive portfolio website for researchers, designed to showcase academic work, publications, and professional information. This website is ready to be deployed on GitHub Pages.
- 🎨 Modern, clean design with smooth animations
- 📱 Fully responsive (mobile, tablet, desktop)
- 📄 Sections for About, Publications, Resume, and Contact
- 🔗 Easy to customize with your information
- 🚀 Ready for GitHub Pages deployment
Edit index.html and replace:
Your Namewith your actual nameResearch Position @ Institutionwith your position[Your Research Area]and other placeholders with your information- Update the timeline in the About section with your experience
- Add your education details
- Update research interests tags
In the Publications section, replace the example publications with your own:
- Update paper titles
- Add your co-authors (highlight your name with
<strong>tags) - Add publication venues
- Update links (arXiv, PDF, Code, BibTeX)
Replace the profile placeholder in the hero section:
- Add your photo in the
hero-imagesection - Replace the SVG placeholder with:
<img src="images/profile.jpg" alt="Your Name"> - Create an
imagesfolder and add your photo
Update the contact section:
- Replace
your.email@example.comwith your email - Update GitHub, Google Scholar, Twitter, LinkedIn links
- Remove any social links you don't want to include
- Add your resume PDF file to the root directory
- Rename it to
resume.pdfor update the link in the Resume section
- Create a new repository on GitHub (e.g.,
yourusername.github.io) - Upload all files to the repository
- Go to Settings → Pages
- Under "Source", select the main branch
- Click Save
- Your site will be available at
https://yourusername.github.io
# Initialize git repository
git init
# Add all files
git add .
# Commit
git commit -m "Initial commit"
# Add your GitHub repository as remote
git remote add origin https://github.com/yourusername/yourusername.github.io.git
# Push to GitHub
git push -u origin main
# Enable GitHub Pages in repository Settings → PagesIf you want to use a custom domain:
- Add a
CNAMEfile in the root directory with your domain name - Configure DNS settings for your domain
- Update GitHub Pages settings to use your custom domain
researcher-portfolio/
├── index.html # Main HTML file
├── css/
│ └── style.css # Stylesheet
├── js/
│ └── script.js # JavaScript functionality
├── README.md # This file
└── resume.pdf # Your resume (add this)
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Feel free to use this template for your personal portfolio. Customize it as needed!
- Font: Inter (Google Fonts)
- Design: Modern, clean academic portfolio style
If you encounter any issues or have questions:
- Check that all file paths are correct
- Ensure images are in the correct folders
- Verify that all links are working
- Check browser console for any JavaScript errors