Your portfolio is a single HTML file (index.html) that contains everything - the design, content, and functionality. No build process needed.
Create a folder on your computer called portfolio with this structure:
portfolio/
├── index.html (the file I created)
└── assets/
├── profile.jpg (your profile photo)
└── conf/
├── rsna-2025-1.jpg
├── rsna-2025-2.jpg
├── spie-2025-1.jpg
├── spie-2025-2.jpg
├── spie-2024-1.jpg
├── spie-2024-2.jpg
├── conf-7.jpg
├── conf-8.jpg
├── conf-9.jpg
└── conf-10.jpg
- Profile photo: Save your photo as
assets/profile.jpg - Conference photos: Save your 10 conference photos in
assets/conf/folder
Open index.html in any text editor (like Notepad or TextEdit).
For the profile image, find this line (around line 200):
<img src="assets/profile.jpg" alt="Akhil V. Kasturi" class="hero-image">Make sure your profile photo is named profile.jpg in the assets folder.
For conference photos, find the gallery section (around line 360) and replace the placeholder divs with actual images. Change each gallery item from:
<div class="gallery-item">
<div class="gallery-placeholder">RSNA 2025 — Chicago<br>Drop image here</div>
<div class="gallery-caption"><span>RSNA 2025 — Chicago</span></div>
</div>To:
<div class="gallery-item">
<img src="assets/conf/rsna-2025-1.jpg" alt="RSNA 2025">
<div class="gallery-caption"><span>RSNA 2025 — Chicago</span></div>
</div>-
Go to GitHub.com and sign in (or create an account)
-
Create a new repository:
- Click the "+" icon in the top right → "New repository"
- Name it exactly:
yourusername.github.io(e.g.,akast7.github.io) - Make it Public
- Check "Add a README file"
- Click "Create repository"
-
Upload your files:
- In your new repository, click "Add file" → "Upload files"
- Drag and drop your entire
portfoliofolder contents (index.html and assets folder) - Click "Commit changes"
- Go to your repository's Settings (gear icon)
- In the left sidebar, click Pages
- Under "Source", select main branch
- Click Save
- Wait 2-3 minutes
Your site is now live at: https://yourusername.github.io
Search for these text strings and replace them:
akasturi@ur.rochester.edu→ your emailhttps://github.com/akast7→ your GitHubhttps://linkedin.com/in/akhil-v-k-21069711b→ your LinkedIn
Find the "news-grid" section and copy this template:
<div class="news-item">
<span class="news-date">Month 2025</span>
<h3 class="news-headline">Your Headline</h3>
<p class="news-desc">Your description text.</p>
</div>Find the "pub-list" section and copy this template:
<div class="pub-item" data-year="2025" data-type="first">
<div class="pub-marker first-author"></div>
<div>
<p class="pub-title">Paper Title</p>
<p class="pub-authors"><strong>Your Name</strong>, Coauthor Names</p>
<p class="pub-venue">Journal/Conference Name, Year</p>
</div>
<a href="PAPER_URL" class="pub-link" target="_blank">Paper →</a>
</div>Change data-type="first" to data-type="co" for co-authored papers.
If you own a domain like akhilkasturi.com:
-
In your domain registrar (GoDaddy, Namecheap, etc.), add these DNS records:
Type: A Host: @ Points to: 185.199.108.153 Type: A Host: @ Points to: 185.199.109.153 Type: A Host: @ Points to: 185.199.110.153 Type: A Host: @ Points to: 185.199.111.153 Type: CNAME Host: www Points to: yourusername.github.io -
In GitHub Pages settings, enter your custom domain
-
Check "Enforce HTTPS"
- GitHub Pages documentation: https://docs.github.com/pages
- Your site URL: https://yourusername.github.io