🚀 Cyber Portfolio

Modern Developer Portfolio with Terminal-Inspired Design

Hero • About • Skills • Experience • Education • Certifications • Projects • Blog • Contact

# Clone repository
git clone https://github.com/serozr/cyber-portfolio.git
cd cyber-portfolio

# Option 1: Open directly
start index.html

# Option 2: Use local server (recommended)
python -m http.server 8000
# Then visit: http://localhost:8000

Requirements: Modern web browser (Chrome, Firefox, Safari, Edge)

cyber-portfolio/
│
├── index.html            # Main HTML entry point
├── LICENSE               # MIT License
├── README.md             # Project documentation
│
└── src/                  # Source files
  ├── assets/           # Static assets
  │   └── images/       # Image files
  │
  ├── css/              # Stylesheets
  │   ├── animations.css # Custom animation keyframes
  │   └── main.css       # Main stylesheet
  │
  └── js/               # JavaScript files
    └── main.js        # Interactions and animations

Edit src/css/main.css:

#00FF8C  /* Primary - Neon Green */
#00D9FF  /* Secondary - Cyan */
#121212  /* Background */

Browsers: Chrome, Firefox, Safari, Edge (Latest versions) • Mobile: Responsive design (< 768px)

✅ Intersection Observer lazy loading • ✅ CSS-based animations • ✅ Zero dependencies • ✅ Optimized assets

Lighthouse: Performance 95+ • Accessibility 90+ • Best Practices 95+ • SEO 95+

HTML5 • CSS3 (Grid, Flexbox, Custom Properties, Keyframes) • Vanilla JavaScript (Intersection Observer, DOM APIs)

• Dark/light theme toggle
• Form backend integration
• Blog CMS integration
• Project detail pages
• PWA support
• Multilingual support
• Admin panel
• Analytics tracking

Contributions welcome! Fork → Branch → Commit → Push → Pull Request

This project is licensed under the MIT License - see the LICENSE file for details.

serozr • GitHub • Twitter • Portfolio

Give it a ⭐️ if you like this project! For issues or questions, open an issue on GitHub.