A fully interactive iPhone-style developer portfolio built with pure HTML, CSS & JavaScript. One file. No frameworks. No dependencies.
- 🍎 Apple boot screen — authentic logo splash on load
- 🏝️ Dynamic Island — tap for instant contact shortcuts
- ⏰ Live clock — real-time status bar with current time
- 🔔 Lock screen notifications — achievements displayed as iOS notifs
- 📱 App grid — 8 tappable app icons with spring animations
- 🚀 5 full app screens — About, Skills, Projects, Certs, Contact
- 📲 iOS slide-up transitions — native-feel app open/close
- 💬 Contact form — sends directly to WhatsApp
- 🌊 Ambient background — animated glowing orbs
- 📡 Zero dependencies — pure HTML/CSS/JS, single file
| App | Content |
|---|---|
| 👤 About | Profile card, education, work experience, languages, testimonials |
| ⚡ Skills | Tech pills + animated progress bars across 4 categories |
| 🚀 Projects | MadaKop featured project + more with live links |
| 🏆 Certifications | All 13 certs with green checkmarks |
| ✉️ Contact | All contact links + WhatsApp message form |
HTML5 — Structure & semantic markup
CSS3 — Animations, glassmorphism, iOS aesthetics
JavaScript — Clock, navigation, Dynamic Island, contact form
Google Fonts — Plus Jakarta Sans
Vercel — Deployment & hosting
Visit the live site → your-portfolio.vercel.app
# Clone the repo
git clone https://github.com/Project30Hub/portfolio.git
# Open in browser — just double-click portfolio.html
open portfolio.html1. Fork this repo on GitHub
2. Go to vercel.com → Import your repo
3. Hit Deploy — live in 60 seconds
portfolio/
└── portfolio.html ← Entire portfolio in one file
└── README.md ← You are here
That's it. One file runs everything. 🤯
Lock screen with live time, notification cards showing achievements, profile widget with stats, app grid, and dock.
Tap the Dynamic Island at the top to open a contact sheet with direct links to WhatsApp, Email, LinkedIn, and GitHub.
Tap any icon → app slides up with iOS spring animation. Tap back → slides down and dismisses.
Iphile Akho Selana — Full Stack Developer based in Johannesburg, South Africa.
Currently completing NQF Level 4 Full Stack Development at ITvarsity / FNB App Academy (graduating July 2025).
- 💼 Open to freelance projects & full-time roles
- 🌍 Available remotely worldwide
- 💬 Languages: English · Xhosa · Sesotho · Afrikaans
| Platform | Details |
|---|---|
| iphileakhoselana@outlook.com | |
| +27 68 330 5409 | |
| Iphile Akho Selana | |
| 🐙 GitHub | Project30Hub |
| # | Commit | Status |
|---|---|---|
| 1 | Initial portfolio — charcoal & orange design | ✅ |
| 2 | Redesign — iPhone-style interactive portfolio | ✅ |
| 3 | Dynamic Island contact sheet | ✅ |
| 4 | Apple boot splash + live clock | ✅ |
| 5 | Skills progress bars + pill system | ✅ |
If you like this portfolio, drop a ⭐ on the repo and connect on LinkedIn!
A fully interactive iPhone-style developer portfolio built with pure HTML, CSS & JavaScript. One file. No frameworks. No dependencies.
- 🍎 Apple boot screen — authentic logo splash on load
- 🏝️ Dynamic Island — tap for instant contact shortcuts
- ⏰ Live clock — real-time status bar with current time
- 🔔 Lock screen notifications — achievements displayed as iOS notifs
- 📱 App grid — 8 tappable app icons with spring animations
- 🚀 5 full app screens — About, Skills, Projects, Certs, Contact
- 📲 iOS slide-up transitions — native-feel app open/close
- 💬 Contact form — sends directly to WhatsApp
- 🌊 Ambient background — animated glowing orbs
- 📡 Zero dependencies — pure HTML/CSS/JS, single file
| App | Content |
|---|---|
| 👤 About | Profile card, education, work experience, languages, testimonials |
| ⚡ Skills | Tech pills + animated progress bars across 4 categories |
| 🚀 Projects | MadaKop featured project + more with live links |
| 🏆 Certifications | All 13 certs with green checkmarks |
| ✉️ Contact | All contact links + WhatsApp message form |
HTML5 — Structure & semantic markup
CSS3 — Animations, glassmorphism, iOS aesthetics
JavaScript — Clock, navigation, Dynamic Island, contact form
Google Fonts — Plus Jakarta Sans
Vercel — Deployment & hosting
Visit the live site → your-portfolio.vercel.app
# Clone the repo
git clone https://github.com/Project30Hub/portfolio.git
# Open in browser — just double-click portfolio.html
open portfolio.html1. Fork this repo on GitHub
2. Go to vercel.com → Import your repo
3. Hit Deploy — live in 60 seconds
portfolio/
└── portfolio.html ← Entire portfolio in one file
└── README.md ← You are here
That's it. One file runs everything. 🤯
Lock screen with live time, notification cards showing achievements, profile widget with stats, app grid, and dock.
Tap the Dynamic Island at the top to open a contact sheet with direct links to WhatsApp, Email, LinkedIn, and GitHub.
Tap any icon → app slides up with iOS spring animation. Tap back → slides down and dismisses.
Iphile Akho Selana — Full Stack Developer based in Johannesburg, South Africa.
Currently completing NQF Level 4 Full Stack Development at ITvarsity / FNB App Academy (graduating July 2025).
- 💼 Open to freelance projects & full-time roles
- 🌍 Available remotely worldwide
- 💬 Languages: English · Xhosa · Sesotho · Afrikaans
| Platform | Details |
|---|---|
| iphileakhoselana@outlook.com | |
| +27 68 330 5409 | |
| Iphile Akho Selana | |
| 🐙 GitHub | Project30Hub |
| # | Commit | Status |
|---|---|---|
| 1 | Initial portfolio — charcoal & orange design | ✅ |
| 2 | Redesign — iPhone-style interactive portfolio | ✅ |
| 3 | Dynamic Island contact sheet | ✅ |
| 4 | Apple boot splash + live clock | ✅ |
| 5 | Skills progress bars + pill system | ✅ |
If you like this portfolio, drop a ⭐ on the repo and connect on LinkedIn!
A fully interactive iPhone-style developer portfolio built with pure HTML, CSS & JavaScript. One file. No frameworks. No dependencies.
- 🍎 Apple boot screen — authentic logo splash on load
- 🏝️ Dynamic Island — tap for instant contact shortcuts
- ⏰ Live clock — real-time status bar with current time
- 🔔 Lock screen notifications — achievements displayed as iOS notifs
- 📱 App grid — 8 tappable app icons with spring animations
- 🚀 5 full app screens — About, Skills, Projects, Certs, Contact
- 📲 iOS slide-up transitions — native-feel app open/close
- 💬 Contact form — sends directly to WhatsApp
- 🌊 Ambient background — animated glowing orbs
- 📡 Zero dependencies — pure HTML/CSS/JS, single file
| App | Content |
|---|---|
| 👤 About | Profile card, education, work experience, languages, testimonials |
| ⚡ Skills | Tech pills + animated progress bars across 4 categories |
| 🚀 Projects | MadaKop featured project + more with live links |
| 🏆 Certifications | All 13 certs with green checkmarks |
| ✉️ Contact | All contact links + WhatsApp message form |
HTML5 — Structure & semantic markup
CSS3 — Animations, glassmorphism, iOS aesthetics
JavaScript — Clock, navigation, Dynamic Island, contact form
Google Fonts — Plus Jakarta Sans
Vercel — Deployment & hosting
Visit the live site → your-portfolio.vercel.app
# Clone the repo
git clone https://github.com/Project30Hub/portfolio.git
# Open in browser — just double-click portfolio.html
open portfolio.html1. Fork this repo on GitHub
2. Go to vercel.com → Import your repo
3. Hit Deploy — live in 60 seconds
portfolio/
└── portfolio.html ← Entire portfolio in one file
└── README.md ← You are here
That's it. One file runs everything. 🤯
Lock screen with live time, notification cards showing achievements, profile widget with stats, app grid, and dock.
Tap the Dynamic Island at the top to open a contact sheet with direct links to WhatsApp, Email, LinkedIn, and GitHub.
Tap any icon → app slides up with iOS spring animation. Tap back → slides down and dismisses.
Iphile Akho Selana — Full Stack Developer based in Johannesburg, South Africa.
Currently completing NQF Level 4 Full Stack Development at ITvarsity / FNB App Academy (graduating July 2025).
- 💼 Open to freelance projects & full-time roles
- 🌍 Available remotely worldwide
- 💬 Languages: English · Xhosa · Sesotho · Afrikaans
| Platform | Details |
|---|---|
| iphileakhoselana@outlook.com | |
| +27 68 330 5409 | |
| Iphile Akho Selana | |
| 🐙 GitHub | Project30Hub |
| # | Commit | Status |
|---|---|---|
| 1 | Initial portfolio — charcoal & orange design | ✅ |
| 2 | Redesign — iPhone-style interactive portfolio | ✅ |
| 3 | Dynamic Island contact sheet | ✅ |
| 4 | Apple boot splash + live clock | ✅ |
| 5 | Skills progress bars + pill system | ✅ |
If you like this portfolio, drop a ⭐ on the repo and connect on LinkedIn!