Welcome to the source code for Akbar Aman’s Portfolio Website, a modern, interactive showcase for a Computer Engineer. This site is designed with a Matrix-inspired theme, featuring a terminal CLI, smooth animations, and responsive layouts.
This site is deployed using Cloudflare Pages for fast, secure, and global delivery. To deploy your own version:
- Fork or clone this repository.
- Push your code to a public GitHub repository.
- Go to Cloudflare Pages and create a new project, connecting your GitHub repo.
- Use the default build settings for static sites (no build command required).
- Your site will be live at
https://<your-project>.pages.dev.
- HTML5 & CSS3 (custom, modular, and responsive)
- JavaScript (vanilla, for interactivity and animations)
- Font Awesome (icon library)
- Google Fonts (Fira Code, Share Tech Mono)
- Cloudflare Pages (hosting)
Tested on latest versions of Chrome, Firefox, Edge, and Safari. Fully responsive and mobile-friendly.
Efforts have been made to ensure:
- Sufficient color contrast
- Keyboard navigation for terminal CLI
- Semantic HTML structure Further improvements are welcome!
Matrix-style loading screen from the portfolio website.
Contributions, suggestions, and improvements are welcome!
- Fork the repository
- Create a new branch (
git checkout -b feature-name) - Commit your changes
- Open a pull request
Please follow best practices and keep code modular and well-documented.
- Matrix-style Loading Screen: Animated intro with terminal-like messages.
- Interactive Terminal CLI: Simulated command-line interface for user interaction.
- Quick Actions: Download resume, scroll to top, open terminal.
- Responsive Design: Mobile-friendly layouts and navigation.
- Modern UI: Custom fonts, icons, and visual effects.
- Downloadable Resume: PDF available in the assets.
index.html # Main HTML file
assets/
css/
styles.css # Global styles
components.css # UI components (nav, buttons, etc.)
responsive.css # Mobile responsiveness
styles_new.css # (Alternate/experimental styles)
components_new.css # (Alternate/experimental components)
responsive_new.css # (Alternate/experimental responsive)
files/
Akbar_Resume.pdf # Downloadable resume
neo.png # Profile image
js/
animations.js # Matrix rain, loading, and other animations
main.js # Main site logic, event handlers
modals.js # Modal popups and overlays
LICENSE # License information
README.md # Project documentation
-
Clone the repository:
git clone https://github.com/ak23bar/portfolio-website.git cd portfolio-website -
Start a local server (Python 3):
python3 -m http.server 8001
Visit http://localhost:8001/ in your browser.
- Content: Edit
index.htmlto update profile info, skills, and sections. - Styles: Modify CSS files in
assets/css/for colors, fonts, and layout. - Scripts: Enhance interactivity via JS files in
assets/js/. - Resume: Replace
Akbar_Resume.pdfinassets/files/with your own.
- Fonts: Uses Fira Code and Share Tech Mono.
- Icons: Font Awesome for UI icons.
- Images: Profile image (
neo.png) and downloadable resume.
See LICENSE for details.
- This portfolio is designed for high performance and modern aesthetics.
- All code is original and modular for easy maintenance.
- For deployment, Cloudflare Pages is recommended for its speed and reliability.
For questions or collaboration, reach out via LinkedIn or email (see website).
Feel free to further personalize this README to match your professional style or add more technical details! Let me know if you want to include screenshots, deployment instructions, or anything else.
