A static, fully responsive tribute page built with semantic HTML5 and modern CSS3, highlighting the major milestones in Marie Curie’s life and scientific achievements. Designed for accessibility, clarity, and visual balance.
- Semantic HTML5 with accessible markup and proper heading hierarchy.
- Responsive CSS3 design using Flexbox and media queries.
- Optimized assets: lightweight images and locally hosted fonts.
- Accessibility (A11y): keyboard navigation and high-contrast palette.
- Clean visual hierarchy: timeline layout emphasizing key life events.
git clone https://github.com/saleh-coder/tribute-marie-curie.git
cd tribute-marie-curie
open index.htmlThis project helped me:
- Understand the importance of semantic structure for accessibility and SEO.
- Practice CSS responsiveness without frameworks.
- Learn to organize assets (fonts, images, favicon) in a maintainable structure.
- Apply accessible design principles: keyboard focus, readable contrast, descriptive
alttext. - Improve documentation and portfolio presentation.
This project is open source under the MIT License.
Developed by Amal Saleh Inspired by the brilliance and legacy of Marie Curie.
