DEV Community: Raha

I Built a Cozy Cafe Website with HTML & CSS ☕🌸

Raha — Sat, 22 Aug 2026 09:24:28 +0000

Hi everyone! 👋

I'm excited to share one of my latest front-end projects: Luna Cafe ☕🌸

I created this website as a practice project to improve my HTML and CSS skills while focusing on creating a warm, elegant, and welcoming cafe experience.

✨ Features

☕ Cafe-themed homepage
🧭 Navigation menu
🌸 About section
🍰 Menu and featured items
🎨 Warm and elegant color palette
🃏 Styled content cards
✨ Hover effects and transitions
📱 Responsive-friendly layout

🛠️ Built With

HTML5
CSS3

📚 What I Practiced

While building Luna Cafe, I practiced:

Structuring a complete webpage with HTML
Creating layouts with Flexbox
Designing different sections of a landing page
Working with colors, spacing, shadows, and borders
Creating rounded cards and modern UI elements
Adding hover effects and CSS transitions
Creating a consistent visual style throughout the website

I wanted the design to feel cozy, simple, and inviting while keeping the layout clean and easy to explore.

🔗 Check Out My Project

🌐 Live Demo:
https://dehghanian2022-cyber.github.io/Luna-cafe/

💻 GitHub:
https://github.com/dehghanian2022-cyber/Luna-cafe

🚀 What's Next?

I'm continuing to build front-end projects to improve my skills and learn new techniques.

My next step is to learn JavaScript and start adding interactive features to my websites.

I'd love to hear your feedback!

What would you add or improve in this cafe website?

I Built a Fitness Club Website with HTML & CSS 💪

Raha — Sat, 22 Aug 2026 09:15:23 +0000

Hi everyone! 👋

I'm excited to share another front-end project I've been working on: Power Fitness Club 💪

I created this website to practice my HTML and CSS skills and explore how to build a modern, organized website for a fitness club.

✨ Features

🏋️ Fitness classes section
👥 Trainers section
🧭 Navigation menu
💳 Membership benefits
📱 Responsive-friendly layout
🎨 Custom CSS styling
✨ Hover effects and transitions
🃏 Styled cards for classes and trainers

🛠️ Built With

HTML5
CSS3

📚 What I Practiced

While building this project, I practiced:

Creating structured sections with HTML
Using Flexbox to arrange content
Designing cards and layouts
Working with spacing, colors, shadows, and borders
Creating hover effects and transitions
Keeping the design consistent across different sections

This project helped me get more comfortable with CSS layouts and designing multiple sections that work together as one website.

🔗 Check Out My Project

🌐 Live Demo:
https://dehghanian2022-cyber.github.io/Fitness-club/

💻 GitHub:
https://github.com/dehghanian2022-cyber/Fitness-club

🚀 What's Next?

I'm continuing to build projects to strengthen my front-end development skills.

I'm currently focusing on HTML and CSS, and my next step is to add JavaScript and make my websites more interactive.

I'd love to hear your feedback!

What feature would you add to this fitness website?

I Built a Book Website with HTML & CSS 📚

Raha — Sat, 22 Aug 2026 09:13:28 +0000

Hi everyone! 👋

I'm excited to share another front-end project I recently built: Book World 📚

I created this website to practice HTML and CSS while exploring how to design a clean, warm, and book-focused user interface.

✨ Features

📚 Featured books section
✍️ Authors section
🧭 Navigation menu
💌 Contact section
🎨 Custom color palette and typography
🃏 Styled book cards
✨ Hover effects and transitions
📱 Responsive-friendly layout

🛠️ Built With

HTML5
CSS3

📚 What I Practiced

While creating Book World, I practiced:

Structuring a multi-section website with HTML
Creating layouts with CSS
Using Flexbox
Designing cards and navigation menus
Working with colors, typography, spacing, and shadows
Creating hover effects and transitions
Building a consistent visual style

I wanted the design to feel simple, cozy, and welcoming for people who enjoy books.

🔗 Check Out My Project

🌐 Live Demo:
https://dehghanian2022-cyber.github.io/Book-world/

💻 GitHub:
https://github.com/dehghanian2022-cyber/Book-world

🚀 What's Next?

I'm continuing to learn front-end development by building projects and improving my HTML and CSS skills.

I'm also looking forward to learning JavaScript and adding more interactive features to my websites.

I'd love to hear your feedback!

What would you add or improve in this Book World website?

I Built a Movie Website with HTML & CSS 🎬

Raha — Sat, 22 Aug 2026 09:10:09 +0000

Hi everyone! 👋

I'm excited to share one of my recent front-end projects: Movie World 🎬

I built this website to practice my HTML and CSS skills and improve my understanding of web design, layouts, and user interfaces.

✨ Features

🎬 Movie cards and sections
🧭 Navigation menu
⭐ Movie ratings
📱 Responsive layout
🎨 Custom CSS styling
✨ Hover effects and transitions
📝 Contact and login sections

🛠️ Built With

HTML5
CSS3

📚 What I Learned

While building this project, I practiced:

Structuring pages with HTML
Using Flexbox for layouts
Creating and styling cards
Working with colors, spacing, shadows, and borders
Adding hover effects and transitions
Creating a consistent visual design

This project helped me understand how HTML and CSS work together to create a complete website.

🔗 Check Out My Project

🌐 Live Demo:
https://dehghanian2022-cyber.github.io/Movie-world/

💻 GitHub:
https://github.com/dehghanian2022-cyber/Movie-world

🚀 What's Next?

I'm continuing to learn front-end development and build more projects to improve my skills.

My next goal is to learn JavaScript and make my websites more interactive.

I'd love to hear your feedback!

What would you improve or add to this project?