💌 Pockets of Love

View Live Project Here

Pockets of Love is an interactive, folder-style web experience designed as a gift of words, comfort, and presence. Each section (or “pocket”) holds a message, a quote, and a themed reflection. The app moves like a book but flows digitally, creating a smooth, private, and immersive journey.

---

✨ What to Expect

When you open the app, you’ll move seamlessly between pages:

1. Front Cover – The opening screen, setting the tone for the experience.

2. Copyright Page – Protecting the creative work and its intention.

3. Dedication Page – Featuring In and Out of Time by Maya Angelou.

4. Table of Contents – A list of all nine “pockets” to explore.

5. Folder Front Page – Each folder has a title, a short note, and a symbolic “song from my heart.”

6. Inside the Folder – The full message, broken into:

   • Title (e.g., When You Miss Me)
   • From Me to You (the message itself)
   • Quote (the final thought) Navigation buttons allow you to return to the Table of Contents or the Home (front cover).

---

📖 Table of Contents

• When You Miss Me
• When You're Sad
• When You're Overthinking
• When You Need Assurance
• When You Can’t Sleep
• When You Feel Insecure
• When You're Thinking of Our Future
• When You Need Love

---

🛠️ Built With

• HTML5 – Page structure and semantic flow
• CSS3 – Styling, layout, responsiveness, and themed design
• JavaScript – Smooth navigation, dynamic content handling, transitions

---

📂 Project Structure

pockets-of-love/
│
├── index.html       # Main entry point
├── style.css        # Styling and layout
├── script.js        # Navigation and content logic
└── images/          # Background images for cover, contents, and folders

---

🌐 Live Demo

Explore the project here: 👉 Pockets of Love on GitHub Pages

---

📜 License

This project is personal and creative in nature. It is shared publicly as part of a portfolio showcase. © 2025 Pockets of Love. All rights reserved.