You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
482 lines
14 KiB
482 lines
14 KiB
<!DOCTYPE HTML> |
|
<html lang="zxx"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|
<title>Moviepoint - Online Movie,Vedio and TV Show HTML Template</title> |
|
<!-- Favicon Icon --> |
|
<link rel="icon" type="image/png" href="assets/img/favcion.png" /> |
|
<!-- Bootstrap CSS --> |
|
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css" media="all" /> |
|
<!-- Slick nav CSS --> |
|
<link rel="stylesheet" type="text/css" href="assets/css/slicknav.min.css" media="all" /> |
|
<!-- Iconfont CSS --> |
|
<link rel="stylesheet" type="text/css" href="assets/css/icofont.css" media="all" /> |
|
<!-- Owl carousel CSS --> |
|
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css"> |
|
<!-- Popup CSS --> |
|
<link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.css"> |
|
<!-- Main style CSS --> |
|
<link rel="stylesheet" type="text/css" href="assets/css/style.css" media="all" /> |
|
<!-- Responsive CSS --> |
|
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css" media="all" /> |
|
<!--[if lt IE 9]> |
|
<script src="http://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> |
|
<script src="http://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> |
|
<![endif]--> |
|
</head> |
|
<body> |
|
|
|
|
|
|
|
<!-- Page loader --> |
|
<div id="preloader"></div> |
|
<!-- header section start --> |
|
<header class="header"> |
|
<div class="container"> |
|
<div class="header-area"> |
|
<div class="logo"> |
|
<a href="index.html"><img src="assets/img/logo.png" alt="logo" /></a> |
|
</div> |
|
<div class="header-right"> |
|
<form action="#"> |
|
<select> |
|
<option value="Movies">Movies</option> |
|
<option value="Movies">Movies</option> |
|
<option value="Movies">Movies</option> |
|
</select> |
|
<input type="text"/> |
|
<button><i class="icofont icofont-search"></i></button> |
|
</form> |
|
<ul> |
|
<li><a href="#">Welcome Guest!</a></li> |
|
<li><a class="login-popup" href="#">Login</a></li> |
|
</ul> |
|
</div> |
|
<div class="menu-area"> |
|
<div class="responsive-menu"></div> |
|
<div class="mainmenu"> |
|
<ul id="primary-menu"> |
|
<li><a href="index.html">Home</a></li> |
|
<li><a href="movies.html">Movies</a></li> |
|
<li><a href="celebrities.html">CelebritiesList</a></li> |
|
<li><a href="top-movies.html">Top Movies</a></li> |
|
<li><a class="active" href="blog.html">News</a></li> |
|
<li><a href="#">Pages <i class="icofont icofont-simple-down"></i></a> |
|
<ul> |
|
<li><a href="blog-details.html">Blog Details</a></li> |
|
<li><a href="movie-details.html">Movie Details</a></li> |
|
</ul> |
|
</li> |
|
<li><a class="theme-btn" href="#"><i class="icofont icofont-ticket"></i> Tickets</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</header> |
|
<div class="login-area"> |
|
<div class="login-box"> |
|
<a href="#"><i class="icofont icofont-close"></i></a> |
|
<h2>LOGIN</h2> |
|
<form action="#"> |
|
<h6>USERNAME OR EMAIL ADDRESS</h6> |
|
<input type="text" /> |
|
<h6>PASSWORD</h6> |
|
<input type="text" /> |
|
<div class="login-remember"> |
|
<input type="checkbox" /> |
|
<span>Remember Me</span> |
|
</div> |
|
<div class="login-signup"> |
|
<span>SIGNUP</span> |
|
</div> |
|
<a href="#" class="theme-btn">LOG IN</a> |
|
<span>Or Via Social</span> |
|
<div class="login-social"> |
|
<a href="#"><i class="icofont icofont-social-facebook"></i></a> |
|
<a href="#"><i class="icofont icofont-social-twitter"></i></a> |
|
<a href="#"><i class="icofont icofont-social-linkedin"></i></a> |
|
<a href="#"><i class="icofont icofont-social-google-plus"></i></a> |
|
<a href="#"><i class="icofont icofont-camera"></i></a> |
|
</div> |
|
</form> |
|
|
|
</div> |
|
</div> |
|
<div class="buy-ticket"> |
|
<div class="container"> |
|
<div class="buy-ticket-area"> |
|
<a href="#"><i class="icofont icofont-close"></i></a> |
|
<div class="row"> |
|
<div class="col-lg-8"> |
|
<div class="buy-ticket-box"> |
|
<h4>Buy Tickets</h4> |
|
<h5>Seat</h5> |
|
<h6>Screen</h6> |
|
<div class="ticket-box-table"> |
|
<table class="ticket-table-seat"> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
</table> |
|
<table> |
|
<tr> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>2</td> |
|
</tr> |
|
<tr> |
|
<td>3</td> |
|
</tr> |
|
<tr> |
|
<td>4</td> |
|
</tr> |
|
<tr> |
|
<td>5</td> |
|
</tr> |
|
</table> |
|
<table class="ticket-table-seat"> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td class="active">1</td> |
|
<td class="active">1</td> |
|
<td class="active">1</td> |
|
<td class="active">1</td> |
|
<td class="active">1</td> |
|
<td class="active">1</td> |
|
<td class="active">1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
</table> |
|
<table> |
|
<tr> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>2</td> |
|
</tr> |
|
<tr> |
|
<td>3</td> |
|
</tr> |
|
<tr> |
|
<td>4</td> |
|
</tr> |
|
<tr> |
|
<td>5</td> |
|
</tr> |
|
</table> |
|
<table class="ticket-table-seat"> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
<tr> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
<td>1</td> |
|
</tr> |
|
</table> |
|
</div> |
|
<div class="ticket-box-available"> |
|
<input type="checkbox" /> |
|
<span>Available</span> |
|
<input type="checkbox" checked /> |
|
<span>Unavailable</span> |
|
<input type="checkbox" /> |
|
<span>Selected</span> |
|
</div> |
|
<a href="#" class="theme-btn">previous</a> |
|
<a href="#" class="theme-btn">Next</a> |
|
</div> |
|
</div> |
|
<div class="col-lg-3 offset-lg-1"> |
|
<div class="buy-ticket-box mtr-30"> |
|
<h4>Your Information</h4> |
|
<ul> |
|
<li> |
|
<p>Location</p> |
|
<span>HB Cinema Box Corner</span> |
|
</li> |
|
<li> |
|
<p>TIME</p> |
|
<span>2018.07.09 20:40</span> |
|
</li> |
|
<li> |
|
<p>Movie name</p> |
|
<span>Home Alone</span> |
|
</li> |
|
<li> |
|
<p>Ticket number</p> |
|
<span>2 Adults, 2 Children, 2 Seniors</span> |
|
</li> |
|
<li> |
|
<p>Price</p> |
|
<span>89$</span> |
|
</li> |
|
</ul> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div><!-- header section end --> |
|
<!-- breadcrumb area start --> |
|
<section class="breadcrumb-area"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-lg-12"> |
|
<div class="breadcrumb-area-content"> |
|
<h1>Blog Page</h1> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section><!-- breadcrumb area end --> |
|
<!-- blog area start --> |
|
<section class="blog-area"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-lg-12"> |
|
<div class="section-title pb-20"> |
|
<h1><i class="icofont icofont-coffee-cup"></i> Latest News</h1> |
|
</div> |
|
</div> |
|
</div> |
|
<hr /> |
|
<div class="row"> |
|
<div class="col-lg-12"> |
|
<div class="single-news"> |
|
<div class="news-bg-1"></div> |
|
<div class="news-date"> |
|
<h2><span>NOV</span> 25</h2> |
|
<h1>2017</h1> |
|
</div> |
|
<div class="news-content"> |
|
<h2>The Witch Queen</h2> |
|
<p>Witch Queen is a tall woman with a slim build. She has pink hair, which is pulled up under her hat, and teal eyes.</p> |
|
</div> |
|
<a href="#">Read More</a> |
|
</div> |
|
<div class="single-news"> |
|
<div class="news-bg-2"></div> |
|
<div class="news-date"> |
|
<h2><span>NOV</span> 25</h2> |
|
<h1>2017</h1> |
|
</div> |
|
<div class="news-content"> |
|
<h2>The Witch Queen</h2> |
|
<p>Witch Queen is a tall woman with a slim build. She has pink hair, which is pulled up under her hat, and teal eyes.</p> |
|
</div> |
|
<a href="#">Read More</a> |
|
</div> |
|
<div class="single-news"> |
|
<div class="news-bg-3"></div> |
|
<div class="news-date"> |
|
<h2><span>NOV</span> 25</h2> |
|
<h1>2017</h1> |
|
</div> |
|
<div class="news-content"> |
|
<h2>The Witch Queen</h2> |
|
<p>Witch Queen is a tall woman with a slim build. She has pink hair, which is pulled up under her hat, and teal eyes.</p> |
|
</div> |
|
<a href="#">Read More</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</section><!-- blog area end --> |
|
<!-- footer section start --> |
|
<footer class="footer"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="widget"> |
|
<img src="assets/img/logo.png" alt="about" /> |
|
<p>7th Harley Place, London W1G 8LZ United Kingdom</p> |
|
<h6><span>Call us: </span>(+880) 111 222 3456</h6> |
|
</div> |
|
</div> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="widget"> |
|
<h4>Legal</h4> |
|
<ul> |
|
<li><a href="#">Terms of Use</a></li> |
|
<li><a href="#">Privacy Policy</a></li> |
|
<li><a href="#">Security</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="widget"> |
|
<h4>Account</h4> |
|
<ul> |
|
<li><a href="#">My Account</a></li> |
|
<li><a href="#">Watchlist</a></li> |
|
<li><a href="#">Collections</a></li> |
|
<li><a href="#">User Guide</a></li> |
|
</ul> |
|
</div> |
|
</div> |
|
<div class="col-lg-3 col-sm-6"> |
|
<div class="widget"> |
|
<h4>Newsletter</h4> |
|
<p>Subscribe to our newsletter system now to get latest news from us.</p> |
|
<form action="#"> |
|
<input type="text" placeholder="Enter your email.."/> |
|
<button>SUBSCRIBE NOW</button> |
|
</form> |
|
</div> |
|
</div> |
|
</div> |
|
<hr /> |
|
</div> |
|
<div class="copyright"> |
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-lg-6 text-center text-lg-left"> |
|
<div class="copyright-content"> |
|
<p>© 2018 MoviePoint. All Rights <a href="http://www.17sucai.com/">Reserved</a>. Designed by themerocket</p> |
|
</div> |
|
</div> |
|
<div class="col-lg-6 text-center text-lg-right"> |
|
<div class="copyright-content"> |
|
<a href="#" class="scrollToTop"> |
|
Back to top<i class="icofont icofont-arrow-up"></i> |
|
</a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</footer><!-- footer section end --> |
|
<!-- jquery main JS --> |
|
<script src="assets/js/jquery.min.js"></script> |
|
<!-- Bootstrap JS --> |
|
<script src="assets/js/bootstrap.min.js"></script> |
|
<!-- Slick nav JS --> |
|
<script src="assets/js/jquery.slicknav.min.js"></script> |
|
<!-- owl carousel JS --> |
|
<script src="assets/js/owl.carousel.min.js"></script> |
|
<!-- Popup JS --> |
|
<script src="assets/js/jquery.magnific-popup.min.js"></script> |
|
<!-- Isotope JS --> |
|
<script src="assets/js/isotope.pkgd.min.js"></script> |
|
<!-- main JS --> |
|
<script src="assets/js/main.js"></script> |
|
</body> |
|
</html>
|
|
|