<?php
	/////////////////////////////////////////////////////////////////////////////////
	// UNCOMMENT TO CREATE SPECIFIC META TAGS FOR THIS PAGE
	// WHICH ALSO DISPLAY WHEN ANYONE SHARES THIS PAGE
	global $website_title;
	$website_title = "YourBrand Sitemap by BASE lists all the major pages that come pre-built with the BASE Framework + BASE Pages.";

	global $website_description;
	$website_description = "The BASE Sitemap lists all the main pages that come with the BASE Framework out-of-the-box.";

	global $website_image;
	$website_image = "https://base.basepages.com/static/share_banner.jpg";
	/////////////////////////////////////////////////////////////////////////////////
	include('views/_header_m.tpl.php');
?>
<!--<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css" rel="stylesheet">-->

<script type="text/javascript">
$(document).ready(function() {

});	
</script>

<!-- MAY WANT TO REMOVE THE OVERFLOW HIDDEN STYLES, SO THE PAGE IS SCROLLABLE -->
<style type="text/css">
	html {
		/*overflow:hidden !important;*/
	}
	body { height:100%; overflow:auto; }
	.spacer { padding-top: 60px; }
	a, a:active, a:hover, a:link, a:visited, a:hover {
		color:#008dea;
		font-weight:600;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: Montserrat,'Open Sans',Helvetica,Verdana,sans-serif;
	} 
	a:hover {
		color:#40caff;
	}
	.home-feature-category {
		font-size: 17px; line-height:27px;
	}
	
	h2 {
		color:#ccc;
		font-weight: 400;
		font-size: 36px;
		line-height:46px;
		font-family: Montserrat,'Open Sans',Helvetica,Verdana,sans-serif;
		margin-top:0px;
		margin-bottom:15px;
	}
	
	.grid_6 {
		margin-left: 0; 
		margin-right:0;
		padding-right:25px;
		line-height:35px;
	}
	
	ul.sitemap li { 
		line-height:27px;
		margin-bottom:10px;
	}
	
/* ######################################################### */
/*                       MOBILE STYLES                       */
/* ######################################################### */


/******************************************************************************/ 
/***************        LARGE DESKTOP DISPLAY SCREENS         *****************/
/******************************************************************************/ 
/* So, iMac is 2554 */
/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
@media (min-width: 2554px) and (max-width: 3200px) {

}	

/******************************************************************************/ 
/***************      VERY LARGE DESKTOP DISPLAY SCREENS      *****************/
/******************************************************************************/ 
/* This is the 2nd screen connected to the iMac */
/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
@media (min-width: 1922px) and (max-width: 2553px) {

}	

/******************************************************************************/ 
/***************      VERY LARGE DESKTOP DISPLAY SCREENS      *****************/
/******************************************************************************/ 
/* This is the 2nd screen connected to the iMac */
/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
@media (min-width: 1920px) and (max-width: 1921px) {

}	
	
/******************************************************************************/ 
/***************        LARGE DESKTOP DISPLAY SCREENS         *****************/
/******************************************************************************/ 

/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
@media (min-width: 1441px) and (max-width: 1919px) {

}		

/******************************************************************************/ 
/***************        MACBOOK AIR DISPLAY SCREENS         *****************/
/******************************************************************************/ 

/*@media screen and (min-width:  1367px), screen and (max-width:  3200px) { */
@media (min-width: 1367px) and (max-width: 1440px) {

}	

/******************************************************************************/ 
/***************      SMALLER THAN FULL SCREEN MACBOOK        *****************/
/******************************************************************************/ 

@media (min-width: 1364px) and (max-width: 1366px) {

}	
	
/******************************************************************************/ 
/***************       MACBOOK AIR SCREENS AND 1280 X 800     *****************/
/******************************************************************************/ 

@media (min-width: 1280px) and (max-width: 1363px) {

}		

/******************************************************************************/ 
/********************             Larger iPads           **********************/
/******************************************************************************/ 

@media (min-width: 1024px) and (max-width: 1279px) {

}

/* Landscape tablet to iPads */
@media (min-width: 980px) and (max-width: 1024px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	
}

/* Landscape phones and down */
@media (max-width: 587px) {
	.grid_6 {
		margin-left: 0;
		margin-right: 0;
		padding-right: 15px;
		padding-left:15px;
	}
	h1 {
		padding-right: 15px;
		padding-left: 15px;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {

}	

/* Older phones with super small screens */
@media (max-width: 320px) {

}	
</style>

<div class="home-feature-category" style="background:none; border:none;">
    <div class="container_12 clearfix">
        <div class="grid_12 marked-category">
        
			<h1 style="">
				<a href="/" title="Back Home" style="font-weight:300;">&laquo;</a> SITEMAP
			</h1>
			
			<div class="grid_6 blockit">
					
				<h2>CORE PAGES</h2>
				
				<ul class="sitemap">
					<li>
						<a href="/" title="View Home page">Home</a> - with mobile &amp; desktop versions +
						built-in subscribe form
					</li>
					<li>
						<a href="/about" title="View About page">About</a> - Templated or CMS option
					</li>
					<li>
						<a href="/contact" title="View Contact page">Contact</a> - with Form and already
						integrated with Google ReCaptcha
					</li>
					<li>
						<a href="/faqs" title="View FAQs page">FAQs</a> - Dynamic, Admin-controlled
						FAQ List
					</li>
				</ul>

				<br />
				
				<h2>TEMPLATED PAGES</h2>
				
				<ul class="sitemap">
					<li>
						<a href="/welcome" title="View Welcome page">Welcome</a>
					</li>
					<li>
						<a href="/minimal" title="View Minimal page">Minimal</a>
					</li>
					<li>
						<a href="/general" title="View General page">General</a>
					</li>
					<li>
						<a href="/creators" title="View Example page">Creator (Example page)</a>
					</li>
					<li>
						<a href="/comingsoon" title="View Coming Soon page">Coming Soon</a>
					</li>
					<li>
						<a href="/template" title="View Template page">Template</a>
					</li>
					<li>
						<a href="/templates" title="View Super Basic page">Super Basic</a>
					</li>
				</ul>
				<br />
				
			</div>
			
			<div class="grid_6 blockit">
			
				<h2>CMS PAGES</h2>
				
				<ul class="sitemap">
					<li>
						<a href="/terms" title="View Terms page">Terms</a>
					</li>
					<li>
						<a href="/privacy" title="View Privacy page">Privacy</a>
					</li>
				</ul>
				
				<br />
				
				<h2>DYNAMIC PAGES</h2>
				
				<ul class="sitemap">
					<li>
						<a href="/admin/" title="View Admin page" style="color:#ff0000;">Admin</a>
					</li>
					<li>
						<a href="/profile/edit" title="View Edit Account page">Edit Account</a>
					</li>
					<li>
						<a href="/auth/login" title="View Edit Account page">Login</a>
					</li>
					<li>
						<a href="/auth/join" title="View Edit Account page">Sign Up</a>
					</li>
					<li>
						<a href="/auth/forgot" title="View Edit Account page">Forgot Password</a>
					</li>
				</ul>
				
				<br />
				
				<h2>DYNAMIC BLOG MODULE</h2>
				
				<ul class="sitemap">
					<li>
						<a href="/category/all" title="View Blog page">Blog Categories page</a> - with
						AJAX-powered, predictive searching + img thumbnails
					</li>
					<li>
						<a href="/blog/300" title="View Blog Post page">Blog Post page</a> - with threaded
						commenting (ie. sub-reply), favoriting, tags, share links, pageview tracking, etc.
					</li>
				</ul>
				
				<br />
			</div>
			
			<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
			<br /><br /><br /><br /><br /><br /><br /><br />
		
		</div><!-- GRID 12 DIV ENDS HERE -->
	</div><!-- CONTAINER 12 DIV END HERE -->
</div><!-- HOME FEATURE CATEGORY DIV ENDS HERE -->

<?php
	include('views/_footer_m.tpl.php');
?>