💾 Morphocode - Urban Data Visualization

A modern, responsive portfolio website for data analysts and visualization specialists, focusing on accessibility and user experience.

🚀 Live Demo & Resources

Repository: https://github.com/Lyfeldme/morphocode-project

• GitHub Pages: https://lyfeldme.github.io/morphocode-project/
• Figma Design: https://www.figma.com/design/KXO5YGICORLjkt1NSyM17G/Landing-page---Morphocode?node-id=0-1&p=f&t=XCzLQRLT15ciU4jc-0

✨ Features

• 🎨 Modern Design with accent colors and smooth animations
• 📱 Fully Responsive from 320px to 4K displays
• ♿ High Accessibility (WCAG AA compliant)
• ⚡ Optimized Performance with reduced motion support
• 🖱️ Interactive Hover Effects with graceful degradation
• 🌙 Prefers-Reduced-Motion Support
• 📝 Semantic HTML Structure
• 🎯 Touch-Friendly Interface

🎯 Technologies Used

• HTML5 – Semantic markup
• CSS3 – Flexbox, Grid, Custom Properties (CSS Variables)
• Modern CSS – clamp(), min(), max(), viewport units
• Responsive Design – Mobile First approach
• Accessibility – ARIA labels, keyboard navigation, skip links
• Performance – Reduced motion CSS, optimized images
• Cross-Browser – Compatible with all modern browsers