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

<!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>&copy; 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>