<?php
	// UNCOMMENT TO DO SPECIFIC META TAGS FOR THIS PAGE, 
	// WHICH DISPLAYS WHEN ANYONE SHARES THIS PAGE
	//global $website_title;
	//$website_title = "";

	//global $website_description;
	//$website_description = "";

	//global $website_image;
	//$website_image = "";
	include('views/_header.tpl.php');
?>

<!--<link href='//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>

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

});
</script>-->

<style type="text/css">
	body, html {
		/*		position: fixed;
		top: 0;
		bottom: -72px;
		background-attachment: fixed;*/
		/*background: url('/static/bgs/heart_hands.jpg') center center no-repeat;*/
		/*background: url('/static/bgs/heart_hands.jpg') no-repeat center center fixed;*/
		background-color: #fff;
		background-repeat: no-repeat;
		background-size: cover;
		margin: 0;
		padding: 0;
		/*overflow-x: hidden;*/
		overflow-y: auto;
		font-family: Montserrat,'Open Sans',Helvetica,'Helvetica Neue','Lato', sans-serif;
		font-weight: 300;
		color: #000;
		height: auto;
		min-height: 100vh;
		/* background-color: #000; */
	}
	html {
		/*background: url('/static/bgs/heart_hands.jpg') no-repeat center center fixed;
		background-size: cover;*/
		/*background: url('/static/images/lbstartup.jpg') no-repeat center center !important;*/
		/*background-size: 500px !important;*/
		/*background-color: #191919 !important;*/
		/*overflow: hidden !important;*/
	}
	body {
		height: 100%;
		overflow: auto;
		/*background: #191919 !important;*/
		/*overflow: hidden;*/
	}
	div.spacer {
		padding-top: 5px;
	}
	/*	footer#footer {
	position:absolute;
	width:100%;
	background:none !important;
	bottom: 0 !important;
	}*/
	#footer {
	}
	#footer .copyright {
		background: none;
	}
	#footer .site-copyright a {
		/*color: #fff;*/
	}
	::-webkit-scrollbar {
		/*width: 12px; */              /* width of the entire scrollbar */
		background: #333 !important;
	}

	::-webkit-scrollbar-track {
		background: #333 !important;        /* color of the tracking area */
	}

	::-webkit-scrollbar-thumb {
		background-color: #000 !important;    /* color of the scroll thumb */
		border-radius: 20px;       /* roundness of the scroll thumb */
		border: 3px solid #333 !important;  /* creates padding around scroll thumb */
	}

	::-webkit-scrollbar:horizontal{
		height: 8px;
		background-color: #000 !important;
	}
	::-webkit-scrollbar-thumb:horizontal{
		background: #000 !important;
		border-radius: 10px;
	}
	h1 {
		margin-top: 48px;
		padding-top: 50px;
		font-size: 100px;
		line-height: 111px;
		font-family: Montserrat, 'Open Sans', Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	h2 {
		font-family: Montserrat,'Open Sans',sans-serif; 
		font-weight:600;
		font-size: 36px;
		line-height: 46px;
	}
	.subtext {
		font-size: 19px;
		line-height: 27px;
		font-weight:500;
	}
	span, a, a:active, a:hover {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	a, a:link, a:visited, a:active {
		color: #00A1FE;
	}
	a:hover {
		color: #4dd0ff;
	}
	#imageSlider {
		width: 100%;
		position: relative;
		/*overflow-x: scroll;*/
		overflow: hidden;
	}
	#sliderWrapper {
		left: 0;
		width: 100%;
		/*width: calc(100% - 80px);*/
		white-space: nowrap !important;
		height: 100%;
		position: relative;
		overflow-x: scroll;
	}
	#next {
		margin-top: 200px;
		height: 97px;
		position: absolute;
		right: 10px;
		z-index: 1;
		width: 50px;
	}
	#prev {
		margin-top: 200px;
		height: 97px;
		position: absolute;
		left: 10px;
		z-index: 1;
		width: 50px;
	}
	.appcontent {
		padding-top: 0px;
	}
	a.btn-o, a.btn-o:active, a.btn-o:visited, a.btn-o:link {
		color: #eee !important;
	}
	a.btn-o:hover {
		color: #fff !important;
		border: 3px solid #5cd3fe;
		background-color: #9f27a2;
		background-image: linear-gradient(45deg, #99269c, #4dc4ff);
	}
	.btn-o, .btn-o a, .btn-o a:link, .btn-o a:active, .btn-o a:visited, .btn-oo a {
		border: 3px solid #29baff;
		background-color: #8b248d;
		background-image: linear-gradient(45deg, #8b248d, #099bf2);
		text-shadow: -1px -1px -1px rgba(0,0,0,.5);
		padding: 12px 15px;
		width: 150px;
		height: 20px;
		line-height: 20px;
		display: inline-block;
		font-family: 'Open Sans', Montserrat,Arial,sans-serif;
		font-weight: 400;
		font-size: 16px;
		color: #fff;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
		box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
	}
	.intro {
		margin: 20px auto;
		font-size: 20px;
		line-height: 29px;
		text-align: center;
	}
	.bottomlinks {
		margin: 20px auto 0;
	}

	ul.benefits {
		/*background:red;*/
		margin-block-start: .5em;
		margin-block-end: .5em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		padding-inline-start: 10px;
		padding-inline-end: 0px;
		list-style-type: none; /* Remove bullets */
		max-width: 530px;
		margin: 0 auto 30px;
		text-align: left;
	}
	ul.benefits li {
		/*background:red;*/
		width: 100%;
		font-weight: 400;
		color: #000;
		/*text-shadow: 1px -1px -1px rgba(0,0,0,.5);*/
		margin-right: 0px;
		line-height: 27px;
		font-size: 19px;
		margin-bottom: 15px;
	}
	.mclear {
		display: inline;
	}

	/* ///////////////////////////////////////////////////////// */
	/*                        MOBILE STYLES                      */
	/* ///////////////////////////////////////////////////////// */

	@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: 586px) {
		.appcontent {
			padding-top: 0px;
		}
		h1 {
			margin-top: 30px;
			padding-top: 70px;
			font-size: 58px;
			line-height: 68px;
		}
		.intro {
			text-align: left;
			font-weight: 400;
		}
		.contactlinks { text-align:center; }
	}

	/* Landscape phones and down */
	@media (max-width: 480px) {
		div.spacer {
			padding-top: 23px;
		}
		.intro {
			margin: 20px auto 30px;
		}
		.bottomlinks {
			margin: 20px auto 0;
		}
		#next {
			margin-top: 200px;
			height: auto;
			padding: 10px;
			position: absolute;
			right: 5px;
			z-index: 1;
			width: 40px;
			background: rgba(0,0,0,.7);
		}
		#prev {
			margin-top: 200px;
			height: auto;
			padding: 10px;
			position: absolute;
			left: 5px;
			z-index: 1;
			width: 40px;
			background: rgba(0,0,0,.7);
		}
	}
	@media (max-width: 375px) {
		.intro {
			margin: 10px auto 15px;
		}
		h1 {
			font-size: 48px;
			line-height:58px;
		}
	}
</style>

<!--<img src="/static/bgmount.jpg" alt="" id="bg">-->
<!--<div style="position:fixed; top:0; right:0; bottom:0; left:0; /*background:rgba(0,0,0,.4);*/ width:100%; height:100%;"></div>-->
<div class="home-feature-category" style="background:none; border:none; width:100%;
max-width:4000px; padding:0px; margin:0; overflow:hidden">
	<div style="background: url(/static/bgmount.jpg) no-repeat center center;
	background-size:cover; height:300px; background-color:#000; text-align:center;">

		<h1 style="text-shadow:-1px 1px 1px rgba(0,0,0,.7); text-align:center;
			 color:#fff; font-weight:600;">
			CRΞATORS
		</h1>
		<div class="subtext" style="text-align:center; color:#fff; padding:0 10px">
			INFLUENCERS / MARKETERS / SOCIAL MEDIA STARS / SPORTS FANATICS / OTHERS
		</div>
	</div>
	<div class="clear"></div>

	<div class="container_12 clearfix" style="width:100%; padding:0px; margin:0; overflow:hidden">
		<div class="grid_12 marked-category" style="width:100% !important; padding:0px; margin:0;
		overflow:hidden;">

			<div class="appcontent" style="text-align:center; padding-left:0px; font-size:17px;
			 overflow:hidden; /*text-shadow:0px 1px 1px rgba(0,0,0,.7);*/ position:relative;
			 top:0; width:100%; min-height:310px; background:none;">

					<h2>PAGE TITLE</h2>
					
					<div class="contactlinks">
					
						<a href="sms:?&amp;body=Hi. I'm interested in speaking with someone." 
						title="Click here to share by text" class="texticon" style="font-weight:500;">
						<i class="fa-solid fa-mobile-screen"></i> 312-555-1234 (text)</a>
						<br /><br />
						
						<a href="tel:312-555-1234" style="font-weight:500;"><i class="fa fa-phone" 
							aria-hidden="true"></i> 312-555-1234 (call)</a>
						<br /><br />
						<a href="mailto:hello@yourbrand.com" title="Click here to email us" 
						class="emailicon" style="font-weight:500;"><i class="fa 
						fa-envelope-o"></i> hello@yourbrand.com</a>
					
					</div>
					<br />
					
					<ul class="benefits" style="display:none;">
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Some Text Can Go Here
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Some Text Can Go Here
							with a <a href="https://basepages.com"
							title="View this page" style="font-weight:500;">live link</a>
						</li>						
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Some Text Can Go Here
						</li>						
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Some Text Can Go Here
						</li>							
					</ul>
					<div class="clear"></div>

					<center><a class="btn-o" href="/auth/join" title="Sign up now"
						style="color:#000; width:160px; margin:7px auto 0;
						text-align:center;">Sign up free <img
						src="/static/system/icons/right_arrow_white.png"
						alt=">" style="height:11px; margin-top:-2px;"></a></center>
					<br /><br /><br />

				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</div>
<!-- PAGE CONTENT ENDS HERE -->

<!--/////////////////////////////////////////////////////////////////-->
<!--////////////////   LIGHTBOX/FANCYBOX POP-UP(S)   ////////////////  
<!--/////////////////////////////////////////////////////////////////-->

<!-- EXAMPLE LIGHTBOX/FANCYBOX, WITH "vip" SELECTOR -->
<div style="display:none;">
	<div id="vip" class="" style="max-width:750px;">
		<div class="overlay-bl-bg"></div>
		<div class="container_6 pop-content">
			<div class="" style="background:none !important;">
				<div class="form login-form" style="background:none !important;">
					<!-- CONTENT CONTAINER STARTS HERE -->
					<div class="box-white" style="border:0px; max-height:300px; max-width:400px;
                    height:auto; padding:0px; background:none !important; margin-top:-30px !important;">
						<div style="background:#fff; float:left; padding:25px; color:#444;
						font-size:16px; font-weight:300;
                        text-align:left; font-family: Montserrat,'Open Sans',sans-serif;
                        font-weight:normal; line-height:24px;">
							<h2 style="text-align:center; margin-top:25px;
							font-family: Montserrat,'Open Sans',sans-serif; font-weight:600">
							<img src="/static/images/icons/verified_badge.png" alt="Icon"
								style="height:35px;"> TITLE HERE
							</h2>

							<br /><br />
							
							<!--<a href="/equity" title="Learn more" 
							style="font-weight:600;">Learn more <i class="fa
							fa-angle-right" aria-hidden="true"></i></a>-->
							<!--<br />-->
							<!--<img src="/static/images/icons/icon.png" alt="Icon"
							style="height:35px;"> -->

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

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