01
Frontend Mini Projects index page
Bookmark Manager — tabbed features section with accordion FAQ.
Landing pages collection
Frontend Mini Projects
Six responsive landing-page challenges built with HTML and Tailwind CSS.
Project context
Practice challenges from Frontend Mentor completed to sharpen responsive layout and modern component structure.
Nour's role
Nour completed all six challenges individually, from design interpretation through pixel-accurate layout implementation and GitHub Pages deployment.
The collection, at a glance
A structured collection, presented as an interactive reference.
Six responsive landing-page challenges built with HTML and Tailwind CSS.
Practice challenges from Frontend Mentor completed to sharpen responsive layout and modern component structure.
Explore the collection
Move through the experience
01 / 08
Frontend Mini Projects index page
Subjects and highlights
The moments that make it substantial
02
Bookmark landing page challenge
Shortly — responsive URL shortener landing page layout.
03
Shortly URL shortener challenge
Fylo — dark/light theme landing page with feature cards.
04
Fylo landing page challenge
Loopstudios — responsive VR landing page with CSS Grid gallery.
05
Loopstudios VR landing page challenge
Testimonials Grid — multi-column responsive grid layout.
06
Testimonials Grid section challenge
Clipboard — feature showcase landing page.
Nour's contribution
Work connected to the product you can see
Nour completed all six challenges individually, from design interpretation through pixel-accurate layout implementation and GitHub Pages deployment.
The verified project context and ownership boundaries are preserved.Project archive
Inspect the product up close
Open any view for a focused, full-screen inspection.
Behind the collection
How the collection is structured
Optional technical context, translated into the product decisions it supports.
How it works
Each project uses semantic HTML5, utility-first Tailwind CSS, and minimal JavaScript where needed for mobile overlays, accordions, and tabs.
- HTML5
- Tailwind CSS
- JavaScript
- GitHub Pages
Available evidence
All six landing pages are live on GitHub Pages, and the repository contains the source code for each challenge.
What is not claimed
These are design implementation exercises based on Frontend Mentor challenges, not original product designs.
End of collection
One collection. A complete, inspectable reference.
Six responsive landing-page challenges built with HTML and Tailwind CSS.
- HTML5
- Tailwind CSS
- JavaScript
- GitHub Pages