Skip to content

Logashree03/Movie-Ticket-Booking-UI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

🎬 Movie Ticket Booking UI

A responsive Movie Ticket Booking UI designed using HTML and CSS, inspired by real-world cinema ticket layouts.
This project focuses on clean UI design, structured layout, and mobile responsiveness.


🚀 Live Demo

https://logashree03.github.io/Movie-Ticket-Booking-UI/


✨ Features

  • 🎟️ Movie ticket card-style layout
  • 🕒 Shows date, time, screen & seat details
  • 📍 Cinema location display
  • 🔍 QR code section for ticket scanning
  • 📱 Fully responsive (mobile, tablet & desktop)
  • 🎨 Clean typography and spacing

🛠️ Technologies Used

  • HTML5
  • CSS3
  • CSS Flexbox
  • Media Queries (Responsive Design)
  • Google Fonts
  • Font Awesome Icons

📂 Project Structure

movie-ticket-booking-ui/ ├── index.html ├── style.css


📚 Learning Outcomes

  • Structuring real-world UI layouts using HTML
  • Flexbox-based alignment and spacing
  • Responsive design using media queries
  • Building card-based UI components
  • Improving UI consistency across devices

📬 Contact


⭐ If you like this project, feel free to star the repository!

About

A responsive movie ticket booking UI built using HTML and CSS, showcasing ticket details with a clean, card-based design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors