Journaling Landing Page 📓

A personal landing page based on my hobby of journaling, designed to reflect calmness, self-reflection, and mental wellness.
This project focuses on clean UI design, smooth interactions, and core frontend fundamentals.

✨ Features

• Responsive layout using CSS Grid
• Dark / Light theme toggle using JavaScript
• Hover effects and CSS transform animations
• Gradient backgrounds for both themes
• Accessible images with descriptive alt text
• Simple and aesthetic user interface

🛠️ Built With

• HTML5
• CSS3 (Grid, Transforms, Transitions, Gradients)
• JavaScript (DOM manipulation, event handling)
• VS Code

🌐 Live Demo

👉 https://subhi311.github.io/journaling-landing-page/

📸 Preview

A clean, minimal journaling-inspired layout with interactive image grid and theme toggle.

💡 What I Learned

• Structuring a complete frontend project from scratch
• Using CSS Grid for layouts
• Implementing theme toggles with JavaScript
• Improving UI/UX through small interactions and animations
• Writing accessible and readable HTML

👩‍💻 Author

Subhi Srivastava

• LinkedIn: https://www.linkedin.com/in/subhi-srivastava-a882a6315?utm_source=share&utm_campaign=share_via&utm_c
• GitHub: https://github.com/Subhi311