Welcome To My Personal Portfolio Website! This project showcases my work, skills, and ways to connect with me — built with pure HTML, CSS, and JavaScript.
- 🎥 Animated Background Video
- 🎵 Background Music Toggle
- Navbar button control
- Footer click sync
- 📱 Fully Responsive Design
- ✨ Smooth Animations
- Typing effect
- Hover effects
- 🧩 Project Showcase Section
- 📬 Contact Section with Social Links
- 🔄 Auto Scroll to Top on Refresh
- HTML5 – Structure of the website
- CSS3 – Styling, animations, responsiveness
- JavaScript (Vanilla) – Interactivity (music toggle, scroll behavior)
Portfolio/
│── index.html # Main HTML file
│── style.css # Styling (UI + background)
│── script.js
│── assets/
│ ├── images/
│ ├── video/
│ ├── audio/
└── README.md # Project documentation
- Play/Pause background music
- Sync between navbar and footer controls
- Default volume set to 30%
- Automatically scrolls to top on page refresh
- Full-screen video background
- Subtle animations for dynamic feel
- Adapts to various screen sizes (mobile, tablet, desktop)
- Typing effect for headings
- Hover effects on buttons and project cards
- Social media links with icons
- Email contact form (optional)
- Display of projects with images and descriptions
- Links to live demos and GitHub repositories
- Home → Introduction & title animation
- Projects → Showcases my work (Tic Tac Toe + upcoming projects)
- Contact → Social links (GitHub, Instagram, Telegram, Email)
- Optimized for:
- Desktop 💻
- Tablet 📱
- Mobile 📲
- Uses media queries for layout adjustments
-
GitHub: https://github.com/amanCodex148
-
Instagram: https://www.instagram.com/toxic.codex
-
Telegram: https://t.me/Real_Ama_n
-
Email: amancodex148@gmail.com
- Add more projects
- Dark/Light theme toggle
- Blog section
- Backend integration for contact form
- This project is open-source and available under the MIT License.
- If you like this project, consider giving it a ⭐ on GitHub!