- 🔮 IoT 3D Background — Three.js powered floating Arduino boards, sensor nodes, circuit traces & WiFi rings in Hero, About and Contact sections
- 🌌 Aurora Blob Background — Animated purple aurora in Skills, Experience, Projects and Certifications sections
- 📱 Fully Responsive — Works on mobile, tablet and desktop
- 🎓 14 Certifications — Real certificates with lightbox viewer
- 🚀 7 Projects — Live demo (YouTube) and GitHub links
- 📬 Contact Form — Functional email form
- 🎨 Purple Cosmic Theme — Dark mode with gradient accents
| Technology | Usage |
|---|---|
| HTML5 | Structure |
| CSS3 | Styling, animations, aurora blobs |
| JavaScript ES6+ | Interactivity, video modal, scroll effects |
| Three.js r128 | IoT 3D background |
portfolio/
├── index.html ← Main HTML
├── style.css ← All styles & animations
├── main.js ← JS logic (modal, scroll, navbar)
├── iot_bg.js ← Three.js IoT 3D background
├── assets/
│ ├── thumb-*.jpeg ← Project thumbnails
│ ├── cert-*.jpeg ← Certificate images
│ └── profile.jpg ← Profile photo
├── README.md
└── LICENSE
No build step needed — pure HTML/CSS/JS!
# 1. Clone
git clone https://github.com/your-username/portfolio.git
# 2. Open index.html in browser
# OR use Live Server in VS Code / IntelliJ| Section | Description |
|---|---|
| 🏠 Hero | Introduction, name, role, CTA buttons |
| 👤 About | Bio, background, education summary |
| 🛠️ Skills | Technical skills with category cards |
| 💼 Experience | 9 roles — internships & positions |
| 🚀 Projects | 7 projects with demo & source links |
| 🎓 Certifications | 14 certificates from Cisco, IBM, Google etc. |
| 📬 Contact | Contact form + social links |
Md. Rafiul Islam — IoT & Robotics Engineer
This project is licensed under the MIT License — see [LICENSE] for details.
Made with ❤️ by Md. Rafiul Islam