Skip to content

CodeX047/niceatnoon-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 NiceAtNoon Website Clone

A pixel-perfect front-end clone of the stunning NiceAtNoon.nl website — built with 💖 using HTML and Tailwind CSS.

NiceAtNoon Banner


🚀 Live Demo

👉 Click here to visit the live site


✨ Features

  • ⚡ Fully responsive layout (optional)
  • 🎯 Tailwind CSS utility-first design
  • 🖼️ Smooth image scroll animation
  • 🔁 Hover zoom, button underline, scroll-based fade-ins
  • 💅 Clean and modern UI just like the original

📸 Screenshots

Home View Hover Interaction
Home Hover

🛠️ Built With

  • HTML5
  • Tailwind CSS 4 (CLI)
  • 💖 Love for clean design

📁 Folder Structure

NiceAtNoon/
├── index.html
├── style.css
├── images/

🧠 What I Learned

  • Mastered advanced Tailwind animations and layout
  • Implemented scroll-based and hover interactions
  • Practiced precision cloning and component design

🙌 Special Thanks

Inspired by the minimalist brilliance of NiceAtNoon. This project is built just for learning and practice purposes.


📬 Connect With Me


📌 Note

This is a frontend-only clone and not affiliated with the original creators.


Releases

No releases published

Packages

No packages published