├── .gitignore ├── public ├── images │ ├── og.png │ ├── down.png │ ├── w_down.png │ ├── banner1.png │ ├── banner2.png │ ├── banner3.png │ ├── banner4.png │ ├── banner5.png │ ├── banner6.png │ ├── search1.png │ ├── website1.png │ ├── website3.png │ ├── website4.png │ ├── website5.png │ ├── foot-logo.png │ ├── website_2.png │ ├── bms-svg-box.avif │ ├── premiere-banner.jpg │ └── hut.png ├── js │ ├── tp2.js │ ├── slider3.js │ └── slider2.js └── css │ ├── slider3.css │ ├── flicity.css │ ├── slider2.css │ ├── movies.css │ ├── footer.css │ ├── book.css │ ├── tp2.css │ └── signup.css ├── src ├── models │ ├── Slider3.js │ ├── Contact.js │ ├── Carousel.js │ ├── Movies.js │ └── Slider2.js ├── db │ └── conn.js └── routes │ └── main.js ├── vercel.json ├── views ├── partials │ ├── slider_1.hbs │ ├── slider_3.hbs │ ├── slider_2.hbs │ ├── template.hbs │ ├── booking.hbs │ ├── navbar.hbs │ └── footer.hbs ├── stream.hbs ├── ListYourShow.hbs ├── book.hbs ├── movies.hbs └── index.hbs ├── package.json ├── app.js ├── README.md └── db.json /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | 3 | package-lock.json 4 | 5 | .env 6 | 7 | -------------------------------------------------------------------------------- /public/images/og.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/og.png -------------------------------------------------------------------------------- /public/images/down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/down.png -------------------------------------------------------------------------------- /public/images/w_down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/w_down.png -------------------------------------------------------------------------------- /public/images/banner1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/banner1.png -------------------------------------------------------------------------------- /public/images/banner2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/banner2.png -------------------------------------------------------------------------------- /public/images/banner3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/banner3.png -------------------------------------------------------------------------------- /public/images/banner4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/banner4.png -------------------------------------------------------------------------------- /public/images/banner5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/banner5.png -------------------------------------------------------------------------------- /public/images/banner6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/banner6.png -------------------------------------------------------------------------------- /public/images/search1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/search1.png -------------------------------------------------------------------------------- /public/images/website1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/website1.png -------------------------------------------------------------------------------- /public/images/website3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/website3.png -------------------------------------------------------------------------------- /public/images/website4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/website4.png -------------------------------------------------------------------------------- /public/images/website5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/website5.png -------------------------------------------------------------------------------- /public/images/foot-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/foot-logo.png -------------------------------------------------------------------------------- /public/images/website_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/website_2.png -------------------------------------------------------------------------------- /public/images/bms-svg-box.avif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/bms-svg-box.avif -------------------------------------------------------------------------------- /public/images/premiere-banner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/akashpawar43/BookMyShow-clone/HEAD/public/images/premiere-banner.jpg -------------------------------------------------------------------------------- /src/models/Slider3.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose'); 2 | 3 | const Ev_slider = mongoose.Schema({ 4 | ImgUrl:String 5 | }) 6 | 7 | module.exports=mongoose.model('ev_slider',Ev_slider); -------------------------------------------------------------------------------- /src/models/Contact.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose') 2 | 3 | const Contact = mongoose.Schema({ 4 | email:String, 5 | password:String, 6 | phone:String 7 | }) 8 | 9 | module.exports=mongoose.model('contact',Contact); -------------------------------------------------------------------------------- /src/models/Carousel.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose') 2 | 3 | // create file name with capital letter to avoid futher mess always 4 | const Carousel = mongoose.Schema({ 5 | imgUrl: String, 6 | }) 7 | 8 | module.exports=mongoose.model("carousel",Carousel); -------------------------------------------------------------------------------- /src/models/Movies.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose') 2 | 3 | const Movies = mongoose.Schema({ 4 | 5 | Imgurl:String, 6 | title:String, 7 | label:String, 8 | lang:String 9 | }) 10 | 11 | module.exports=mongoose.model('movies',Movies) -------------------------------------------------------------------------------- /vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": 2, 3 | "builds": [ 4 | { 5 | "src": "app.js", 6 | "use": "@vercel/node" 7 | } 8 | ], 9 | "routes": [ 10 | { 11 | "src": "/(.*)", 12 | "dest": "app.js" 13 | } 14 | ] 15 | } -------------------------------------------------------------------------------- /views/partials/slider_1.hbs: -------------------------------------------------------------------------------- 1 |
2 | {{#each carousel}} 3 |
4 | 5 | 6 | 7 |
8 | {{/each}} 9 |
10 | 11 | -------------------------------------------------------------------------------- /src/models/Slider2.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose'); 2 | 3 | const Slider = mongoose.Schema({ 4 | // Id:id, 5 | id:String, 6 | ImgUrl:String, 7 | nam_movie:String, 8 | jonar:String, 9 | bg_img:String, 10 | trailer_img:String, 11 | mov_rating:String, 12 | mov_votes:String, 13 | dimention:String, 14 | lang:String, 15 | watch_time:String 16 | }) 17 | 18 | module.exports= mongoose.model('slider',Slider) -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bms", 3 | "version": "1.0.0", 4 | "description": "", 5 | "main": "index.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1", 8 | "start": "nodemon app.js -e js,hbs" 9 | }, 10 | "author": "Akash Pawar", 11 | "license": "ISC", 12 | "dependencies": { 13 | "body-parser": "^1.20.1", 14 | "dotenv": "^16.3.1", 15 | "express": "^4.18.2", 16 | "hbs": "^4.2.0", 17 | "mongoose": "^6.8.2", 18 | "path": "^0.12.7" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /views/partials/slider_3.hbs: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
6 |
7 | 8 |
9 | {{#each ev_slider}} 10 |
11 | 14 |
15 | {{/each}} 16 |
17 | 18 |
19 |
20 |
21 | -------------------------------------------------------------------------------- /src/db/conn.js: -------------------------------------------------------------------------------- 1 | const mongoose = require('mongoose'); 2 | const dotenv = require("dotenv"); 3 | dotenv.config() 4 | 5 | DB = process.env.DB 6 | 7 | 8 | mongoose.set('strictQuery', false); 9 | mongoose.connect(`${DB}`, () => { 10 | console.log("DB is connnected") 11 | 12 | 13 | // copy and paste code from db.js file (save and run it only once and after that remove it) 14 | // carousel.create([ 15 | // { 16 | // imgUrl:'/static/images/banner1.png' 17 | // }, 18 | // { 19 | // imgUrl:'/static/images/banner2.png' 20 | // }, 21 | // { 22 | // imgUrl:'/static/images/banner3.png' 23 | // }, 24 | // { 25 | // imgUrl:'/static/images/banner4.png' 26 | // }, 27 | // ]) 28 | 29 | }) -------------------------------------------------------------------------------- /public/images/hut.png: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /app.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const hbs = require('hbs'); 3 | const path = require('path') 4 | const app = express(); 5 | const mongoose = require('mongoose'); 6 | const bodyParser = require('body-parser') 7 | const routes = require('./src/routes/main'); 8 | 9 | require('./src/db/conn'); 10 | 11 | require("dotenv").config(); 12 | // models 13 | // const Carousel = require("./models/Carousel"); 14 | // const Slider = require("./models/Slider2"); 15 | // const Ev_slider = require("./models/Slider3"); 16 | // const Movies = require("./models/Movies"); 17 | 18 | app.use(bodyParser.urlencoded({ 19 | extended:true 20 | })) 21 | 22 | 23 | app.set('view engine', 'hbs') 24 | 25 | app.set('views', path.join(__dirname, 'views')); 26 | app.use(express.static(__dirname + '/public')); 27 | hbs.registerPartials("views/partials") 28 | 29 | app.use('', routes); 30 | 31 | 32 | 33 | 34 | 35 | app.listen(process.env.PORT , () => { 36 | console.log(`Application listening at 4400`); 37 | }) -------------------------------------------------------------------------------- /views/partials/slider_2.hbs: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | {{#each slider}} 5 |
6 |
7 | 8 | 9 |
10 | 11 |
12 |
13 | 14 |
15 | 16 |
17 |
18 | {{/each}} 19 |
20 |
21 |
22 |
keyboard_arrow_right
23 |
keyboard_arrow_left
24 |
25 |
-------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 |

BookMyShow

3 |

This is a clone of bookmyshow.com. We have used HTML, CSS, Javascript, Node.js, Mongoose and MongoDB to achieve this.

4 | 5 | # Technology We Used :computer: 6 | 7 | 1. HTML5 8 | 2. CSS3 9 | 3. JavaScript 10 | 4. node.js 11 | 6. MongoDB 12 | 13 | ## 🔗 Links 14 | [![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://akashpawardev.netlify.app/) 15 | [![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/akashpawar23/) 16 | 17 | 18 | ## Instructions to Run the Code 19 | 20 | If you want to run the latest code from git, here's how to get started: 21 | 22 | 1. Clone the code: 23 | 24 | https://github.com/akashpawar43/BookMyShow-clone.git 25 | cd BookMyShow-clone 26 | 27 | 2. Install the node-red dependencies 28 | 29 | npm install 30 | 31 | 3. Create .env file with following variables 32 | 33 | PORT = 4400 34 | DB = "Insert your mongodb connection url" 35 | 36 | 4. Run 37 | 38 | npm start 39 | 40 | 5. open your browser and visit 41 | 42 | localhost:4400 43 | 44 | 45 | 46 |

Project Screenshots:

47 | 48 | project-screenshot 49 | 50 | project-screenshot 51 | 52 | project-screenshot 53 | 54 | project-screenshot 55 | 56 | project-screenshot 57 | -------------------------------------------------------------------------------- /views/stream.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | BookMyShow - Streams 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | {{>navbar}} 34 | 35 | {{>footer}} 36 | 37 | -------------------------------------------------------------------------------- /public/js/tp2.js: -------------------------------------------------------------------------------- 1 | document.addEventListener("DOMContentLoaded", () => { 2 | const signUpform = document.querySelector("#signup-form"); 3 | const emailform = document.querySelector("#email_signup"); 4 | const hamBurger = document.querySelector("#ham_burg") 5 | 6 | document.querySelector("#signin").addEventListener("click", e => { 7 | e.preventDefault(); 8 | signUpform.classList.remove("form_hidden"); 9 | emailform.classList.add("form_hidden"); 10 | }); 11 | 12 | document.querySelector("#ham_acc_log_btn").addEventListener("click", e => { 13 | e.preventDefault(); 14 | signUpform.classList.remove("form_hidden"); 15 | emailform.classList.add("form_hidden"); 16 | hamBurger.classList.add("form_hidden"); 17 | }); 18 | 19 | document.querySelector("#cancel").addEventListener("click", e => { 20 | e.preventDefault(); 21 | signUpform.classList.add("form_hidden"); 22 | emailform.classList.add("form_hidden"); 23 | }); 24 | 25 | document.querySelector("#link_email").addEventListener("click", e => { 26 | e.preventDefault(); 27 | signUpform.classList.add("form_hidden"); 28 | emailform.classList.remove("form_hidden"); 29 | }); 30 | 31 | document.querySelector("#backto_signup").addEventListener("click", e => { 32 | e.preventDefault(); 33 | signUpform.classList.remove("form_hidden"); 34 | emailform.classList.add("form_hidden"); 35 | }); 36 | 37 | document.querySelector("#ham").addEventListener("click", e => { 38 | e.preventDefault(); 39 | hamBurger.classList.remove("form_hidden"); 40 | }); 41 | 42 | }); 43 | // let signForm = document.querySelector('.signup-form'); 44 | 45 | // document.querySelector('#signin').onclick = () => { 46 | // signForm.classList.toggle('active'); 47 | // } 48 | 49 | 50 | 51 | // let emailForm = document.querySelector('.email_signup'); 52 | 53 | // document.querySelector('#link_email').onclick = () => { 54 | // emailForm.classList.toggle('active'); 55 | // } 56 | 57 | 58 | 59 | function myFunction(x) { 60 | x.classList.toggle("change"); 61 | } 62 | 63 | 64 | $(document).ready(function () { 65 | $('#Carousel').carousel({ 66 | interval: 5000 67 | }) 68 | }); 69 | 70 | -------------------------------------------------------------------------------- /views/ListYourShow.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bookmyshow - ListYourShow 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | {{>navbar}} 36 | 37 | {{>slider_1 data=carousel}} 38 | 39 | {{>footer}} 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | -------------------------------------------------------------------------------- /public/js/slider3.js: -------------------------------------------------------------------------------- 1 | var container = document.getElementById('container') 2 | var slider = document.getElementById('slider'); 3 | var slides = document.getElementsByClassName('slide').length; 4 | var buttons = document.getElementsByClassName('btn'); 5 | 6 | 7 | var currentPosition = 0; 8 | var currentMargin = 0; 9 | var slidesPerPage = 0; 10 | var slidesCount = slides - slidesPerPage; 11 | var containerWidth = container.offsetWidth; 12 | var prevKeyActive = false; 13 | var nextKeyActive = true; 14 | 15 | window.addEventListener("resize", checkWidth); 16 | 17 | function checkWidth() { 18 | containerWidth = container.offsetWidth; 19 | setParams(containerWidth); 20 | } 21 | 22 | function setParams(w) { 23 | if (w < 551) { 24 | slidesPerPage = 1; 25 | } else { 26 | if (w < 901) { 27 | slidesPerPage = 2; 28 | } else { 29 | if (w < 1101) { 30 | slidesPerPage = 3; 31 | } else { 32 | slidesPerPage = 4; 33 | } 34 | } 35 | } 36 | slidesCount = slides - slidesPerPage; 37 | if (currentPosition > slidesCount) { 38 | currentPosition -= slidesPerPage; 39 | }; 40 | currentMargin = - currentPosition * (100 / slidesPerPage); 41 | slider.style.marginLeft = currentMargin + '%'; 42 | if (currentPosition > 0) { 43 | buttons[0].classList.remove('inactive'); 44 | } 45 | if (currentPosition < slidesCount) { 46 | buttons[1].classList.remove('inactive'); 47 | } 48 | if (currentPosition >= slidesCount) { 49 | buttons[1].classList.add('inactive'); 50 | } 51 | } 52 | 53 | setParams(); 54 | 55 | function slideRight() { 56 | if (currentPosition != 0) { 57 | slider.style.marginLeft = currentMargin + (100 / slidesPerPage) + '%'; 58 | currentMargin += (100 / slidesPerPage); 59 | currentPosition--; 60 | }; 61 | if (currentPosition === 0) { 62 | buttons[0].classList.add('inactive'); 63 | } 64 | if (currentPosition < slidesCount) { 65 | buttons[1].classList.remove('inactive'); 66 | } 67 | }; 68 | 69 | function slideLeft() { 70 | if (currentPosition != slidesCount) { 71 | slider.style.marginLeft = currentMargin - (100 / slidesPerPage) + '%'; 72 | currentMargin -= (100 / slidesPerPage); 73 | currentPosition++; 74 | }; 75 | if (currentPosition == slidesCount) { 76 | buttons[1].classList.add('inactive'); 77 | } 78 | if (currentPosition > 0) { 79 | buttons[0].classList.remove('inactive'); 80 | } 81 | }; -------------------------------------------------------------------------------- /public/css/slider3.css: -------------------------------------------------------------------------------- 1 | #container { 2 | height: 30vh; 3 | width: 70vw; 4 | margin: 0; 5 | padding: 0; 6 | background: transparent; 7 | display: grid ; 8 | place-items: center 9 | } 10 | 11 | #slider-container { 12 | height: 25vh; 13 | width: 78vw; 14 | max-width: 1400px; 15 | background: transparent; 16 | position: relative; 17 | overflow: hidden; 18 | /* padding: 0 20px 20px 20px; */ 19 | padding: 11px 0px 18px 25px; 20 | margin-left: 2vw; 21 | } 22 | 23 | #slider-container .btn { 24 | position: absolute; 25 | top: calc(50% - 30px); 26 | height: 15px; 27 | width: 15px; 28 | border-left: 8px solid pink; 29 | border-top: 8px solid pink; 30 | } 31 | 32 | #slider-container .btn:hover { 33 | transform: scale(1.2); 34 | } 35 | 36 | #slider-container .btn.inactive { 37 | border-color: rgb(153, 121, 126) 38 | } 39 | 40 | #slider-container .btn:first-of-type { 41 | transform: rotate(-45deg); 42 | left: 10px 43 | } 44 | 45 | #slider-container .btn:last-of-type { 46 | transform: rotate(135deg); 47 | right: 10px; 48 | } 49 | 50 | #slider-container #slider { 51 | display: flex; 52 | width: 781%; 53 | height: 100%; 54 | transition: all .5s; 55 | margin-right: 10vh; 56 | } 57 | 58 | #slider-container #slider .slide { 59 | height: 100%; 60 | margin: auto 10px; 61 | background-color: transparent; 62 | /* box-shadow: 2px 2px 4px 2px white, -2px -2px 4px 2px white; */ 63 | display: grid; 64 | place-items: center; 65 | } 66 | 67 | #slider-container #slider .slide span { 68 | color: white; 69 | font-size: 150px; 70 | } 71 | 72 | @media only screen and (min-width: 1100px) { 73 | 74 | #slider-container #slider .slide { 75 | width: calc(2.5% - 20px); 76 | } 77 | 78 | } 79 | 80 | @media only screen and (max-width: 1100px) { 81 | 82 | #slider-container #slider .slide { 83 | width: calc(3.3333333% - 20px); 84 | } 85 | 86 | } 87 | 88 | @media only screen and (max-width: 900px) { 89 | 90 | #slider-container #slider .slide { 91 | width: calc(5% - 20px); 92 | } 93 | 94 | } 95 | 96 | @media only screen and (max-width: 550px) { 97 | 98 | #slider-container #slider .slide { 99 | width: calc(10% - 20px); 100 | } 101 | 102 | } 103 | 104 | #slide-liv{ 105 | height: 26vh; 106 | background-size: contain; 107 | border-radius: 2vh; 108 | } 109 | -------------------------------------------------------------------------------- /views/book.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | {{slider.nam_movie}} 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 33 | 34 | 43 | 44 | 45 | 46 | {{>navbar}} 47 | 48 | {{>booking slider=slider}} 49 | {{!-- {{slider }} --}} 50 | 51 | {{>footer}} 52 | 53 | 54 | 55 | 56 | 57 | -------------------------------------------------------------------------------- /src/routes/main.js: -------------------------------------------------------------------------------- 1 | const express = require('express'); 2 | const async = require('hbs/lib/async'); 3 | const routes = express.Router(); 4 | 5 | 6 | const Carousel = require('../models/Carousel'); 7 | const Slider = require('../models/Slider2'); 8 | const Ev_slider = require('../models/Slider3'); 9 | const Movies = require('../models/Movies'); 10 | const Contact = require('../models/Contact'); 11 | const { request, response } = require('express'); 12 | // const { route } = require('express') 13 | 14 | routes.get('/',async (req,res)=>{ 15 | const carousel = await Carousel.find() 16 | const slider = await Slider.find() 17 | const ev_slider = await Ev_slider.find() 18 | // it is just for check wether the data is feching or not 19 | // console.log(carousel); 20 | // console.log(slider); 21 | // console.log(ev_slider); 22 | 23 | res.render("index",{ 24 | carousel:carousel, 25 | slider:slider, 26 | ev_slider:ev_slider 27 | }) 28 | }) 29 | 30 | routes.get('/movies',async (req,res)=>{ 31 | const carousel = await Carousel.find() 32 | const slider = await Slider.find() 33 | const movies = await Movies.find() 34 | // console.log(movies); 35 | 36 | res.render("movies",{ 37 | carousel:carousel, 38 | slider:slider, 39 | movies:movies 40 | 41 | }); 42 | }) 43 | 44 | routes.get('/ListYourShow',async (req,res)=>{ 45 | const carousel = await Carousel.find() 46 | const slider = await Slider.find() 47 | const ev_slider = await Ev_slider.find() 48 | res.render("ListYourShow",{ 49 | carousel:carousel, 50 | slider:slider, 51 | ev_slider:ev_slider 52 | }); 53 | }) 54 | 55 | routes.get('/Stream',(req,res)=>{ 56 | res.render("stream"); 57 | }) 58 | 59 | routes.get('/book',async (req,res)=>{ 60 | // const slider = await Slider.findOne() 61 | const slider = await Slider.findOne() 62 | // const slider = await Slider.findById({_id:sliderId}); 63 | res.render("book",{ 64 | slider:slider, 65 | }); 66 | }) 67 | 68 | // routes.get('/book/:_id',async (req,res)=>{ 69 | // // const slider = await Slider.findOne() 70 | // const slider = await Slider.findById(req.params.id) 71 | // res.render("book",{ 72 | // slider:slider, 73 | // }); 74 | // }) 75 | 76 | routes.get('/book/:id',async (req,res)=>{ 77 | // const slider = await Slider.findOne() 78 | bookid=req.params.id; 79 | const slider = await Slider.findOne({id:bookid}); 80 | // console.log(result); 81 | res.render("book",{ 82 | slider:slider, 83 | }); 84 | }) 85 | 86 | routes.post('/process-signup-form',async (request,response) =>{ 87 | console.log("form is submitted"); 88 | console.log(request.body); 89 | // getting data inti the databse 90 | try{ 91 | const data=await Contact.create(request.body) 92 | console.log(data); 93 | response.redirect("/") 94 | } 95 | catch(e) 96 | { 97 | console.log(e); 98 | response.redirect("/") 99 | } 100 | 101 | }) 102 | module.exports = routes -------------------------------------------------------------------------------- /public/css/flicity.css: -------------------------------------------------------------------------------- 1 | /*! Flickity v2.3.0 2 | https://flickity.metafizzy.co 3 | ---------------------------------------------- */ 4 | 5 | .flickity-enabled { 6 | position: relative; 7 | } 8 | 9 | .flickity-enabled:focus { outline: none; } 10 | 11 | .flickity-viewport { 12 | overflow: hidden; 13 | position: relative; 14 | height: 100vh; 15 | } 16 | 17 | .flickity-slider { 18 | position: absolute; 19 | width: 100%; 20 | height: 100%; 21 | } 22 | 23 | /* draggable */ 24 | 25 | .flickity-enabled.is-draggable { 26 | -webkit-tap-highlight-color: transparent; 27 | -webkit-user-select: none; 28 | -moz-user-select: none; 29 | -ms-user-select: none; 30 | user-select: none; 31 | } 32 | 33 | .flickity-enabled.is-draggable .flickity-viewport { 34 | cursor: move; 35 | cursor: -webkit-grab; 36 | cursor: grab; 37 | } 38 | 39 | .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { 40 | cursor: -webkit-grabbing; 41 | cursor: grabbing; 42 | } 43 | 44 | /* ---- flickity-button ---- */ 45 | 46 | .flickity-button { 47 | position: absolute; 48 | background: hsla(0, 0%, 100%, 0.75); 49 | border: none; 50 | color: #333; 51 | } 52 | 53 | .flickity-button:hover { 54 | background: white; 55 | cursor: pointer; 56 | } 57 | 58 | .flickity-button:focus { 59 | outline: none; 60 | box-shadow: 0 0 0 5px #19F; 61 | } 62 | 63 | .flickity-button:active { 64 | opacity: 0.6; 65 | } 66 | 67 | .flickity-button:disabled { 68 | opacity: 0.3; 69 | cursor: auto; 70 | /* prevent disabled button from capturing pointer up event. #716 */ 71 | pointer-events: none; 72 | } 73 | 74 | .flickity-button-icon { 75 | fill: currentColor; 76 | } 77 | 78 | /* ---- previous/next buttons ---- */ 79 | 80 | .flickity-prev-next-button { 81 | top: 50%; 82 | width: 44px; 83 | height: 44px; 84 | border-radius: 50%; 85 | /* vertically center */ 86 | transform: translateY(-50%); 87 | } 88 | 89 | .flickity-prev-next-button.previous { left: 10px; } 90 | .flickity-prev-next-button.next { right: 10px; } 91 | /* right to left */ 92 | .flickity-rtl .flickity-prev-next-button.previous { 93 | left: auto; 94 | right: 10px; 95 | } 96 | .flickity-rtl .flickity-prev-next-button.next { 97 | right: auto; 98 | left: 10px; 99 | } 100 | 101 | .flickity-prev-next-button .flickity-button-icon { 102 | position: absolute; 103 | left: 20%; 104 | top: 20%; 105 | width: 60%; 106 | height: 60%; 107 | } 108 | 109 | /* ---- page dots ---- */ 110 | 111 | .flickity-page-dots { 112 | position: absolute; 113 | width: 100%; 114 | bottom: -25px; 115 | padding: 0; 116 | margin: 0; 117 | list-style: none; 118 | text-align: center; 119 | line-height: 1; 120 | } 121 | 122 | .flickity-rtl .flickity-page-dots { direction: rtl; } 123 | 124 | .flickity-page-dots .dot { 125 | display: inline-block; 126 | width: 10px; 127 | height: 10px; 128 | margin: 0 8px; 129 | background: #333; 130 | border-radius: 50%; 131 | opacity: 0.25; 132 | cursor: pointer; 133 | } 134 | 135 | .flickity-page-dots .dot.is-selected { 136 | opacity: 1; 137 | } -------------------------------------------------------------------------------- /public/css/slider2.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/icon?family=Material+Icons"); 2 | body { 3 | font-family: "Inter", sans-serif; 4 | } 5 | .baba { 6 | position: relative; 7 | direction: ltr; 8 | margin-left: 3.1vw; 9 | margin-right: 3.1vw; 10 | } 11 | .baba .carousel { 12 | height: 60vh; 13 | width: 50vw; 14 | margin: 5px auto; 15 | background: transparent; 16 | /* border: 1px solid salmon; */ 17 | /* border-radius: 1.5vh; */ 18 | position: relative; 19 | overflow: hidden; 20 | } 21 | /* Extra small devices (phones, 600px and down) */ 22 | @media only screen and (max-width: 600px) {.baba .carousel { 23 | width: 80%; 24 | }} 25 | 26 | /* Small devices (portrait tablets and large phones, 600px and up) */ 27 | @media only screen and (min-width: 600px) {.baba .carousel{ 28 | width: 80%; 29 | }} 30 | 31 | /* Medium devices (landscape tablets, 768px and up) */ 32 | @media only screen and (min-width: 768px) {.baba .carousel{ 33 | width: 80%; 34 | }} 35 | 36 | /* Large devices (laptops/desktops, 992px and up) */ 37 | @media only screen and (min-width: 992px) {.baba .carousel{ 38 | width: 84%; 39 | }} 40 | 41 | /* Extra large devices (large laptops and desktops, 1200px and up) */ 42 | @media only screen and (min-width: 1200px) {.baba .carousel{ 43 | width: 83%; 44 | }} 45 | 46 | .carousel .track { 47 | position: absolute; 48 | top: 0; 49 | left: 0; 50 | display: inline-flex; 51 | touch-action: none; 52 | height: 100%; 53 | 54 | } 55 | .smooth-transition { 56 | transition: all 1s; 57 | } 58 | .carousel .track .card { 59 | height: 57vh; 60 | width: 14.5vw; 61 | background: transparent; 62 | border-radius: 5px; 63 | margin-right: 20px; 64 | } 65 | 66 | .nav .arrow { 67 | width: 1.5vw; 68 | height: 2vh; 69 | border: 1px solid #94929217; 70 | padding: 10px; 71 | border-radius: 50%; 72 | position: absolute; 73 | top: 50%; 74 | transform: translateY(-50%); 75 | cursor: pointer; 76 | } 77 | .nav div{ 78 | background: rgb(156, 156, 156); 79 | } 80 | .nav div:hover{ 81 | background: rgba(94, 94, 94, 0.404); 82 | } 83 | .nav div span{ 84 | font-size: 1em; 85 | color: white; 86 | width: 100%; 87 | height: 100%; 88 | display: flex; 89 | justify-content: center; 90 | align-items: center; 91 | } 92 | .nav .right { 93 | right: 0; 94 | margin-right: 6.8vw; 95 | margin-top: -6vh; 96 | } 97 | 98 | .nav .left { 99 | left: 0; 100 | /*display: none;*/ 101 | pointer-events: none; 102 | margin-left: 6.5vw; 103 | margin-top: -6vh; 104 | } 105 | .nav .right.hide { 106 | display: none; 107 | } 108 | .nav .right.lock { 109 | pointer-events: none; 110 | } 111 | 112 | 113 | .nav .right.show { 114 | display: block; 115 | } 116 | .nav .left.show { 117 | pointer-events: auto; 118 | } 119 | 120 | .Slider12{ 121 | height: 48vh; 122 | width: 14.5vw; 123 | border-radius: 1vh; 124 | margin-bottom: 1vh; 125 | } 126 | 127 | /* .Slider22{ 128 | height: 48vh; 129 | width: 14.5vw; 130 | border-radius: 1vh; 131 | margin-bottom: 1vh; 132 | } */ 133 | 134 | .lebname{ 135 | margin-bottom: .5vh; 136 | } 137 | #book{ 138 | text-decoration: none; 139 | } 140 | .leb-name{ 141 | margin: 1vh 0; 142 | } 143 | #name-mov{ 144 | margin-top: 1vh; 145 | background-color: transparent; 146 | color: black; 147 | font-size: 1.24vw; 148 | font-weight: 550; 149 | } 150 | 151 | #joner{ 152 | margin-top: 5vh; 153 | /* height: 4vh; */ 154 | font-size: 2.3vh; 155 | text-decoration: none; 156 | color: rgb(102, 102, 102); 157 | } 158 | -------------------------------------------------------------------------------- /public/js/slider2.js: -------------------------------------------------------------------------------- 1 | const track = document.querySelector('.track'); 2 | const carousel = document.querySelector('.carousel'); 3 | 4 | const left = document.querySelector('.left'); 5 | const right = document.querySelector('.right'); 6 | let babaWidth = document.querySelector('.baba').offsetWidth; 7 | let carouselWidth = carousel.offsetWidth; 8 | 9 | let index = 0; 10 | let sumOfRight = 0; 11 | let sumOfLeft = 0; 12 | 13 | let initialPosition = null; 14 | let moving = false; 15 | let transform = 0; 16 | let lastPageX = 0; 17 | let transformValue = 0; 18 | 19 | 20 | right.addEventListener('click', function () { 21 | console.log(babaWidth); 22 | console.log(sumOfRight); 23 | console.log(track.offsetWidth); 24 | console.log(((sumOfRight + babaWidth) < track.offsetWidth) ); 25 | 26 | track.classList.add('smooth-transition'); 27 | index++; 28 | left.classList.add('show'); 29 | sumOfRight = sumOfRight + carouselWidth; 30 | 31 | if ((sumOfRight + carouselWidth) < track.offsetWidth) { 32 | track.style.transform = track.style.transform + `translate(-${carouselWidth}px)`; 33 | } else { 34 | track.style.transform = `translate(-${track.offsetWidth - carouselWidth}px)`; 35 | } 36 | 37 | if (track.offsetWidth - (index * carouselWidth) < carouselWidth) { 38 | // right.classList.add('hide'); 39 | right.classList.add('lock'); 40 | } 41 | }); 42 | 43 | left.addEventListener('click', function () { 44 | track.classList.add('smooth-transition'); 45 | sumOfLeft = sumOfRight - carouselWidth; 46 | 47 | if (sumOfLeft >= carouselWidth) { 48 | track.style.transform = track.style.transform + `translate(${carouselWidth}px)`; 49 | } else { 50 | track.style.transform = `translate(-${0}px)`; 51 | } 52 | index--; 53 | // right.classList.remove('hide'); 54 | right.classList.remove('lock'); 55 | sumOfRight -= carouselWidth; 56 | if (index === 0) { 57 | left.classList.remove('show'); 58 | } 59 | 60 | }); 61 | 62 | 63 | 64 | 65 | const gestureStart = (e) => { 66 | initialPosition = e.pageX; 67 | moving = true; 68 | const transformMatrix = window.getComputedStyle(track).getPropertyValue('transform'); 69 | if (transformMatrix !== 'none') { 70 | transform = parseInt(transformMatrix.split(',')[4].trim()); 71 | } 72 | }; 73 | 74 | const gestureMove = (e) => { 75 | track.classList.remove('smooth-transition'); 76 | if (moving) { 77 | 78 | // const currentPosition = e.pageX; 79 | const diff = e.pageX - initialPosition; 80 | if (e.pageX - lastPageX > 0) { 81 | if (transformValue > 0) { 82 | return; 83 | } 84 | } else { 85 | if (Math.abs(transformValue) > track.offsetWidth - carousel.offsetWidth ) { 86 | return; 87 | } 88 | } 89 | transformValue = parseInt(transform) + diff; 90 | track.style.transform = `translateX(${transformValue}px)`; 91 | } 92 | lastPageX = e.pageX; 93 | }; 94 | 95 | const gestureEnd = (e) => { 96 | moving = false; 97 | console.log(carousel.offsetWidth); 98 | }; 99 | 100 | 101 | if (window.PointerEvent) { 102 | 103 | carousel.addEventListener('pointerdown', gestureStart); 104 | 105 | carousel.addEventListener('pointermove', gestureMove); 106 | 107 | carousel.addEventListener('pointerup',gestureEnd); 108 | } else { 109 | 110 | carousel.addEventListener('touchdown', gestureStart); 111 | 112 | carousel.addEventListener('touchmove', gestureMove); 113 | 114 | carousel.addEventListener('touchup',gestureEnd); 115 | 116 | carousel.addEventListener('mousedown', gestureStart); 117 | 118 | carousel.addEventListener('mousemove', gestureMove); 119 | 120 | carousel.addEventListener('mouseup',gestureEnd); 121 | } -------------------------------------------------------------------------------- /views/movies.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bookmyshow - Movies 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 35 | 36 | 49 | 50 | 51 | 52 | {{>navbar}} 53 | 54 | {{>slider_1 data=carousel}} 55 | 56 | {{>template slider=slider}} 57 | 58 | {{>footer}} 59 | 60 | 61 | 62 | 63 | 64 | 89 | 90 | 91 | -------------------------------------------------------------------------------- /public/css/movies.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900); 2 | 3 | body { 4 | 5 | background-color: rgb(236, 232, 232); 6 | font-family: "Inter", sans-serif; 7 | } 8 | 9 | .container1 { 10 | display: flex; 11 | height: auto; 12 | margin: 5vh 9vw; 13 | } 14 | 15 | 16 | .cont1 { 17 | width: 25%; 18 | background-color: transparent; 19 | } 20 | 21 | .cont11 { 22 | width: 100%; 23 | background-color: rgb(236, 232, 232); 24 | } 25 | 26 | 27 | .cont2 { 28 | width: 75%; 29 | background-color: transparent; 30 | } 31 | 32 | h4 { 33 | padding: 25px 0; 34 | font-size: 3vh; 35 | margin-left: 4vh; 36 | } 37 | 38 | .btn { 39 | height: 6vh; 40 | width: 100%; 41 | background-color: white; 42 | display: flex; 43 | align-items: center; 44 | justify-content: flex-start; 45 | column-gap: var(--gap); 46 | padding: 0.6rem; 47 | cursor: pointer; 48 | border-radius: 0.5vh; 49 | border: none; 50 | box-shadow: var(--shadow); 51 | position: relative; 52 | } 53 | 54 | .bx { 55 | font-size: 1.1rem; 56 | } 57 | 58 | .dropdown2 { 59 | display: table; 60 | overflow-y: auto; 61 | position: absolute; 62 | height: 22vh; 63 | width: 19%; 64 | box-shadow: var(--shadow); 65 | border-radius: 0px 0px 0.5vh 0.5vh; 66 | background: white; 67 | padding: 0 0.7vw; 68 | visibility: hidden; 69 | opacity: 0; 70 | transform: translateY(0.5rem); 71 | transition: all 0.1s cubic-bezier(0.16, 1, 0.5, 1); 72 | } 73 | 74 | .dropdown2 a { 75 | display: flex; 76 | align-items: center; 77 | column-gap: var(--gap); 78 | padding: 0.8rem 1rem; 79 | text-decoration: none; 80 | color: rgb(236, 94, 113); 81 | } 82 | 83 | .dropdown2 a:hover { 84 | background-color: var(--color); 85 | color: white; 86 | } 87 | 88 | .show { 89 | visibility: visible; 90 | opacity: 1; 91 | transform: translateY(0rem); 92 | } 93 | 94 | .arrow2 { 95 | transform: rotate(180deg); 96 | transition: 0.2s ease; 97 | } 98 | 99 | .filter2 { 100 | display: block; 101 | height: 5vh; 102 | float: left; 103 | margin: 5px; 104 | border: 1px solid rgb(211, 209, 209); 105 | } 106 | 107 | .container-wrapper { 108 | display: table-cell; 109 | margin: auto; 110 | text-align: center; 111 | vertical-align: middle; 112 | } 113 | 114 | .cont22 { 115 | display: flex; 116 | margin-left: 4vh; 117 | } 118 | 119 | .filter-box { 120 | background-color: white; 121 | text-align: center; 122 | text-decoration: none; 123 | padding: 1vh; 124 | border-radius: 3vh; 125 | margin-right: 1vw; 126 | border: 1.5px solid rgb(211, 209, 209); 127 | } 128 | 129 | #filter_text, .btn { 130 | text-decoration: none; 131 | color: rgb(236, 94, 113); 132 | } 133 | 134 | .cont23 { 135 | padding: 3vh 0px; 136 | margin-left: 4vh; 137 | } 138 | 139 | #comming_soon_img { 140 | width: 100%; 141 | } 142 | 143 | 144 | 145 | .contai1 { 146 | position: relative; 147 | display: table; 148 | background: transparent; 149 | margin-left: 1vw; 150 | width: 61vw 151 | } 152 | 153 | .contai1-wrapper { 154 | display: table-cell; 155 | margin: auto; 156 | font-size: 0; 157 | } 158 | 159 | .card2 { 160 | display: inline-block; 161 | height: 60vh; 162 | width: 13.15vw; 163 | background: transparent; 164 | margin: 1vw; 165 | } 166 | 167 | #movies_imgurl { 168 | width: 100%; 169 | border-radius: 1vh; 170 | } 171 | .mov_img_info { 172 | display: flex; 173 | flex-direction: column; 174 | justify-content: center; 175 | align-items: flex-start; 176 | text-decoration: none; 177 | } 178 | 179 | h3{ 180 | margin-top: 2vh; 181 | font-size: 2.2vh; 182 | height: 5vh; 183 | font-weight: 600; 184 | /* text-decoration: none; */ 185 | color: black; 186 | } 187 | 188 | #mov_label,#lang{ 189 | margin-top: 0.7vh; 190 | text-decoration: none; 191 | } 192 | #mov_label{ 193 | height: 2vh; 194 | font-size: 1.8vh; 195 | color: #6f5656; 196 | } 197 | 198 | #lang{ 199 | font-size: 1.8vh; 200 | color: #6f5656; 201 | } 202 | 203 | .home_redirect{ 204 | height: 7vh; 205 | } 206 | 207 | .cont3{ 208 | height: 4vh; 209 | width: auto; 210 | padding: 0 10vw; 211 | background-color: white; 212 | padding-top: 1vh; 213 | } 214 | 215 | #navlink{ 216 | color: gray; 217 | font-size: 13.2px; 218 | text-decoration: none; 219 | } -------------------------------------------------------------------------------- /views/partials/template.hbs: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

Fliters

5 |
6 | 10 | 11 | 34 |
35 |
36 |
37 |
38 |
39 |

Movies In Mumbai

40 | 41 |
42 |
43 | Marathi 44 |
45 |
46 | English 47 |
48 |
49 | Hindi 50 |
51 |
52 | Bengali 53 |
54 |
55 | Telugu 56 |
57 |
58 | Gujarati 59 |
60 |
61 | Tamil 62 |
63 |
64 |
65 |
66 | 69 |
70 |
71 |
72 |
73 | {{#each slider}} 74 |
75 | 76 |
77 | 78 |
79 |
80 |
81 |

{{this.nam_movie}}

82 |
83 |
84 |

UA

85 |
86 |
87 |

{{this.lang}}

88 |
89 |
90 | 91 |
92 | {{/each}} 93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 | Home 101 | → 102 | Movies 103 |
104 |
-------------------------------------------------------------------------------- /public/css/footer.css: -------------------------------------------------------------------------------- 1 | footer{ 2 | background-color: rgb(51, 51, 56); 3 | } 4 | 5 | .footer-div { 6 | display: flex; 7 | flex-flow: row wrap; 8 | -webkit-box-pack: start; 9 | justify-content: start; 10 | -webkit-box-align: start; 11 | align-items: start; 12 | height: auto; 13 | overflow: visible; 14 | color: rgb(153, 153, 153); 15 | width: 100%; 16 | max-width: 1280px; 17 | margin: 0px 9vw; 18 | } 19 | 20 | .movies-foot { 21 | width: 100%; 22 | padding-top: 25px; 23 | } 24 | 25 | .movie-title { 26 | font-size: 12px; 27 | line-height: 1.1; 28 | font-weight: 400; 29 | letter-spacing: 0.1px; 30 | text-transform: uppercase; 31 | margin: 0px 0px 20px; 32 | color: rgb(165, 165, 165); 33 | } 34 | 35 | .all-movie { 36 | display: flex; 37 | flex-wrap: wrap; 38 | } 39 | 40 | .all-movie-name { 41 | font-size: 11px; 42 | color: rgb(127, 127, 127); 43 | letter-spacing: 0.1px; 44 | text-decoration: none; 45 | transition: color 0.25s ease-in-out 0s; 46 | margin: 0px 5px 5px 0px; 47 | padding-right: 5px; 48 | border-right: 1px solid rgb(127, 127, 127); 49 | } 50 | 51 | a { 52 | background: transparent; 53 | vertical-align: baseline; 54 | } 55 | 56 | .footer-contact{ 57 | height: 30vh; 58 | } 59 | 60 | .foot-hut{ 61 | height: 7vh; 62 | background-color: rgb(51, 51, 56); 63 | padding: 2vh 0; 64 | margin: 0 9vw; 65 | } 66 | .foot-img{ 67 | height: 6vh; 68 | width: 3vw; 69 | margin-top: 1vh; 70 | } 71 | #footer-hut{ 72 | height: 4.8vh; 73 | } 74 | .foot-text{ 75 | display: flex; 76 | margin-top: -4.8vh; 77 | margin-left: 3vw; 78 | } 79 | #foot-text11{ 80 | font-size: 2.3vh; 81 | text-decoration: none; 82 | color: white; 83 | font-weight: bold; 84 | } 85 | #foot-text12{ 86 | font-size: 2.3vh; 87 | text-decoration: none; 88 | color: white; 89 | margin-left: 1vw; 90 | } 91 | .foot-contact-link{ 92 | height: 5vh; 93 | width: 11vw; 94 | margin-left: 14vw; 95 | } 96 | #foot-text13{ 97 | height: 3vh; 98 | width: 5vw; 99 | background-color: rgb(236, 94, 113); 100 | text-decoration: none; 101 | color: white; 102 | padding: 1.2vh 1vw; 103 | font-size: 1.2em; 104 | border-radius: 0.5vh; 105 | } 106 | .contact{ 107 | height: 15vh; 108 | background-color: rgb(64, 64, 67); 109 | } 110 | 111 | .contact-Info{ 112 | height: 12vh; 113 | margin: 0 9vw; 114 | padding: 2.2vh 1vw; 115 | 116 | } 117 | 118 | 119 | /* contact-footer */ 120 | .contact-Info-internal { 121 | padding: 0px; 122 | margin: 0px; 123 | flex-basis: auto; 124 | width: 100%; 125 | justify-content: space-around; 126 | -webkit-box-align: center; 127 | align-items: center; 128 | } 129 | .contact-img-internal{ 130 | display: flex; 131 | flex-flow: row nowrap; 132 | justify-content: space-around; 133 | -webkit-box-align: start; 134 | align-items: start; 135 | width: auto; 136 | height: auto; 137 | overflow: visible; 138 | padding: 0px; 139 | margin: 0px; 140 | } 141 | .complete-svj { 142 | display: inline-block; 143 | text-align: center; 144 | color: rgba(188, 192, 196, 0.74); 145 | text-decoration: none; 146 | cursor: pointer; 147 | } 148 | .svj-component{ 149 | display: inline-block; 150 | margin: 0px; 151 | width: 50px; 152 | height: 50px; 153 | } 154 | .svj-text{ 155 | color: currentcolor; 156 | text-align: inherit; 157 | line-height: 18px; 158 | width: auto; 159 | padding: 0px; 160 | margin: 10px 0px 0px; 161 | flex-basis: auto; 162 | font-size: 11px; 163 | } 164 | .complete-svj svg { 165 | fill: rgb(198, 198, 199); 166 | } 167 | svg:not(:root) { 168 | overflow: hidden; 169 | } 170 | 171 | .dev_contact_container{ 172 | height: 33vh; 173 | width: auto; 174 | background-color: rgb(51, 51, 56); 175 | display: flex; 176 | flex-direction: column; 177 | padding: 0 5vh 3vh 5vh; 178 | margin-top: 3vh; 179 | } 180 | .dev_contact{ 181 | height: 100%; 182 | } 183 | .foot_logo{ 184 | height: 15vh; 185 | display: flex; 186 | justify-content: center; 187 | align-items: center; 188 | } 189 | .dev_contact_line{ 190 | flex: 1 0%; 191 | height: 0.3vh; 192 | background-color: rgb(93, 93, 95); 193 | } 194 | 195 | #foot_logo{ 196 | width: 10vw; 197 | height: 8vh; 198 | } 199 | 200 | .contact_link{ 201 | height: 5vh; 202 | display: flex; 203 | justify-content: center; 204 | } 205 | 206 | .contact_link_svg{ 207 | width: 5vh; 208 | margin: 0 1vh; 209 | } 210 | 211 | #contact_link_svg{ 212 | fill: rgb(93, 93, 95); 213 | } 214 | 215 | #contact_link_svg:hover{ 216 | fill: white; 217 | } -------------------------------------------------------------------------------- /views/partials/booking.hbs: -------------------------------------------------------------------------------- 1 |
2 |
4 |
5 | --}} 8 | src="{{slider.trailer_img}}" 9 | alt=""> 10 |
11 | In cinemas 12 |
13 |
14 |
15 |
16 | {{slider.nam_movie}} 17 |
18 |
19 | 20 | {{slider.mov_rating}} 21 | {{slider.mov_votes}} votes 22 |
23 |
24 |
25 |
26 |
27 | Add your rating & review 28 | Your rating matter 29 |
30 |
31 |
32 | 35 |
36 |
37 |
38 |
39 |
40 | 41 |
42 |
43 | 44 |
45 |
46 |
47 | {{slider.watch_time}} 48 | • 49 | {{slider.jonar}} 50 | {{!-- , 51 | Mystery 52 | , 53 | Thriller --}} 54 | • 55 | UA 56 | • 57 | 18 Nov, 2022 58 |
59 |
60 |
61 | 64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
{{slider.nam_movie}}
74 |
75 |
76 | {{slider.mov_rating}} 77 | {{slider.mov_votes}} votes 78 |
79 |
80 |
81 |
82 | 85 |
86 |
87 |
88 |
89 |
90 | 91 |
92 |
93 |
94 |
95 |

About the movie

96 |

97 | 7 years after the case related to Vijay Salgaonkar and his family was closed, a series of 98 | unexpected 99 | events bring a truth to light that threatens to change everything for the Salgaonkars. Can Vijay 100 | save his family this time? 101 |

102 |
103 |
104 | 105 |
106 |
107 |

Applicable offers

108 |
109 |
110 | 111 | {{!-- 112 | 113 | --}} 114 |
115 |
116 |

WATCH MOVIES ONLINE FOR FREE!

117 |

Limited Period Offer

118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 | Home 129 | → 130 | Movies 131 |
132 |
-------------------------------------------------------------------------------- /public/css/book.css: -------------------------------------------------------------------------------- 1 | #top { 2 | background-color: rgb(26, 26, 26); 3 | } 4 | 5 | .book_banner { 6 | min-height: 420px; 7 | width: 82%; 8 | padding: 32px 0px; 9 | -webkit-box-align: center; 10 | align-items: center; 11 | display: flex; 12 | background-repeat: no-repeat; 13 | background-position: right center; 14 | position: relative; 15 | margin: 0px auto; 16 | max-width: 1440px; 17 | } 18 | 19 | .trailer_img { 20 | height: 55vh; 21 | width: 17vw; 22 | background-color: black; 23 | border-radius: 1vh; 24 | } 25 | 26 | #trailer_img { 27 | height: 51.5vh; 28 | width: 100%; 29 | border-radius: 1vh 1vh 0 0 30 | } 31 | 32 | .img_bottom { 33 | height: 3vh; 34 | display: flex; 35 | justify-content: center; 36 | } 37 | 38 | #img_bottom { 39 | text-decoration: none; 40 | color: white; 41 | padding-top: 0.5vh; 42 | } 43 | 44 | .trailer_info { 45 | height: 55vh; 46 | width: 27vw; 47 | background-color: transparent; 48 | margin-left: 3vw; 49 | } 50 | 51 | .mov_ti { 52 | height: 10vh; 53 | display: flex; 54 | justify-content: flex-start; 55 | align-items: center; 56 | } 57 | 58 | #mov_title, 59 | #mov_rating, 60 | #mov_votes { 61 | text-decoration: none; 62 | color: white; 63 | font-weight: bold; 64 | } 65 | 66 | #mov_title { 67 | font-size: 2.2em; 68 | font-weight: bold; 69 | padding-top: 3vh; 70 | } 71 | 72 | #mov_rating { 73 | font-size: 1.7em; 74 | } 75 | 76 | .mov_rating { 77 | padding-top: 2vh; 78 | } 79 | 80 | #mov_votes { 81 | margin-left: 0.8vh; 82 | } 83 | 84 | .rew_rate { 85 | display: flex; 86 | justify-content: center; 87 | align-items: center; 88 | height: 15vh; 89 | width: 100%; 90 | } 91 | 92 | .rew_rate_box { 93 | display: flex; 94 | height: 10vh; 95 | width: 100%; 96 | background: rgb(51, 51, 51); 97 | border-radius: 1vh; 98 | } 99 | 100 | .rew_rate_txt { 101 | height: 100%; 102 | width: 62%; 103 | } 104 | 105 | .re_rate_info { 106 | height: 100%; 107 | } 108 | 109 | #rew_title, 110 | #rew_sub { 111 | display: block; 112 | height: 3vh; 113 | text-decoration: none; 114 | color: white; 115 | margin: 1vh 0 0 3vh; 116 | } 117 | 118 | #rew_title { 119 | font-weight: bold; 120 | padding-top: 0.5vh; 121 | } 122 | 123 | #rew_sub { 124 | color: rgb(204, 204, 204); 125 | } 126 | 127 | .rew_rate_btn { 128 | display: flex; 129 | width: 38%; 130 | justify-content: center; 131 | align-items: center; 132 | } 133 | 134 | #rate_btn { 135 | height: 5vh; 136 | width: 6.5vw; 137 | font-size: 1em; 138 | border-radius: 1vh; 139 | border: 1px solid gray; 140 | } 141 | 142 | .dimention_lang { 143 | height: 7vh; 144 | display: flex; 145 | justify-content: flex-start; 146 | align-items: center; 147 | } 148 | 149 | .dimention_btn { 150 | height: 4vh; 151 | width: 5vh; 152 | margin-right: 1vh; 153 | } 154 | 155 | #dimention_btn { 156 | height: 100%; 157 | width: 100%; 158 | font-size: 1em; 159 | } 160 | 161 | .language_btn { 162 | height: 4vh; 163 | width: auto; 164 | } 165 | 166 | #language_btn { 167 | height: 100%; 168 | width: 100%; 169 | font-size: 1em; 170 | } 171 | 172 | .mov_info { 173 | margin-top: 1vh; 174 | } 175 | 176 | .mov_info, 177 | #mov_info { 178 | color: white; 179 | text-decoration: none; 180 | } 181 | 182 | .book_ticket { 183 | height: 13vh; 184 | } 185 | 186 | .book_ticket_btn { 187 | height: 100%; 188 | width: 100%; 189 | display: flex; 190 | justify-content: flex-start; 191 | align-items: center; 192 | } 193 | 194 | #book_ticket_btn { 195 | width: 13vw; 196 | padding: 2vh; 197 | font-size: 1em; 198 | background-color: rgb(248, 68, 100); 199 | color: white; 200 | border-radius: 1.5vh; 201 | border: 1px solid rgb(248, 68, 100); 202 | } 203 | 204 | #book_body { 205 | height: 12vh; 206 | width: 100%; 207 | overflow: hidden; 208 | position: sticky; 209 | top: 0; 210 | z-index: 100; 211 | background-color: white; 212 | animation: 0.3s ease 0s 1 normal none running ; 213 | box-shadow: rgb(0 0 0 / 16%) 0px 1px 8px 0px; 214 | } 215 | 216 | 217 | .cont-mov { 218 | margin: 0 9vw; 219 | height: 100%; 220 | display: flex; 221 | justify-content: space-between; 222 | } 223 | 224 | .info_book { 225 | width: 25vw; 226 | padding: 1.5vh 0; 227 | } 228 | 229 | .cont_book { 230 | width: 15vw; 231 | } 232 | 233 | .sticky_title { 234 | font-size: 2em; 235 | padding: 1vh 0; 236 | } 237 | 238 | #sticky_rating { 239 | font-size: 1.3em; 240 | } 241 | 242 | .info_body { 243 | position: relative; 244 | display: flex; 245 | flex-direction: row; 246 | height: auto; 247 | /* width: 100%; */ 248 | margin: 1vh 9vw; 249 | } 250 | 251 | .info_body_container { 252 | width: 75%; 253 | } 254 | 255 | #component1 { 256 | height: 20vh; 257 | /* border-bottom: 0.1px solid gray; */ 258 | border-bottom: 1px solid rgb(229, 229, 229); 259 | } 260 | 261 | .about_mov { 262 | padding: 4vh 0; 263 | } 264 | 265 | .about-mov-title { 266 | font-size: 1.7em; 267 | text-decoration: none; 268 | color: black; 269 | font-weight: bold; 270 | } 271 | 272 | #about_mov { 273 | font-size: 1.2em; 274 | text-decoration: none; 275 | color: black; 276 | /* font-weight: bold; */ 277 | padding-top: 3vh; 278 | } 279 | 280 | #component2 { 281 | height: 27vh; 282 | /* border-bottom: 0.1px solid gray; */ 283 | border-bottom: 1px solid rgb(229, 229, 229); 284 | } 285 | 286 | .apply_offer { 287 | padding: 4vh 0 2vh 0; 288 | } 289 | 290 | .apply_offer_cont { 291 | height: 8vh; 292 | width: 25vw; 293 | background-color: rgb(255, 241, 204); 294 | border: 2px dashed rgb(212, 187, 118); 295 | border-radius: 1.5vh; 296 | margin-top: 2vh; 297 | padding: 2vh 1vw; 298 | display: flex; 299 | align-items: center; 300 | } 301 | 302 | .svg_box, 303 | #svg_box { 304 | height: 24px; 305 | padding: 0 .5vh 1vh 0; 306 | } 307 | 308 | #apply_offer { 309 | display: block; 310 | font-size: 1.1em; 311 | font-weight: bold; 312 | } 313 | 314 | #Limited_offer { 315 | display: block; 316 | font-size: 1.1em; 317 | color: gray; 318 | } 319 | 320 | .home_redirect { 321 | height: 7vh; 322 | } 323 | 324 | .cont3 { 325 | height: 4vh; 326 | width: auto; 327 | padding: 0 10vw; 328 | background-color: white; 329 | padding-top: 1vh; 330 | } 331 | 332 | #navlink { 333 | color: gray; 334 | font-size: 13.2px; 335 | text-decoration: none; 336 | } -------------------------------------------------------------------------------- /views/partials/navbar.hbs: -------------------------------------------------------------------------------- 1 |
2 |
3 | 4 |
5 |
6 | 7 |
8 | 9 |
10 |
11 | 12 | 13 |
14 | Link 1 15 | Link 2 16 | Link 3 17 |
18 |
19 | 22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 | 40 |
41 |
42 | 48 |
49 |
50 |
51 |
52 | 55 | 58 |
59 | 62 | 65 | 68 |
69 | 70 |
71 |
72 |

+91

73 |
74 | 75 |
76 |
77 | 82 |
83 |
84 | 105 |
106 |
107 |
108 |
109 |
110 |

Hey!

111 | 112 | 113 | 114 |
115 | 128 |
129 |
130 | 131 |
132 | Notification 133 |
134 |
135 |
136 |
137 |
138 |
139 | 140 |
141 | Your Order 142 | View all your booking & purchases 143 |
144 |
145 |
146 |
147 |
148 |
149 | 150 |
151 | Play Credit Card 152 | View your Play Credit Card details & offer 153 |
154 |
155 |
156 |
157 |
158 |
159 | 160 |
161 | Help & Support 162 | View commonly asked queries and Chat 163 |
164 |
165 |
166 |
167 |
168 |
169 | 170 |
171 | Account & Settings 172 | Location, Payment, Permissions & More 173 |
174 |
175 |
176 |
177 |
178 |
179 | 180 |
181 | Rewards 182 | View uour rewards % unlock new ones 183 |
184 |
185 |
186 |
187 |
188 |
189 |
-------------------------------------------------------------------------------- /public/css/tp2.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | } 5 | ::-webkit-scrollbar { 6 | display: none; 7 | } 8 | .body_of_content{ 9 | background-color: #f5f5f5; 10 | } 11 | header{ 12 | height: 14vh; 13 | background-color: rgb(31, 37, 51); 14 | } 15 | .nav1{ 16 | display: flex; 17 | height: 9vh; 18 | background-color: rgb(51, 53, 69); 19 | padding: 0px 8vw; 20 | } 21 | .navlogo{ 22 | display: flex; 23 | height: 6vh; 24 | width: 10vw; 25 | margin-top: 1.4vh; 26 | margin-right: -3vh; 27 | background: red url('../images/og.png') no-repeat; 28 | background-size: cover; 29 | } 30 | .searchbar{ 31 | display: flex; 32 | margin: 2vh; 33 | margin-top: 1.5vh; 34 | height: 6vh; 35 | width: 56vw; 36 | background-color: rgb(51, 53, 69); 37 | } 38 | .searchbar input{ 39 | display: flex; 40 | height: 3.5vh; 41 | width: 34vw; 42 | padding: 4px 0vw; 43 | margin: .8vh; 44 | font-size: 1em; 45 | /* margin-left: 0; 46 | border-left: 0; */ 47 | background: url('../images/search1.png') no-repeat ; 48 | background-size: contain; 49 | background-color: white; 50 | text-align: start; 51 | padding-left: 3vw; 52 | /* background: url("http://kodyrabatowe.wp.pl/images/ico/search_gr.png") top left no-repeat; 53 | height:30px; 54 | padding-left:25px; */ 55 | /* align-items: flex-start; */ 56 | border: .7px solid black; 57 | border-radius: .5vh; 58 | } 59 | .box12{ 60 | display: flex; 61 | margin: 2vh; 62 | justify-content: center; 63 | } 64 | .dropdown { 65 | width: 17vh; 66 | display: flex; 67 | float: left; 68 | overflow: hidden; 69 | margin-top: -1vh; 70 | margin-right: -1vw; 71 | } 72 | .dropdown .dropbtn { 73 | width: auto; 74 | font-size: 16px; 75 | border: none; 76 | outline: none; 77 | color: white; 78 | padding: 14px 16px; 79 | background-color: inherit; 80 | font-family: inherit; /* Important for vertical align on mobile phones */ 81 | margin: 0; /* Important for vertical align on mobile phones */ 82 | transition: all 0.3s; 83 | } 84 | .navbar a:hover, .dropdown:hover .dropbtn { 85 | color: rgb(137, 145, 218); 86 | } 87 | 88 | .dropdown-content { 89 | display: none; 90 | position: absolute; 91 | margin-top: 7vh; 92 | background-color: #f9f9f9; 93 | min-width: 160px; 94 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 95 | z-index: 1; 96 | } 97 | .dropdown-content a { 98 | float: none; 99 | color: black; 100 | padding: 12px 16px; 101 | text-decoration: none; 102 | display: block; 103 | text-align: left; 104 | } 105 | .dropdown:hover .dropdown-content { 106 | display: block; 107 | } 108 | #signin{ 109 | height: 3.6vh; 110 | width: 4.6vw; 111 | background-color: rgb(248, 68, 100); 112 | border: .1px solid transparent; 113 | border-radius: .7vh; 114 | margin-top: .7vh; 115 | margin-left: 1.6vh; 116 | color: white; 117 | cursor: pointer; 118 | } 119 | .container { 120 | display: inline-block; 121 | cursor: pointer; 122 | margin: .4vh 1vw; 123 | } 124 | 125 | .bar1, .bar2, .bar3 { 126 | width: 25px; 127 | height: 2px; 128 | background-color: rgb(252, 249, 249); 129 | margin: 6px 0; 130 | transition: 0.4s; 131 | } 132 | 133 | /* Rotate first bar */ 134 | .change .bar1 { 135 | transform: translate(0, 11px) rotate(-45deg); 136 | } 137 | 138 | /* Fade out the second bar */ 139 | .change .bar2 {opacity: 0;} 140 | 141 | /* Rotate last bar */ 142 | .change .bar3 { 143 | transform: translate(0, -11px) rotate(45deg); 144 | } 145 | .nav2{ 146 | height: 5vh; 147 | width: auto; 148 | background-color: rgb(34, 37, 57); 149 | padding: 0 8vw; 150 | justify-content: flex-start; 151 | } 152 | .nav2box1{ 153 | display: inline-block; 154 | width: 50%; 155 | margin-right: 0; 156 | } 157 | .nav2box1 ul{ 158 | height: 5vh; 159 | display: inline-flex; 160 | align-items: center; 161 | margin-left: .4vw; 162 | } 163 | .nav2box1 ul li{ 164 | display: flex; 165 | padding: 1.4vh .7vw; 166 | text-decoration:ghostwhite; 167 | /* color: #f9f9f9; */ 168 | } 169 | .nav2box1 ul li a{ 170 | /* display: flex; */ 171 | /* padding: 1.4vh .8vw; */ 172 | text-decoration: none; 173 | color: rgb(204, 204, 204); 174 | /* color: #f9f9f9; */ 175 | } 176 | .nav2box2{ 177 | display: inline-flex; 178 | justify-content: flex-end; 179 | margin-left: -1vh; 180 | width: 50%; 181 | } 182 | .nav2box2 ul{ 183 | height: 5vh; 184 | width: 49%; 185 | display: inline-flex; 186 | align-items: flex-end; 187 | margin-right: 0.45vw; 188 | margin-left: .3vw; 189 | } 190 | .nav2box2 ul li{ 191 | display: flex; 192 | padding: 1.4vh .7vw; 193 | /* text-decoration:ghostwhite; */ 194 | /* color: #f9f9f9; */ 195 | } 196 | .nav2box2 ul li a{ 197 | /* display: flex; */ 198 | /* padding: 1.4vh .8vw; */ 199 | text-decoration: none; 200 | color: white; 201 | font-size:small; 202 | /* color: #f9f9f9; */ 203 | } 204 | .slider{ 205 | display: flex; 206 | flex-direction: column; 207 | height: 42vh; 208 | width: auto; 209 | padding-top: 1.5vh; 210 | background-color: burlywood; 211 | } 212 | .slidercon{ 213 | display: flex; 214 | height: 40vh; 215 | width: auto; 216 | background-color: aquamarine; 217 | justify-content: center; 218 | /* margin: 4vh 0vh; */ 219 | } 220 | .main-carousel { 221 | background: #EEE; 222 | height: 39vh; 223 | } 224 | .carousel-cell { 225 | width: 81%; 226 | height: 37vh; 227 | margin-top: 1vh; 228 | margin-right: 10px; 229 | background: #8C8; 230 | border-radius: 5px; 231 | /* counter-increment: gallery-cell; */ 232 | } 233 | .carousel-cell:before { 234 | display: block; 235 | /* content: counter(gallery-cell); */ 236 | } 237 | 238 | .banner{ 239 | background-size: cover; 240 | height: 38vh; 241 | } 242 | 243 | 244 | .recom{ 245 | display: flex; 246 | margin: 4vh 12vw 1vh 11vw; 247 | justify-content: space-between; 248 | align-items: center; 249 | } 250 | #recom_redirect_movies{ 251 | text-decoration: none; 252 | color: rgb(220, 53, 88); 253 | } 254 | #stream{ 255 | margin-top: 7vh; 256 | margin-left: 10vw; 257 | height: 13.4vh; 258 | width: 79.2vw; 259 | } 260 | 261 | .live{ 262 | height: 50vh; 263 | width: 82vw; 264 | padding: 0 8vw; 265 | background-color: transparent; 266 | } 267 | 268 | .live-text,#live-ev{ 269 | /* padding-top: 10vh; */ 270 | padding: 10vh 0 0vw 1vw; 271 | font-size: 3vh; 272 | font-weight: bold; 273 | } 274 | 275 | 276 | .premiere{ 277 | height: 16vh; 278 | width: 79vw; 279 | background-color: rgb(43, 49, 72); 280 | /* padding: 0 11vw 0 5vw; */ 281 | margin-left: 10.2vw; 282 | } 283 | 284 | #prem-img{ 285 | width: 88vw; 286 | } 287 | .prem-slider{ 288 | background-color: rgb(43, 49, 72); 289 | } 290 | 291 | .leb-name-white, #name-prem{ 292 | margin-top: 1vh; 293 | background-color: transparent; 294 | font-size: 1.24vw; 295 | font-weight: bold; 296 | color: white; 297 | } 298 | 299 | #prem-lang{ 300 | margin-top: 5vh; 301 | /* height: 4vh; */ 302 | font-size: 2vh; 303 | color: white; 304 | } 305 | 306 | .premeres{ 307 | margin-left: 10.2vw; 308 | margin-bottom: 1.5vh; 309 | } 310 | .prem-leb2{ 311 | font-size: 4vh; 312 | color: white; 313 | } 314 | 315 | .prem-leb3{ 316 | font-size: 2.2vh; 317 | color: white; 318 | } 319 | 320 | .laugh-box{ 321 | display: flex; 322 | justify-content: flex-start; 323 | align-items: flex-end; 324 | height: 8vh; 325 | } 326 | .laugh-therapy{ 327 | height: 4vh; 328 | /* background-color: #8C8; */ 329 | padding-left: 10vw; 330 | font-weight: bold; 331 | } 332 | 333 | #laugh-th{ 334 | font-size: 3vh; 335 | } 336 | 337 | .home_redirect { 338 | height: 7vh; 339 | } 340 | 341 | .cont3 { 342 | height: 4vh; 343 | width: auto; 344 | padding: 0 10vw; 345 | background-color: white; 346 | padding-top: 1vh; 347 | } 348 | 349 | #navlink { 350 | color: gray; 351 | font-size: 13.2px; 352 | text-decoration: none; 353 | } -------------------------------------------------------------------------------- /public/css/signup.css: -------------------------------------------------------------------------------- 1 | /* signup form */ 2 | .signup-form { 3 | position: absolute; 4 | top: 15%; 5 | right: 76vh; 6 | width: 26vw; 7 | height: 73vh; 8 | background: white; 9 | border-radius: 1vh; 10 | overflow: hidden; 11 | display: flex; 12 | align-items: center; 13 | flex-direction: column; 14 | z-index: 200; 15 | } 16 | .form_hidden{ 17 | display: none; 18 | } 19 | 20 | /* .navbar .signup-form.active { 21 | top: 15%; 22 | transition: .4s linear; 23 | } */ 24 | 25 | .navbar .signup-form .link_ac_text { 26 | height: 5vh; 27 | width: 74%; 28 | display: flex; 29 | justify-content: space-between; 30 | align-items: center; 31 | margin: 2vh 1vh 1vh 1vh; 32 | } 33 | .navbar .signup-form .link_ac_text #link_ac_text{ 34 | margin-left: 15vh; 35 | } 36 | .navbar .signup-form .link_ac_text #cancel{ 37 | font-size: 3vh; 38 | cursor: pointer; 39 | } 40 | .navbar .signup-form .link_ac { 41 | height: 5vh; 42 | width: 20vw; 43 | display: flex; 44 | justify-content: center; 45 | align-items: center; 46 | border: 0.2vh solid gray; 47 | border-radius: 0.8vh; 48 | margin: 1vh auto; 49 | cursor: pointer; 50 | } 51 | 52 | .navbar .signup-form .link_ac:hover { 53 | background-color: #f5f5f5; 54 | border: 0.2vh solid #f5f5f5; 55 | 56 | } 57 | 58 | .navbar .signup-form .link_acc { 59 | height: 2vh; 60 | text-decoration: none; 61 | color: black; 62 | } 63 | 64 | .navbar .signup-form .input_p_num { 65 | width: 20VW; 66 | display: flex; 67 | flex-direction: row; 68 | align-items: center; 69 | } 70 | .navbar .signup-form #link_txt_or{ 71 | margin: 3vh auto; 72 | } 73 | .navbar .signup-form #p_code { 74 | margin-right: 1vh; 75 | } 76 | 77 | .navbar .signup-form .phone_num { 78 | width: 18vw; 79 | height: 6vh; 80 | } 81 | 82 | .navbar .signup-form #phone_num { 83 | height: 6vh; 84 | width: 100%; 85 | font-size: 1rem; 86 | border: 0px; 87 | border-bottom: 0.2vh solid; 88 | outline: none; 89 | } 90 | 91 | input::-webkit-outer-spin-button, 92 | input::-webkit-inner-spin-button { 93 | -webkit-appearance: none; 94 | margin: 0; 95 | } 96 | 97 | .navbar .signup-form .btn_signup_form { 98 | height: 5vh; 99 | width: 20vw; 100 | margin: 20vh auto 2vh; 101 | border-radius: 1vh; 102 | display: flex; 103 | justify-content: center; 104 | align-items: center; 105 | } 106 | 107 | .navbar .signup-form #singnup { 108 | height: 5vh; 109 | width: 100%; 110 | color: white; 111 | font-size: 1.2em; 112 | border-radius: 1vh; 113 | border: none; 114 | background-color: rgb(204, 204, 204); 115 | } 116 | 117 | .navbar .signup-form #singnup:hover { 118 | background-color: rgb(248, 68, 100); 119 | border: 1px solid rgb(248, 68, 100); 120 | cursor: pointer; 121 | } 122 | 123 | 124 | /* email signup form */ 125 | .email_signup { 126 | position: absolute; 127 | top: 15%; 128 | right: 76vh; 129 | width: 26vw; 130 | height: 73vh; 131 | background: white; 132 | border-radius: 1vh; 133 | overflow: hidden; 134 | display: flex; 135 | align-items: center; 136 | flex-direction: column; 137 | z-index: 500; 138 | } 139 | 140 | .form_hidden { 141 | display: none; 142 | } 143 | 144 | .navbar .email_signup .cont_email_signup { 145 | padding: 3vh; 146 | height: 95%; 147 | width: 90%; 148 | } 149 | 150 | .navbar .email_signup .cont_email_signup .redirect_signup { 151 | margin-bottom: 7vh; 152 | height: 3vh; 153 | } 154 | .navbar .email_signup .cont_email_signup #backto_signup{ 155 | text-decoration: none; 156 | color: gray; 157 | } 158 | .navbar .email_signup .cont_email_signup .signup_email_text { 159 | height: 4vh; 160 | font-size: 3vh; 161 | font-weight: 600; 162 | margin: 0 0 4vh 3vh; 163 | } 164 | 165 | .navbar .email_signup .cont_email_signup .signup_email_input #email_text { 166 | margin: 0 0 1vh 3vh; 167 | } 168 | 169 | .navbar .email_signup .cont_email_signup .signup_email_input #email_input { 170 | border: 1px solid gray; 171 | height: 4.5vh; 172 | width: 20vw; 173 | border-radius: 0.7vh; 174 | font-size: 2vh; 175 | padding-left: 1vh; 176 | margin: 0 0 2vh 3vh; 177 | } 178 | 179 | .navbar .email_signup .cont_email_signup .btn_signup_form { 180 | height: 5vh; 181 | width: 20vw; 182 | margin: 24vh auto 2vh; 183 | border-radius: 1vh; 184 | display: flex; 185 | justify-content: center; 186 | align-items: center; 187 | } 188 | 189 | .navbar .email_signup .cont_email_signup #singnup { 190 | height: 5vh; 191 | width: 100%; 192 | color: white; 193 | font-size: 1.2em; 194 | border-radius: 1vh; 195 | border: none; 196 | background-color: rgb(204, 204, 204); 197 | } 198 | 199 | .navbar .email_signup .cont_email_signup #singnup:hover { 200 | background-color: rgb(248, 68, 100); 201 | border: 1px solid rgb(248, 68, 100); 202 | cursor: pointer; 203 | } 204 | 205 | 206 | 207 | /* hamburger menu */ 208 | .navbar .hamburg { 209 | height: 100%; 210 | width: 100%; 211 | display: flex; 212 | justify-content: center; 213 | align-items: flex-end; 214 | flex-direction: row; 215 | top: 0%; 216 | z-index: 600; 217 | position: absolute; 218 | } 219 | 220 | .navbar .form_hidden { 221 | display: none; 222 | } 223 | 224 | .navbar .hamburg .trans { 225 | height: 100%; 226 | width: 76%; 227 | background-color: black; 228 | opacity: 50%; 229 | } 230 | 231 | .navbar .hamburg .ham_menu_nav { 232 | height: 100%; 233 | width: 24%; 234 | background-color: white; 235 | opacity: 1; 236 | } 237 | 238 | .navbar .hamburg .ham_menu_nav .head_top { 239 | background-color: rgb(51, 53, 69); 240 | height: 9vh; 241 | color: aliceblue; 242 | display: flex; 243 | justify-content: space-between; 244 | align-items: center; 245 | padding: 0 2vh; 246 | font-size: 1.5rem; 247 | font-weight: 600; 248 | } 249 | 250 | .navbar .hamburg .ham_menu_nav .head_top a { 251 | width: 3vh; 252 | color: floralwhite; 253 | } 254 | 255 | .navbar .hamburg .ham_menu_nav .ham_signup_redirect { 256 | box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px 0px; 257 | z-index: 1; 258 | padding: 2vh 2vh; 259 | display: flex; 260 | } 261 | 262 | .navbar .hamburg .ham_menu_nav .ham_signup_redirect .ham_acc_logo { 263 | width: 5.3vh; 264 | border-radius: 50%; 265 | background-color: fuchsia; 266 | } 267 | 268 | .navbar .hamburg .ham_menu_nav .ham_signup_redirect .ham_acc_logo .fa-solid { 269 | font-weight: 900; 270 | /* height: 100%; */ 271 | font-size: 2rem; 272 | margin: 1vh; 273 | } 274 | 275 | .navbar .hamburg .ham_menu_nav .ham_signup_redirect .ham_acc_register_text { 276 | height: 100%; 277 | padding: 0.5vh 2vh; 278 | width: 10vw; 279 | } 280 | 281 | .navbar .hamburg .ham_menu_nav .ham_signup_redirect .ham_acc_log_btn { 282 | display: flex; 283 | justify-content: center; 284 | align-items: center; 285 | } 286 | 287 | .navbar .hamburg .ham_menu_nav .ham_signup_redirect #ham_acc_log_btn { 288 | font-size: .88rem; 289 | background-color: white; 290 | border: 1px solid rgb(248, 68, 100); 291 | color: rgb(248, 68, 100); 292 | padding: 1.5vh; 293 | border-radius: 1vh; 294 | font-weight: 600; 295 | cursor: pointer; 296 | } 297 | 298 | .navbar .hamburg .ham_menu_nav .ham_card { 299 | padding: 0 2vh; 300 | height: 9vh; 301 | display: flex; 302 | justify-content: space-between; 303 | align-items: center; 304 | flex-direction: row; 305 | border-bottom: 1.9px solid #eeebeb; 306 | cursor: pointer; 307 | } 308 | 309 | .navbar .hamburg .ham_menu_nav .ham_card .ham_card_icon_text { 310 | display: flex; 311 | justify-content: center; 312 | align-items: center; 313 | height: 100%; 314 | flex-direction: row; 315 | } 316 | 317 | .navbar .hamburg .ham_menu_nav .ham_card .ham_card_icon_text i { 318 | font-size: 1.5rem; 319 | color: gray; 320 | } 321 | 322 | .navbar .hamburg .ham_menu_nav .ham_card .ham_card_icon_text .ham_card_text { 323 | display: flex; 324 | justify-content: flex-start; 325 | align-items: flex-start; 326 | flex-direction: column; 327 | margin-left: 2vh; 328 | } 329 | 330 | .navbar .hamburg .ham_menu_nav .ham_card .ham_card_icon_text .ham_card_text a { 331 | text-decoration: none; 332 | color: gray; 333 | } -------------------------------------------------------------------------------- /views/index.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Bookmyshow 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 35 | 36 | 37 | 38 | {{>navbar }} 39 | 40 |
41 | {{>slider_1 data=carousel}} 42 | 43 |
44 |
45 |

Recommended Movies

46 |
47 |
48 | See All 49 |
50 |
51 | 52 | 53 | {{>slider_2 slider=slider}} 54 | 55 |
56 | 59 |
60 | 61 | {{>slider_3 ev_slider=ev_slider}} 62 | 63 |
64 |
65 |
66 | 67 | 68 |
69 |
70 |
71 |
72 | 73 |
74 |
75 | 76 |
77 |
78 | 79 |
80 |
81 |
82 |
83 | 85 |
86 | 87 |
88 |
89 | 90 |
91 |
92 |
93 | 95 |
96 | 97 |
98 |
99 | 100 |
101 |
102 |
103 | 105 |
106 | 107 |
108 |
109 | 110 |
111 |
112 |
113 | 115 |
116 | 117 |
118 |
119 | 120 |
121 |
122 |
123 | 125 |
126 | 127 |
128 |
129 | 130 |
131 |
132 |
133 | 135 |
136 | 137 |
138 |
139 | 140 |
141 |
142 |
143 | 145 |
146 | 147 |
148 |
149 | 150 |
151 |
152 |
153 | 155 |
156 | 157 |
158 |
159 | 160 |
161 |
162 |
163 | 165 |
166 | 167 |
168 |
169 | 170 |
171 |
172 |
173 | 175 |
176 | 177 |
178 |
179 | 180 |
181 |
182 |
183 |
184 |
185 |
keyboard_arrow_right
186 |
keyboard_arrow_left
187 |
188 |
189 |
190 | 191 |
192 |
193 |
194 | 195 |
196 |
197 | 198 | {{>slider_2 slider=slider}} 199 | 200 |
201 | 202 |
203 |
204 |
205 | 206 |
207 |
208 | 209 | {{>slider_2 slider=slider}} 210 | 211 |
212 |
213 |
214 | Home 215 | → 216 | Movies 217 |
218 |
219 |
220 | {{>footer}} 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | -------------------------------------------------------------------------------- /db.json: -------------------------------------------------------------------------------- 1 | // carousel.create([ 2 | // { 3 | // imgUrl:'/static/images/banner1.png' 4 | // }, 5 | // { 6 | // imgUrl:'/static/images/banner2.png' 7 | // }, 8 | // { 9 | // imgUrl:'/static/images/banner3.png' 10 | // }, 11 | // { 12 | // imgUrl:'/static/images/banner4.png' 13 | // }, 14 | // ]) 15 | 16 | 17 | // Slider.create([ 18 | // { 19 | // id: "1", 20 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC44LzEwICAxMTYuNUsgdm90ZXM%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00037264-njdelwmrpl-portrait.jpg", 21 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/avatar-the-way-of-water-et00037264-1670850986.jpg", 22 | // nam_movie: 'Avtar:The Way of Water', 23 | // jonar: 'Action/Adventure/Fantasy/Sci-Fi', 24 | // mov_rating: "8.9/10", 25 | // mov_votes: "174.3K", 26 | // dimention: "2D,3D,3D SCREEN X,4DX 3D,IMAX 3D", 27 | // lang: "English,Kannada,Malayalam,Tamil,Telugu,Hindi", 28 | // watch_time:"3h 12m", 29 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/avatar-the-way-of-water-et00037264-1670850986.jpg" 30 | // }, 31 | // { 32 | // id: "2", 33 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC43LzEwICA1Ny44SyB2b3Rlcw%3D%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00310792-jbpypqdtub-portrait.jpg", 34 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/black-panther-wakanda-forever-et00310792-1666006244.jpg", 35 | // nam_movie: 'Black Panther:Wakanda...', 36 | // jonar: 'Action/Adventure/Drama', 37 | // mov_rating: "8.7/10", 38 | // mov_votes: "58.5K", 39 | // dimention: "2D,3D,3D SCREEN X,4DX 3D,IMAX 3D", 40 | // lang: "English,Tamil,Telugu,Hindi", 41 | // watch_time:"2h 44m", 42 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/black-panther-wakanda-forever-et00310792-1666006244.jpg" 43 | // }, 44 | // { 45 | // id: "3", 46 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC45LzEwICAxMDIuNEsgdm90ZXM%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00331997-lmpkuaycqf-portrait.jpg", 47 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/drishyam-2-et00331997-1667547668.jpg", 48 | // nam_movie: 'Drishyam 2', 49 | // jonar: 'Drama/Mystery/Thriller', 50 | // mov_rating: "8.9/10", 51 | // mov_votes: "109.2K", 52 | // dimention: "2D", 53 | // lang: "Hindi", 54 | // watch_time:"2h 20m", 55 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/drishyam-2-et00331997-1667547668.jpg" 56 | // }, 57 | // { 58 | // id: "4", 59 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC44LzEwICAyLjNLIHZvdGVz,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00343399-hjnayypkkz-portrait.jpg", 60 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/aum-mangalam-singlem-et00343399-1667194163.jpg", 61 | // nam_movie: 'Aum Mangalam Singlem', 62 | // mov_rating: "8.8/10", 63 | // mov_votes: "2.6K", 64 | // dimention: "2D", 65 | // lang: "Gujarati", 66 | // watch_time:"2h 54m", 67 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/aum-mangalam-singlem-et00343399-1667194163.jpg" 68 | // }, 69 | // { 70 | // id: "5", 71 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-Ny45LzEwICBOZXcgUmVsZWFzZQ%3D%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00342968-ekwayunwgs-portrait.jpg", 72 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/big-dhamaka-et00342968-1666345523.jpg", 73 | // nam_movie: 'Big Dhamaka', 74 | // jonar: 'Action/Comedy/Drama', 75 | // mov_rating: "7.4/10", 76 | // mov_votes: "1.8K", 77 | // dimention: "2D", 78 | // lang: "Hindi", 79 | // watch_time:"2h 19m", 80 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/big-dhamaka-et00342968-1666345523.jpg" 81 | // }, 82 | // { 83 | // id: "6", 84 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC40LzEwICAxNy43SyB2b3Rlcw%3D%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00335262-ygbjbqsahx-portrait.jpg", 85 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/uunchai-et00335262-1665386678.jpg", 86 | // nam_movie: 'Uunchai', 87 | // jonar: 'Adventure/Drama/Family', 88 | // mov_rating: "8.4/10", 89 | // mov_votes: "18.3K", 90 | // dimention: "2D", 91 | // lang: "Hindi", 92 | // watch_time:"2h 49m", 93 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/uunchai-et00335262-1665386678.jpg" 94 | // }, 95 | // { 96 | // id: "7", 97 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC44LzEwICAxLjRLIHZvdGVz,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00348454-aaptlphque-portrait.jpg", 98 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/hit-the-2nd-case-hindi-et00348454-1672045342.jpg", 99 | // nam_movie: 'HIT: The 2nd Case (Hindi)', 100 | // jonar: 'Crime/Mystry/Thriller', 101 | // mov_rating: "8.8/10", 102 | // mov_votes: "1.4K", 103 | // dimention: "2D", 104 | // lang: "Hindi", 105 | // watch_time:"2h", 106 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/hit-the-2nd-case-hindi-et00348454-1672045342.jpg" 107 | // }, 108 | // { 109 | // id: "8", 110 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-Ny44LzEwICAzNi4xSyB2b3Rlcw%3D%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00312739-twjrkftutt-portrait.jpg", 111 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/bhediya-et00312739-1669100599.jpg", 112 | // nam_movie: 'Bhediya', 113 | // jonar: 'Comedy/Thriller', 114 | // mov_rating: "7.8/10", 115 | // mov_votes: "37.9K", 116 | // dimention: "2D,3D", 117 | // lang: "Hindi", 118 | // watch_time:"2h 36m", 119 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/bhediya-et00312739-1669100599.jpg" 120 | // }, 121 | // { 122 | // id: "9", 123 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-Ni42LzEwICAyLjZLIHZvdGVz,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00345156-hgsdravwle-portrait.jpg", 124 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/connect-hindi-et00348709-1672228648.jpg", 125 | // nam_movie: 'Connect', 126 | // jonar: 'Horror/Thriller', 127 | // mov_rating: "6.8/10", 128 | // mov_votes: "304", 129 | // dimention: "2D", 130 | // lang: "Hindi", 131 | // watch_time:"1h 39m", 132 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/big-dhamaka-et00342968-1666345523.jpg" 133 | // }, 134 | // { 135 | // id: "10", 136 | // ImgUrl: "https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OS4yLzEwICAxMDAuOEsgdm90ZXM%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00342025-frzljgfawp-portrait.jpg", 137 | // trailer_img: "https://assets-in.bmscdn.com/iedb/movies/images/mobile/thumbnail/xlarge/kantara-hindi-et00342025-1665304124.jpg", 138 | // nam_movie: 'Kantara(Hindi)', 139 | // jonar: 'Adventure/Drama/Thriller', 140 | // mov_rating: "9.2/10", 141 | // mov_votes: "101 .4K", 142 | // dimention: "2D", 143 | // lang: "Hindi", 144 | // watch_time:"2h 30m", 145 | // bg_img:"https://assets-in.bmscdn.com/iedb/movies/images/mobile/listing/xxlarge/kantara-hindi-et00342025-1665304124.jpg" 146 | // }, 147 | // ]) 148 | 149 | 150 | // Ev_slider.create([ 151 | // { 152 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-MjUrIEV2ZW50cw%3D%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/comedy-shows-collection-202211140440.png' 153 | // }, 154 | // { 155 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-MTArIEV2ZW50cw%3D%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/music-shows-collection-202211140440.png' 156 | // }, 157 | // { 158 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-OCBFdmVudHM%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/esports-collection-202211140440.png' 159 | // }, 160 | // { 161 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-MSBFdmVudA%3D%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/arts-crafts-collection-202211140440.png' 162 | // }, 163 | // { 164 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-NSBFdmVudHM%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/interactive-games-collection-202211140440.png' 165 | // }, 166 | // { 167 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-MiBFdmVudHM%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/upskill-collection-202211140440.png' 168 | // }, 169 | // { 170 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-ODArIEV2ZW50cw%3D%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/theatre-shows-collection-202211140440.png' 171 | // }, 172 | // { 173 | // ImgUrl:'https://assets-in.bmscdn.com/discovery-catalog/collections/tr:w-800,h-800:ote-MzUrIEV2ZW50cw%3D%3D,otc-FFFFFF,otf-Roboto,ots-64,ox-48,oy-320,ott-b:w-300:q-80/adventure-fun-collection-202211140440.png' 174 | // }, 175 | // ]) 176 | 177 | 178 | // movies.create([ 179 | // { 180 | // Imgurl:'https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OS42LzEwICAxMy41SyB2b3Rlcw%3D%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00343245-dsuznechph-portrait.jpg', 181 | // title:'Ved', 182 | // label:"UA", 183 | // lang:"Marathi" 184 | // }, 185 | // { 186 | // Imgurl:'https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC43LzEwICAxNjkuNEsgdm90ZXM%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00037264-njdelwmrpl-portrait.jpg', 187 | // title:'Avtar:The Way of Water', 188 | // label:"UA", 189 | // lang:"English,Hindi,Tamil,Telugu" 190 | // }, 191 | // { 192 | // Imgurl:'https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-NS4xLzEwICAyNC45SyB2b3Rlcw%3D%3D,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00145851-rwxeypugtu-portrait.jpg', 193 | // title:'Cirkus', 194 | // label:"UA", 195 | // lang:"Hindi" 196 | // }, 197 | // { 198 | // Imgurl:'https://assets-in.bmscdn.com/discovery-catalog/events/tr:w-400,h-600,bg-CCCCCC:w-400.0,h-660.0,cm-pad_resize,bg-000000,fo-top:oi-discovery-catalog@@icons@@star-icon-202203010609.png,ox-24,oy-615,ow-29:ote-OC45LzEwICAxMDlLIHZvdGVz,ots-29,otc-FFFFFF,oy-612,ox-70:q-80/et00331997-lmpkuaycqf-portrait.jpg', 199 | // title:'Drishym 2', 200 | // label:"UA", 201 | // lang:"Hindi" 202 | // }, 203 | // ]) -------------------------------------------------------------------------------- /views/partials/footer.hbs: -------------------------------------------------------------------------------- 1 | --------------------------------------------------------------------------------