<commit_before><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
	<meta content="width=device-width, initial-scale=1" name="viewport">
	<meta content="" name="description">
	<meta content="" name="author">
	<title>QA Cinemas</title><!-- Bootstrap Core CSS -->
	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"><!-- Theme CSS -->
	<link href="css/freelancer.min.css" rel="stylesheet"><!-- Custom Fonts -->
	<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="index" id="page-top">
	<div id="skipnav">
		<a href="#maincontent">Skip to main content</a>
	</div><!-- Navigation -->
	<nav class="navbar navbar-default navbar-fixed-top navbar-custom" id="mainNav">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header page-scroll">
				<button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i></button> <a class="navbar-brand" href="#page-top">QA Cinemas</a>
			</div><!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li class="hidden">
						<a href="#page-top"></a>
					</li>
					<li class="page-scroll">
						<a href="#current">Current movies</a>
					</li>
					<li class="page-scroll">
						<a href="#soon">Coming soon</a>
					</li>
					<li class="page-scroll">
						<a href="#about">About</a>
					</li>
					<li class="page-scroll">
						<a href="#classifications">Classifications</a>
					</li>
					<li class="page-scroll">
						<a href="#screens">Screens</a>
					</li>
					<li class="page-scroll">
						<a href="#booking">Ticket bookings</a>
					</li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav><!-- Header -->
	<header>
		<div class="container" id="maincontent" tabindex="-1">
			<div class="row">
				<div class="col-lg-12">
					<div class="intro-text">
						<h1 class="name">QA Cinemas</h1>
						<hr class="star-light">
					</div>
					<img class="img-responsive" src="img/movie-tickets-icon.png">
				</div>
			</div>
		</div>
	</header>


	<!--Current Movies Section -->
	<section id="current">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>Current movies</h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#wonderWoman">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Wonder Woman" class="img-responsive" src="img/movies/wonder-woman.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#captainUnderpants">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Captain Underpants" class="img-responsive" src="img/movies/captain-underpants.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#alienCovenant">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Alien" class="img-responsive" src="img/movies/alien.jpg"></a>
				</div>
				
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#pirates5">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Pirates" class="img-responsive" src="img/movies/pirates.jpg"></a>
				</div>
			</div>
		</div>
	</section>
	
	<!--Coming Soon Section -->
	<section id="soon">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2> Coming Soon to QA Cinemas </h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#allEyez">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Cabin" class="img-responsive" src="img/movies/all-eyez.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#cars3">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Slice of cake" class="img-responsive" src="img/movies/cars3.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#roughNight">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Circus tent" class="img-responsive" src="img/movies/rough-night.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#bookHenry">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Game controller" class="img-responsive" src="img/movies/bookHenry.jpg"></a>
				</div>
			</div>
		</div>
	</section>

	<!-- About Section -->
	<section class="success" id="about">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>About</h2>
					<hr class="star-light">
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-lg-offset-2">
					<p>Welcome to QA Cinemas! We have several locations throughout Philadelphia showing all the new releases. Use this site to find information about the theaters, find showtimes and even book tickets.</p> <br />
					<p>QA Cinemas Hours of Operation:<br />
Monday-Thursday: 9:00 AM - 11:00 PM<br />
Friday-Saturday: 9:00 AM - 1:00 AM<br />
Sunday: 10:00 AM - 11:00 PM
</p>
				</div>
			</div>
		</div>
	</section>

	<!-- Contact Section -->
	<section id="booking">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>Book A Ticket</h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
					<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
					<form id="ticketForm" name="sentMessage" novalidate="">
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="name">Name</label> <input class="form-control" data-validation-required-message="Please enter your name." id="name" placeholder="Name" required="" type="text">
								<p class="help-block text-danger"></p>
							</div>
						</div>
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="email">Email Address</label> <input class="form-control" data-validation-required-message="Please enter your email address." id="email" placeholder="Email Address" required="" type="email">
								<p class="help-block text-danger"></p>
							</div>
						</div>
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="movie">Movie Title</label> <input class="form-control" data-validation-required-message="What movie do you want to see." id="movie" placeholder="Movie Title" required="" type="text">
								<p class="help-block text-danger"></p>
							</div>
						</div>
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="message">Message</label> 
								<textarea class="form-control" data-validation-required-message="Please enter a message." id="message" placeholder="Message" required="" rows="5"></textarea>
								<p class="help-block text-danger"></p>
							</div>
						</div><br>
						<div id="success"></div>
						<div class="row">
							<div class="form-group col-xs-12">
								<button class="btn btn-success btn-lg" type="submit">Send</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</section>
	
	<!-- Footer -->
    <footer class="text-center">
		<div class="footer-below">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						Copyright &copy; Your Website 2016
					</div>
				</div>
			</div>
		</div>
	</footer>
	
	<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
	<div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
		<a class="btn btn-primary" href="#page-top"><i class="fa fa-chevron-up"></i></a>
	</div>
	
	<!-- Portfolio Modals -->
<div aria-hidden="true" class="portfolio-modal modal fade" id="wonderWoman" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img src="http://www.theouthousers.com/images/jce/sdsichero/2017/05/wonderwomanbraceletposter.jpg" height="25%" width="25%">
<h1>Wonder Woman</h1>
<div><h3>Director: </h3> <p><NAME></p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME>right</p></div>
<p><h3>Description: </h3> Before she was Wonder Woman she was Diana, princess of the Amazons, trained warrior. When a pilot crashes and tells of conflict in the outside world, she leaves home to fight a war to end all wars, discovering her full powers and true destiny.</p>
<p><h3>Showtimes: </h3> Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>

</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="captainUnderpants" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
<img src="http://oceanofmovies.ws/wp-content/uploads/2017/04/Captain-Underpants-The-First-Epic-Movie-Full-Movie-Download-Free-720p-Free-Movies-Download.jpg" height="25%" width="25%">
<h1>Captain Underpants: The First Epic Movie</h1>
<div><h3>Director: </h3> <p><NAME></p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME></p></div>
<p><h3>Description: </h3> Two overly imaginative pranksters named George and Harold, hypnotize their principal into thinking he's a ridiculously enthusiastic, incredibly dimwitted superhero named Captain Underpants. </p>
<p><h3>Showtimes: </h3> Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>
							
</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="alienCovenant" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							
<img src="http://pics.filmaffinity.com/alien_covenant-271063602-large.jpg" height="25%" width="25%">
<h1>Alien: Covenant</h1>
<div><h3>Director: </h3> <p><NAME></p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME> </p></div>
<p><h3>Description: </h3>The crew of a colony ship, bound for a remote planet, discover an uncharted paradise with a threat beyond their imagination, and must attempt a harrowing escape. </p>
<p><h3>Showtimes: </h3> Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>

</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="pirates5" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">

<img src="http://media.comicbook.com/2017/02/pirates-of-the-caribbean-poster-dead-men-tell-no-tales-poster-1-233121.jpg" height="25%" width="25%">
<h1>Pirates of the Caribbean: Dead Men Tell No Tales</h1>
<div><h3>Director: </h3> <p><NAME>, <NAME> </p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME></p></div>
<p><h3>Description: </h3>Captain <NAME> searches for the trident of Poseidon while being pursued by an undead sea captain and his crew.</p>
<p><h3>Showtimes: </h3>Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>
							

</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="allEyez" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/safe.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="cars3" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/submarine.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" id="btnSubmit" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="roughNight" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/submarine.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" id="btnSubmit" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="bookHenry" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/submarine.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" id="btnSubmit" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!-- jQuery -->
	<script src="vendor/jquery/jquery.min.js">
	</script> <!-- Bootstrap Core JavaScript -->
	 
	<script src="vendor/bootstrap/js/bootstrap.min.js">
	</script> <!-- Plugin JavaScript -->
	 
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js">
	</script> <!-- Contact Form JavaScript -->
	 
	<script src="js/jqBootstrapValidation.js">
	</script> 
	<script src="js/contact_me.js">
	</script> <!-- Theme JavaScript -->
	 
	<script src="js/freelancer.min.js">
	</script>
</body>
</html><commit_msg>Added Classification Section<commit_after><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta content="IE=edge" http-equiv="X-UA-Compatible">
	<meta content="width=device-width, initial-scale=1" name="viewport">
	<meta content="" name="description">
	<meta content="" name="author">
	<title>QA Cinemas</title><!-- Bootstrap Core CSS -->
	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"><!-- Theme CSS -->
	<link href="css/freelancer.min.css" rel="stylesheet"><!-- Custom Fonts -->
	<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"><!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="index" id="page-top">
	<div id="skipnav">
		<a href="#maincontent">Skip to main content</a>
	</div><!-- Navigation -->
	<nav class="navbar navbar-default navbar-fixed-top navbar-custom" id="mainNav">
		<div class="container">
			<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header page-scroll">
				<button class="navbar-toggle" data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i></button> <a class="navbar-brand" href="#page-top">QA Cinemas</a>
			</div><!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav navbar-right">
					<li class="hidden">
						<a href="#page-top"></a>
					</li>
					<li class="page-scroll">
						<a href="#current">Current movies</a>
					</li>
					<li class="page-scroll">
						<a href="#soon">Coming soon</a>
					</li>
					<li class="page-scroll">
						<a href="#about">About</a>
					</li>
					<li class="page-scroll">
						<a href="#classifications">Classifications</a>
					</li>
					<li class="page-scroll">
						<a href="#screens">Screens</a>
					</li>
					<li class="page-scroll">
						<a href="#booking">Ticket bookings</a>
					</li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav><!-- Header -->
	<header>
		<div class="container" id="maincontent" tabindex="-1">
			<div class="row">
				<div class="col-lg-12">
					<div class="intro-text">
						<h1 class="name">QA Cinemas</h1>
						<hr class="star-light">
					</div>
					<img class="img-responsive" src="img/movie-tickets-icon.png">
				</div>
			</div>
		</div>
	</header>


	<!--Current Movies Section -->
	<section id="current">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>Current movies</h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#wonderWoman">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Wonder Woman" class="img-responsive" src="img/movies/wonder-woman.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#captainUnderpants">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Captain Underpants" class="img-responsive" src="img/movies/captain-underpants.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#alienCovenant">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Alien" class="img-responsive" src="img/movies/alien.jpg"></a>
				</div>
				
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#pirates5">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Pirates" class="img-responsive" src="img/movies/pirates.jpg"></a>
				</div>
			</div>
		</div>
	</section>
	
	<!--Coming Soon Section -->
	<section id="soon">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2> Coming Soon to QA Cinemas </h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#allEyez">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Cabin" class="img-responsive" src="img/movies/all-eyez.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#cars3">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Slice of cake" class="img-responsive" src="img/movies/cars3.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#roughNight">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Circus tent" class="img-responsive" src="img/movies/rough-night.jpg"></a>
				</div>
				<div class="col-sm-4 portfolio-item">
					<a class="portfolio-link" data-toggle="modal" href="#bookHenry">
					<div class="caption">
						<div class="caption-content">
							<i class="fa fa-search-plus fa-3x"></i>
						</div>
					</div><img alt="Game controller" class="img-responsive" src="img/movies/bookHenry.jpg"></a>
				</div>
			</div>
		</div>
	</section>

	<!-- About Section -->
	<section class="success" id="about">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>About</h2>
					<hr class="star-light">
				</div>
			</div>
			<div class="row">
				<div class="col-lg-4 col-lg-offset-2">
					<p>Welcome to QA Cinemas! We have several locations throughout Philadelphia showing all the new releases. Use this site to find information about the theaters, find showtimes and even book tickets.</p> <br />
					<p>QA Cinemas Hours of Operation:<br />
Monday-Thursday: 9:00 AM - 11:00 PM<br />
Friday-Saturday: 9:00 AM - 1:00 AM<br />
Sunday: 10:00 AM - 11:00 PM
</p>
				</div>
			</div>
		</div>
	</section>

	<!-- Classifications Section -->
	<section class="success" id="classifications">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>Classifications</h2>
					<hr class="star-light">
				</div>
			</div>
			<div class="row">
				<div class="col-sm-4 col-lg-offset-4 portfolio-item">
					<img alt="Classifications" class="img-responsive" src="img/Movie Classifications.png">
				</div>
			</div>
			<div class="row">
				<div class="col-lg-6 col-lg-offset-4">
					<br/>
					<p><a href="http://filmratings.com/RatingsGuide" style="color:white">Click for more information on classifications!</a></p><br/>
				</div>
			</div>

		</div>
	</section>

	<!-- Contact Section -->
	<section id="booking">
		<div class="container">
			<div class="row">
				<div class="col-lg-12 text-center">
					<h2>Book A Ticket</h2>
					<hr class="star-primary">
				</div>
			</div>
			<div class="row">
				<div class="col-lg-8 col-lg-offset-2">
					<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
					<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
					<form id="ticketForm" name="sentMessage" novalidate="">
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="name">Name</label> <input class="form-control" data-validation-required-message="Please enter your name." id="name" placeholder="Name" required="" type="text">
								<p class="help-block text-danger"></p>
							</div>
						</div>
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="email">Email Address</label> <input class="form-control" data-validation-required-message="Please enter your email address." id="email" placeholder="Email Address" required="" type="email">
								<p class="help-block text-danger"></p>
							</div>
						</div>
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="movie">Movie Title</label> <input class="form-control" data-validation-required-message="What movie do you want to see." id="movie" placeholder="Movie Title" required="" type="text">
								<p class="help-block text-danger"></p>
							</div>
						</div>
						<div class="row control-group">
							<div class="form-group col-xs-12 floating-label-form-group controls">
								<label for="message">Message</label> 
								<textarea class="form-control" data-validation-required-message="Please enter a message." id="message" placeholder="Message" required="" rows="5"></textarea>
								<p class="help-block text-danger"></p>
							</div>
						</div><br>
						<div id="success"></div>
						<div class="row">
							<div class="form-group col-xs-12">
								<button class="btn btn-success btn-lg" type="submit">Send</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</section>
	
	<!-- Footer -->
    <footer class="text-center">
		<div class="footer-below">
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						Copyright &copy; Your Website 2016
					</div>
				</div>
			</div>
		</div>
	</footer>
	
	<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
	<div class="scroll-top page-scroll hidden-sm hidden-xs hidden-lg hidden-md">
		<a class="btn btn-primary" href="#page-top"><i class="fa fa-chevron-up"></i></a>
	</div>
	
	<!-- Portfolio Modals -->
<div aria-hidden="true" class="portfolio-modal modal fade" id="wonderWoman" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img src="http://www.theouthousers.com/images/jce/sdsichero/2017/05/wonderwomanbraceletposter.jpg" height="25%" width="25%">
<h1>Wonder Woman</h1>
<div><h3>Director: </h3> <p><NAME></p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME></p></div>
<p><h3>Description: </h3> Before she was Wonder Woman she was Diana, princess of the Amazons, trained warrior. When a pilot crashes and tells of conflict in the outside world, she leaves home to fight a war to end all wars, discovering her full powers and true destiny.</p>
<p><h3>Showtimes: </h3> Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>

</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="captainUnderpants" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
<img src="http://oceanofmovies.ws/wp-content/uploads/2017/04/Captain-Underpants-The-First-Epic-Movie-Full-Movie-Download-Free-720p-Free-Movies-Download.jpg" height="25%" width="25%">
<h1>Captain Underpants: The First Epic Movie</h1>
<div><h3>Director: </h3> <p><NAME></p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME></p></div>
<p><h3>Description: </h3> Two overly imaginative pranksters named George and Harold, hypnotize their principal into thinking he's a ridiculously enthusiastic, incredibly dimwitted superhero named Captain Underpants. </p>
<p><h3>Showtimes: </h3> Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>
							
</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="alienCovenant" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							
<img src="http://pics.filmaffinity.com/alien_covenant-271063602-large.jpg" height="25%" width="25%">
<h1>Alien: Covenant</h1>
<div><h3>Director: </h3> <p><NAME></p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME> </p></div>
<p><h3>Description: </h3>The crew of a colony ship, bound for a remote planet, discover an uncharted paradise with a threat beyond their imagination, and must attempt a harrowing escape. </p>
<p><h3>Showtimes: </h3> Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>

</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="pirates5" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">

<img src="http://media.comicbook.com/2017/02/pirates-of-the-caribbean-poster-dead-men-tell-no-tales-poster-1-233121.jpg" height="25%" width="25%">
<h1>Pirates of the Caribbean: Dead Men Tell No Tales</h1>
<div><h3>Director: </h3> <p><NAME>, <NAME> </p></div>
<div><h3>Starring: </h3> <p><NAME>, <NAME>, <NAME></p></div>
<p><h3>Description: </h3>Captain <NAME> searches for the trident of Poseidon while being pursued by an undead sea captain and his crew.</p>
<p><h3>Showtimes: </h3>Monday - Thursday: 3:00 PM, 5:30 PM, 10:00 PM Friday - Sunday: 3:00 PM, 5:30 PM, 10:00 PM, 11:00 PM 1:00 AM</p>
							

</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="allEyez" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/safe.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="cars3" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/submarine.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" id="btnSubmit" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="roughNight" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/submarine.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" id="btnSubmit" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div aria-hidden="true" class="portfolio-modal modal fade" id="bookHenry" role="dialog" tabindex="-1">
		<div class="modal-content">
			<div class="close-modal" data-dismiss="modal">
				<div class="lr">
					<div class="rl"></div>
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2">
						<div class="modal-body">
							<h2>Project Title</h2>
							<hr class="star-primary">
							<img alt="" class="img-responsive img-centered" src="img/portfolio/submarine.png">
							<p>Use this area of the page to describe your project. The icon above is part of a free icon set by <a href="https://sellfy.com/p/8Q9P/jV3VZ/">Flat Icons</a>. On their website, you can download their free set with 16 icons, or you can purchase the entire set with 146 icons for only $12!</p>
							<ul class="list-inline item-details">
								<li>Client: <strong><a href="http://startbootstrap.com">Start Bootstrap</a></strong></li>
								<li>Date: <strong><a href="http://startbootstrap.com">April 2014</a></strong></li>
								<li>Service: <strong><a href="http://startbootstrap.com">Web Development</a></strong></li>
							</ul><button class="btn btn-default" data-dismiss="modal" id="btnSubmit" type="button"><i class="fa fa-times"></i> Close</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div><!-- jQuery -->
	<script src="vendor/jquery/jquery.min.js">
	</script> <!-- Bootstrap Core JavaScript -->
	 
	<script src="vendor/bootstrap/js/bootstrap.min.js">
	</script> <!-- Plugin JavaScript -->
	 
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js">
	</script> <!-- Contact Form JavaScript -->
	 
	<script src="js/jqBootstrapValidation.js">
	</script> 
	<script src="js/contact_me.js">
	</script> <!-- Theme JavaScript -->
	 
	<script src="js/freelancer.min.js">
	</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.19923444071641228, 'fraction_numerical': 0.01970606304049903, 'mean_word_length': 3.3994802494802494, 'pattern_counts': {'":': 0, '<': 1524, '<?xml version=': 0, '>': 1524, 'https://': 18, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 20, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4364578', 'n_tokens_mistral': 17959, 'n_tokens_neox': 14333, 'n_words': 3471}