<?php if(!defined('IN_GS')){ die('You cannot load this page directly.'); }?>
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title><?php get_page_clean_title(); ?> - <?php get_site_name(); ?> - Woodbridge, NJ 07095</title>
	<?php get_header(); ?>
	<meta name="robots" content="index, follow" />
	<link media="all" rel="stylesheet" href="<?php get_theme_url(); ?>/css/main.css">
	<!--[if IE]>
		<script type="text/javascript" src="<?php get_theme_url(); ?>/js/ie.js"></script>
	<![endif]-->
</head>
<body id="<?php get_page_slug(); ?>" >
	<!-- main container of all the page elements -->
	<div id="wrapper">
		<!-- header of the page -->
		<header id="header">
			<!-- page logo -->
			<div class="logo"><a href="<?php get_site_url(); ?>"><img src="<?php get_theme_url(); ?>/images/logo.png" alt="Strawberry's Pub & Pizza"></a></div>
			<!-- main navigation of the page -->
			<nav id="nav">
				<ul>
					<?php get_navigation(return_page_slug()); ?>
				</ul>
			</nav>
		</header>
		<!-- contain the main content of the page -->
		<main id="main">
			<section class="content-box">
				<h1><?php get_page_title(); ?></h1>
				<?php get_page_content(); ?>
			</section>
			<!-- bg slider of the page -->
			<div id="bg-slider">
				<script>
			$("#bg-slider").backstretch([
				"<?php get_theme_url(); ?>/images/img01.jpg",
				"<?php get_theme_url(); ?>/images/img02.jpg",
				"<?php get_theme_url(); ?>/images/img03.jpg",
				"<?php get_theme_url(); ?>/images/img04.jpg",
				"<?php get_theme_url(); ?>/images/img05.jpg",
				"<?php get_theme_url(); ?>/images/img06.jpg",
				"<?php get_theme_url(); ?>/images/img07.jpg",
				"<?php get_theme_url(); ?>/images/img08.jpg"
			], {
					fade: 750,
					duration: 6000
			});
		</script>
			</div>
		</main>
		<!-- footer of the page -->
		<footer id="footer">
			<div class="holder">
				<div class="box">
					<address class="col"><span>110 AMBOY AVENUE &nbsp; WOODBRIDGE, NEW JERSEY</span><a href="tel:7326343131" class="tel"><i class="icon fa fa-mobile"></i> 732.634.3131</a></address>
					<div class="col">
						<time datetime="2015-04-04" class="txt">we're open 7 days a week!</time>
						<!-- social networks of the page -->
						<ul class="social-networks">
							<?php get_component('social-networks'); ?>
						</ul>
					</div>
				</div>
			</div>
		</footer>
	</div>
	<!-- include jQuery library -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
	<script type="text/javascript">window.jQuery || document.write('<script src="<?php get_theme_url(); ?>/js/jquery-1.11.2.min.js"><\/script>')</script>
	<!-- include slider JavaScript -->
	<script src="<?php get_theme_url(); ?>/js/jquery.backstretch.min.js"></script>
		<script>
			$("#bg-slider").backstretch([
				"<?php get_theme_url(); ?>/images/img01.jpg",
				"<?php get_theme_url(); ?>/images/img02.jpg",
				"<?php get_theme_url(); ?>/images/img03.jpg",
				"<?php get_theme_url(); ?>/images/img04.jpg",
				"<?php get_theme_url(); ?>/images/img05.jpg",
				"<?php get_theme_url(); ?>/images/img06.jpg",
				"<?php get_theme_url(); ?>/images/img07.jpg",
				"<?php get_theme_url(); ?>/images/img08.jpg"
			], {
					fade: 750,
					duration: 6000
			});
		</script>
</body>
</html>