A sleek, fully responsive personal portfolio website built using only HTML, CSS, and JavaScript — no frameworks, no dependencies.
Designed and developed by Muhammad Usman (a.k.a WizMax).
🚀 View it here: https://wiz1.netlify.app/
- 🎥 Cinematic Background Video — immersive looping background with overlay
- 🎧 Interactive Audio Control — toggle relaxing rain sound
- ⚡ Glassmorphic Design — smooth, futuristic, and fast
- 🧑💻 About Section — personal bio + profile photo
- 🧩 Projects Showcase — live status, descriptions, and categories
- 🧠 Learning Section — what I’m currently exploring
- 💌 Contact Form — send messages directly via
mailto: - 👁️ Visitor Counter — powered by Abacus API
- 📱 Fully Responsive — works beautifully on all devices
| Technology | Purpose |
|---|---|
| HTML5 | Structure |
| CSS3 (Vanilla) | Styling & Layout |
| JavaScript (ES6) | Interactivity |
| Abacus API | Visitor Counter |
| Google Fonts (Inter) | Typography |
```bash git clone https://github.com/wizmax11/portfolio-site.git cd portfolio-site ```
Just open the `index.html` file in your browser: ```bash start index.html # For Windows open index.html # For macOS ```
- Replace `bg.mp4` and `rain.mp3` with your own files
- Update links (GitHub, Discord, LinkedIn, etc.) in the Hero section
- Edit the About, Projects, and Learning sections
- Change the email in the contact form: ```html action="mailto:youremail@example.com" ```
``` 📁 wizmax-portfolio/ │ ├── index.html # Main webpage ├── bg.mp4 # Background video ├── rain.mp3 # Ambient audio ├── me.png # Profile picture ├── preview.png # Optional preview image └── README.md # Project documentation ```
“Simplicity with interactivity — every pixel should have a purpose.”
— WizMax
This website follows a clean, minimal, and practical design approach.
Everything focuses on speed, clarity, and a personal touch.
- Add light/dark mode toggle
- Deploy automatically via GitHub Actions
- Add subtle animations with GSAP or Framer Motion
- Use JSON to auto-generate project cards
- Add a blog or notes section (Markdown-based)
This project is open source under the MIT License.
Feel free to use, modify, and share it with proper credit.
- Developer: Muhammad Usman (WizMax)
- Visitor Counter: Abacus by Jason Cameron
- Design Inspiration: Learning journey in Web Dev, Cybersecurity, and UI/UX
Made with ❤️ by WizMax EOF