<?php
global $website_title;
$website_title = "Be a FantasyTrivia College-Rep and get Equity, College Credit, Swag + Entered Into Weekly Stipend Drawings.";

global $website_description;
$website_description = "Be a FantasyTrivia College-Rep and get Equity, College Credit, Swag + Entered Into Weekly Stipend Drawings.";

global $website_image;
$website_image = "https://fantasytrivia.com/static/client/college_reps_banner.png";
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=Oswald:400,700' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Raleway:400,700' 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 {
		border-top: 0px solid #eee;
		background: #000;
	}
	#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:80px;
		font-size: 88px;
		line-height:96px;
		font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;
		margin-bottom: 10px;
	}
	.subtext {
		font-size:19px;
		line-height:27px;
	}
	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:100px;
			font-size: 36px;
			line-height:43px;
			font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;
		}
		.intro { text-align:left; font-weight:400; }
		#footer .term-privacy a, #footer .site-copyright a {
			font-size:17px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 300;
		}
		#footer .site-copyright, #footer .site-copyright a {
			font-weight: 300;
			font-size:15px;
		}
	}

	/* 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: 26px !important;
			font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;
		}

	}
</style>

<!--<img src="/static/bgs/heart_hands.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/client/college-reps.png) no-repeat center center; 
	background-size:cover; height:300px; background-color:#000; text-align:center;">
		
		<h1 style="text-shadow:0px 1px 1px rgba(0,0,0,.7); text-align:center;
			 color:#fff; font-weight:600;
				font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif;">
			COLLEGE RΞPS
		</h1>
		<div class="subtext" style="text-align:center; color:#fff;">
			Equity / College Credit / Stipend / Tech Knowledge / Swag / Pizza
		</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:left; 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;">

				<!--<i class="fa fa-trophy" aria-hidden="true" style=""></i>--> 
				<!--<span style="float:none;"><a href="javascript:top.frames.location.reload();"
					class="refresh"><img src="/static/system/refresh_arrows.png" alt="R"
					style="height:15px; margin-bottom:3px" /></a></span> Λ
					<span style="Helvetica">Λ</span>L
					<img src="/static/images/icons/certificate-seal-icon.png"
					alt="Equity Certificate" style="height:60px;
					margin-top:-5px">-->
					
				<!-- <a href="https://apps.apple.com/us/app/voice-trivia/id6560116481"
				style="font-weight:500;"> -->
				<div class="intro" style="padding:10px 20px; max-width:1100px;
					font-family: Montserrat,Raleway, 'Open Sans', Helvetica, sans-serif; color:#000;">
					We're looking for kick-ass College Reps who want to be part of a fun, new, 
					tech company, founded by a <a href="https://dev11.com" 
					title="We own and operate a Chicago-based Creative Agency named dev11 Creative"
					style="font-weight:500;">seasoned, Chicago-based team</a> who builds platforms
					for others and have even previously founded a top 500 website of our own.
					<br /><br />	
					We don&rsquo;t ask for much - just rep our growing brand well, think of 
					us from time to time - and tell others about us. <span 
					style="font-weight:600;">And, we offer:</span>
					<!--learn a few things and maybe be able to say you were here when
					it first started. -->
					
					<!-- light, virtual, fractional 
					program (but with major perks), so if you&rsquo;re still interested keep reading...
					<br /><br />
					We don&rsquo;t have many rules or requirements and are looking to find
					a variety of university students who-->
					
					<!--<span style="font-weight:600;">Creators</span>-->
					
					<!--a href="#vip" class="loginpop" style="font-weight:600">Lifetime 
					VIP Membership</a>.-->
					<!--<span style="font-weight:600;">College Rep Benefits:</span>-->
<!--					<div class="mclear">
						<span style="font-weight:500;">Just a $5 minimum Buy-In (with one-time 
						plans up to $1k) gets you the following benefits:</span>
					</div>-->
					<br /><br />
					<ul class="benefits">
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Lifetime VIP Membership
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> 2,000 Shares of Equity 
							each - a $100 value that turns into $40k if we become a $1B unicorn*
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Monthly Profit-Sharing
							Payouts
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> College-Credit for a 
							variety of curriculums (we own + operate a <a href="https://dev11.com"
							title="We own and operate a Chicago-based Creative Agency named dev11 Creative" style="font-weight:500;">full-scale Creative Agency</a> parent company)**
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Exclusive FT / 
							FantasyTrivia Swag
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> A private 
							version of FantasyTrivia for Reps, since they aren&rsquo;t 
							eligible to win on the main site.
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> Occassional spot 
							bonuses + pizza night rewards for stand-out reps
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i> 
							Possible Stipends after first 3 months, then every month
							based on performance
							<!--<span 
							style="font-weight:600;">A $10 <a href="#giftcard" class="loginpop"
							title="VISA Giftcard Info" style="font-weight:600;">VISA Giftcard</a> 
							</span>-->
						</li>
						<li>
							<i class="fa fa-check" aria-hidden="true"></i>
							2 free pizzas (per Rep) during the school year!
							<!--<span
							style="font-weight:600;">A $10 <a href="#giftcard" class="loginpop"
							title="VISA Giftcard Info" style="font-weight:600;">VISA Giftcard</a>
							</span>-->
						</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 now <img
					src="/static/system/right_arrow_white.png"
					alt=">" style="height:11px; margin-top:-2px;"></a></center>
					<br />
					<div style="font-size:13px; max-width:700px; padding:0 20px; margin:0 auto">
						Note: The College Rep position has a $35 initiation fee, which helps
						cover operating expenses to manage the program, but this can be spread
						out over $5/mo. payments through the remainder of the school year.
						<br /><br />
						* includes 1,000 complimentary shares for sign up promo (limited-time)
						<br />
						** Subject to your University approving our request (we have a 90% approval
						rating so far)
					</div>
					
					<div style="display:none; margin-top:10px; text-align:center;">
						<div style="margin-bottom:7px;">
							Sign up for $4.99:
						</div>
						<div class="clear"></div>
						<style>.pp-UB8HNQVX5AX9S{
								text-align: center;
								border: none;
								border-radius: 1.5rem;
								min-width: 11.625rem;
								padding: 0 2rem;
								height: 2.625rem;
								font-weight: bold;
								background-color: #FFD140;
								color: #000000;
								font-family: "Helvetica Neue",Arial,sans-serif;
								font-size: 1rem;
								line-height: 1.25rem;
								cursor: pointer;
							}
						</style>
						<form action="https://www.paypal.com/ncp/payment/UB8HNQVX5AX9S" method="post" target="_top" style="display:inline-grid;justify-items:center;align-content:start;gap:0.5rem;">
							<input class="pp-UB8HNQVX5AX9S" type="submit" value="Buy Now" />
							<img src=https://www.paypalobjects.com/images/Debit_Credit_APM.svg alt="cards" />
						</form>
						
						<br />
						<div style="padding:20px 0 0; font-size:15px;">
							or learn more and 
						</div>
						
						<a class="btn-o" href="/partners" title="View VIP Packages"
						style="color:#000; width:160px; margin:7px auto 0; 
						text-align:center;">View VIP Packages <img 
						src="/static/system/right_arrow_white.png"
						alt=">" style="height:11px; margin-top:-2px;"></a>
						<!--<a href="/partners" style="font-weight:500;">Learn more</a> | <a href="/partners" 
						style="font-weight:500;">View VIP Plans <i class="fa fa-angle-right" 
						aria-hidden="true"></i></a>	-->
					</div>
					
					<!--Once a Trivia Challenge goes live, you can see the results in real-time, including
					where you placed among all players on that Challenge&rsquo;s leaderboard page
					plus who the Winner(s) are.-->
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
</div>

<script>
	function loopNext()
	{
		$('#sliderWrapper').stop().animate({scrollLeft:'+=20'}, 'fast', 'linear', loopNext);
	}

	function loopPrev()
	{
		$('#sliderWrapper').stop().animate({scrollLeft:'-=20'}, 'fast', 'linear', loopPrev);
	}

	function stop()
	{
		$('#sliderWrapper').stop();
	}

	$('#next').hover(function () {
		loopNext();
	},function () {
		stop();
	});

	$('#prev').hover(function () {
		loopPrev();
	},function () {
		stop();
	});
</script>

<!-- GIFTCARD -->
<div style="display:none;">
	<div id="giftcard" 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">
								VISA GIFTCARD OFFΞR
							</h2>

							This is a kick-off, launch offer and we have to give away
							Giftcards vs Cash or Venmo, etc. so it qualifies as a Marketing 
							expense. 
							<br /><br />
							Every VIP Package is eligible for this 2X Offer - and we&rsquo;ll 
							send out the VISA Giftcards 7 days after your purchase.
							<!--<a href="/equity" title="Learn more about the Equity
							Shares Offer" style="font-weight:600;">Learn more <i class="fa
							fa-angle-right" aria-hidden="true"></i></a>-->
							<!--<br />-->
							<!--<img src="/static/images/icons/certificate-seal-icon.png" alt="Equity"
							style="height:35px;"> -->

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

<!-- VIP -->
<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/certificate-seal-icon.png" alt="Equity"
								style="height:35px;"> LIFETIME VIP + ΞQUITY
							</h2>

							We're essentially putting together a Limited Partnership 
							Corp (ie. LP) and awarding complimentary Equity Shares with each
							new VIP Membership sold (you can purchase multiple and gift the rest).
							<br /><br />
							If we become a $1B company, then every $5 of Equity would be worth $2k.
							<!--<a href="/equity" title="Learn more about the Equity
							Shares Offer" style="font-weight:600;">Learn more <i class="fa
							fa-angle-right" aria-hidden="true"></i></a>-->
							<!--<br />-->
							<!--<img src="/static/images/icons/certificate-seal-icon.png" alt="Equity"
							style="height:35px;"> -->

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

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