Romantic memory website

photo3.jpg photo5.jpg photo2.jpg photo4.jpg photo1.jpg

A simple input page where the user must enter a specific date: 1 August 2026.
The login unlocks the site only if the correct date is entered; otherwise, access is denied.
The design should be elegant and inviting.

Pick-Up Lines and Moments Page:

This page displays multiple clickable boxes, each with an emoji on the front.
When a box is clicked, it flips to reveal a short romantic moment or message inside.
The moments to include (one per box) are:

Snapchat visit and promise to be together.
18 August railway station hug—the best hug ever.
The places visited where new memories were created.
My birthday—the day you made special.
Moments of fights and making up.
You always understand—thank you.

The boxes should have smooth flip animations and a cute, playful design.

Photo Collage Page:

A collage of all the photos the user provides.
The collage should be visually appealing with subtle animations.

Individual Photo Pages (Pages 4 to 8):

Each page displays one unique photo from the collage with a sweet, heartfelt caption.
No photo should be repeated across these pages.
Each page’s layout and animation style should be distinct and cute, different from other pages.

Animations and Transitions:

Every page change should have a smooth, elegant animated transition.
Each page should include different charming animations that enhance the romantic and warm feeling of the website.

General Requirements:

The site should be responsive and easily accessible on multiple devices, including iPhones.
Ensure the design is cohesive, romantic, and user-friendly.
Use gentle, cute animations throughout to create a warm and engaging user experience.

Provide all the HTML, CSS, and JavaScript needed to build this website, ready to be packaged and shared as a single downloadable project. Include instructions on how to open and navigate the site offline.