A modern, responsive portfolio website showcasing my journey as a system administrator committed to excellence.

⚡ Live at : arehman-dev.github.io/portfolio

• Theme Switching: Beautiful light/dark theme with user preference memory
• Glassmorphism: Modern glass-effect UI elements in light theme
• Smooth Animations: Professional scroll animations and transitions
• Responsive Design: Optimized for all devices and screen sizes
• Performance: Optimized for fast loading and smooth interactions
• Accessibility: WCAG AAA compliant with excellent contrast ratios

• Green: #01ac6a (Primary accent)
• Blue: #397bc9 (Secondary accent)
• Light Theme: Enhanced gradients with glassmorphism
• Dark Theme: Pure blacks (#0a0a0a) for OLED optimization

📖 Full details in COLOR_PALETTE.md — Browse comprehensive color system documentation, gradient definitions, and usage guidelines.

• Primary: Inter (Headers)
• Secondary: JetBrains Mono (Body text and code)

• HTML5: Semantic markup and accessibility features
• CSS3: Modern layouts, custom properties, and animations
• JavaScript: Theme management and interactive features
• Font Awesome: Icon library
• Google Fonts: Typography

├── index.html              # Main HTML file
├── css/
│   ├── variables.css       # CSS custom properties
│   └── styles.css          # Main stylesheet
├── js/
│   └── main.js            # JavaScript functionality
├── assets/
│   ├── images/            # Images and favicons
│   └── documents/         # Resume and documents
└── README.md              # This file

1. Clone the repository

   git clone https://github.com/arehman-dev/arehman-dev.github.io.git
   cd arehman-dev.github.io

2. Open in browser

   # Simple HTTP server
   python -m http.server 8000
   # Or use Live Server extension in VS Code

3. Deploy to GitHub Pages

   • Repository is automatically deployed via GitHub Pages
   • Available at: https://arehman-dev.github.io/portfolio

• Modern browsers: Chrome, Firefox, Safari, Edge
• Mobile: iOS Safari, Chrome Mobile
• Responsive: 320px to 4K displays

• Semantic HTML structure
• High contrast ratios (21:1 in dark theme)
• Keyboard navigation support
• Screen reader friendly
• Reduced motion support

• Lighthouse Score: 95+ across all metrics
• First Contentful Paint: < 1.5s
• Largest Contentful Paint: < 2.5s
• Cumulative Layout Shift: < 0.1

This project is open source and available under the MIT License.

• Email: [email protected]
• LinkedIn: arehman-dev
• GitHub: arehman-dev
• Live Site: arehman-dev.github.io/portfolio

Built with 🤍 and commitment to excellence