diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..fd02e5c --- /dev/null +++ b/css/styles.css @@ -0,0 +1,184 @@ +@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700&display=swap'); + +body { + font-family: 'Nunito', sans-serif; + margin: 0; + padding: 0; +} + +section::before { + content: ""; + display: block; + height: 90px; + margin-top: -90px; + visibility: hidden; + pointer-events:none; + } + +.button-box{ + display: flex; +} + +.button-box-features{ + background-color: rgb(157, 51, 51); + color: #fff; + border-radius: 20px; + width: 430px; + margin: 15px; + padding: 15px; + text-align: center; + font-weight: bolder; +} + +.button-box-features:hover{ + background-color: rgb(255, 87, 87) ; +} + +header { + background-color: rgb(157, 51, 51); + color: #fff; + /*padding: 10px;*/ + text-align: center; + display: flex; + justify-content: space-between; + align-items: center; + position: fixed; + top: 0; + width: 100%; + z-index: 1000; +} + +.footer { + background-color: #333; + color: #fff; + padding: 20px; + text-align: center; + bottom: 0; +} + +nav a{ + color: #fff; + text-decoration: none; + padding: 10px; + margin: 0 10px; +} + +/* +nav a:hover { + background-color: #a4dbff; +}*/ +.nav1{ + color: #fff; + text-decoration: none; + padding: 10px; + margin: 0 10px; + +} +.nav1:hover{ + border-radius: 20px; + background-color: rgb(255, 87, 87); +} +.welcome-section { + position: relative; + text-align: center; + color: #fff; + background: url('../images/movie.jpg') center/cover no-repeat; + padding: 200px; +} + +.welcome-text { + font-size: 100px; + font-weight: bold; +} + +.houses-section { + background-color: #ffffff; + padding: 20px; + display: flex; + justify-content: space-around; + flex-wrap: wrap; +} + +.house-box { + border-radius: 30px; + width: 200px; + margin: 15px; + padding: 15px; + /*border: 1px solid #ccc;*/ + background-color: #fff; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + /*text-align: center;*/ +} + +.house-box-info{ + font-size: 20px; + margin-left: 20px; +} + +.house-image { + border-radius: 30px; + max-width: 100%; + height: 450px; +} + +.heading { + font-size: 50px; + font-weight: bold; + color: rgb(157, 51, 51); + padding: 10px; + text-align: center; + justify-content: space-between; + align-items: center; +} + +.heading-style{ + background-color: rgb(157, 51, 51); + color: #fff ; + border-radius: 10px; + padding-left: 10px; + padding-right: 10px; +} + +.space { + padding: 20px; +} + +/*form sell proporities*/ +form { + width: 500px; + background-color: #fff; + padding: 20px; + border-radius: 30px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input, +select,textarea { + width: 100%; + padding: 10px; + margin-bottom: 16px; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + font-size: 16px; +} + +button { + background-color: rgb(157, 51, 51); + color: #fff; + padding: 12px 20px; + border: none; + border-radius: 20px; + cursor: pointer; + font-size: 16px; +} + +button:hover { + background-color: rgb(255, 87, 87); +} \ No newline at end of file diff --git a/html/login.html b/html/login.html new file mode 100644 index 0000000..ad16440 --- /dev/null +++ b/html/login.html @@ -0,0 +1,44 @@ + + + + + + MOVIE MAYHEM + + + + +
+

MOVIE MAYHEM.

+ +
+ + +
+
Login in.
+
+
+
+ + + + + + + +
+ +
+
+
+ +
+
+ © 2023 MOVIE MAYHEM. All rights reserved. +
+ + diff --git a/html/signup.html b/html/signup.html new file mode 100644 index 0000000..21e666d --- /dev/null +++ b/html/signup.html @@ -0,0 +1,54 @@ + + + + + + MOVIE MAYHEM + + + + +
+

MOVIE MAYHEM.

+ +
+ + +
+
sign up.
+
+
+
+ + + + + + + + + + + + + + + + +
+ +
+
+
+ +
+
+ © 2023 MOVIE MAYHEM. All rights reserved. +
+ + + diff --git a/images/amarkalam.jpeg b/images/amarkalam.jpeg new file mode 100644 index 0000000..b5b2141 Binary files /dev/null and b/images/amarkalam.jpeg differ diff --git a/images/arambam.jpg b/images/arambam.jpg new file mode 100644 index 0000000..ffc9b8a Binary files /dev/null and b/images/arambam.jpg differ diff --git a/images/asai.jpeg b/images/asai.jpeg new file mode 100644 index 0000000..62d5bce Binary files /dev/null and b/images/asai.jpeg differ diff --git a/images/aval_varuvalla.jpg b/images/aval_varuvalla.jpg new file mode 100644 index 0000000..cab229e Binary files /dev/null and b/images/aval_varuvalla.jpg differ diff --git a/images/batman.jpg b/images/batman.jpg new file mode 100644 index 0000000..79e6b71 Binary files /dev/null and b/images/batman.jpg differ diff --git a/images/home.png b/images/home.png new file mode 100644 index 0000000..0943d8c Binary files /dev/null and b/images/home.png differ diff --git a/images/kadhal_mannan.jpeg b/images/kadhal_mannan.jpeg new file mode 100644 index 0000000..97fd994 Binary files /dev/null and b/images/kadhal_mannan.jpeg differ diff --git a/images/login.png b/images/login.png new file mode 100644 index 0000000..0a003df Binary files /dev/null and b/images/login.png differ diff --git a/images/logo.png b/images/logo.png new file mode 100644 index 0000000..85282b4 Binary files /dev/null and b/images/logo.png differ diff --git a/images/mankatha.webp b/images/mankatha.webp new file mode 100644 index 0000000..f8cf659 Binary files /dev/null and b/images/mankatha.webp differ diff --git a/images/movie.jpg b/images/movie.jpg new file mode 100644 index 0000000..7dc7d9b Binary files /dev/null and b/images/movie.jpg differ diff --git a/images/mugavaree.jpeg b/images/mugavaree.jpeg new file mode 100644 index 0000000..70f30f0 Binary files /dev/null and b/images/mugavaree.jpeg differ diff --git a/images/red.jpg b/images/red.jpg new file mode 100644 index 0000000..d6c3a17 Binary files /dev/null and b/images/red.jpg differ diff --git a/images/signup.png b/images/signup.png new file mode 100644 index 0000000..86097de Binary files /dev/null and b/images/signup.png differ diff --git a/images/thunivu.jpg b/images/thunivu.jpg new file mode 100644 index 0000000..b094821 Binary files /dev/null and b/images/thunivu.jpg differ diff --git a/images/valee.jpg b/images/valee.jpg new file mode 100644 index 0000000..65f9ef2 Binary files /dev/null and b/images/valee.jpg differ diff --git a/images/veeram.jpeg b/images/veeram.jpeg new file mode 100644 index 0000000..7871ee7 Binary files /dev/null and b/images/veeram.jpeg differ diff --git a/images/vidamuyarchi.jpg b/images/vidamuyarchi.jpg new file mode 100644 index 0000000..ee1dad2 Binary files /dev/null and b/images/vidamuyarchi.jpg differ diff --git a/images/vishwasam.jpeg b/images/vishwasam.jpeg new file mode 100644 index 0000000..823768c Binary files /dev/null and b/images/vishwasam.jpeg differ diff --git a/images/vivegam.jpg b/images/vivegam.jpg new file mode 100644 index 0000000..a010010 Binary files /dev/null and b/images/vivegam.jpg differ diff --git a/images/yennaiarindhaal.webp b/images/yennaiarindhaal.webp new file mode 100644 index 0000000..881c0c8 Binary files /dev/null and b/images/yennaiarindhaal.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2042684 --- /dev/null +++ b/index.html @@ -0,0 +1,256 @@ + + + + + + Movie Ticket booking + + + + +
+

MOVIE MAYHEM

+ +
+ +
+
+ +
+

"Lights, camera, action! Grab your popcorn, it's showtime! Book your tickets to the hottest movies now." (accompanied by a captivating movie trailer collage)

+
+ + +
+
+
Action Films
+
+
+ House 1 +
+

Vidamuyarchi
+ Critics Rating 0.2/5
+ Audience 1%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Yennai Arindhaal
+ Critics Rating 3.5/5
+ Audience 97%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Vivegam
+ Critics Rating 0.1/5
+ Audience 0%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Mankatha
+ Critics Rating 3.5/5
+ Audience 85%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Thunivu
+ Critics Rating 1/5
+ Audience 5%👍

+
+
+ +
View Details
+
+
+ +
+
+ + + +
+
+
Drama Films
+
+
+ House 1 +
+

Viswasam
+ Critics Rating 3/5
+ Audience 20%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Veeram
+ Critics Rating 2.7/5
+ Audience 71%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Aasai
+ Critics Rating 3.2/5
+ Audience 75%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Arrambam
+ Critics Rating 3.7/5
+ Audience 80%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Red
+ Critics Rating 2.1/5
+ Audience 45%👍

+
+
+ +
View Details
+
+
+ +
+
+ + + +
+
+
Romance Films
+
+
+ House 1 +
+

Kaadhal Mannan
+ Critics Rating 3.5/5
+ Audience 71%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Mugavaree
+ Critics Rating 3.6/5
+ Audience 69%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Vaalee
+ Critics Rating 3.8/5
+ Audience 80%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Aval Varuvala
+ Critics Rating 3.2/5
+ Audience 58%👍

+
+
+ +
View Details
+
+
+ +
+ House 1 +
+

Amarkalam
+ Critics Rating 3.3/5
+ Audience 45%👍

+
+
+ +
View Details
+
+
+ +
+
+
+
+ © 2023 MOVIE MAYHEM. All rights reserved. +
+ + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..7c4e07a --- /dev/null +++ b/js/script.js @@ -0,0 +1,3 @@ +function hi(){ + console.log('hi') +} \ No newline at end of file