<?php include 'templates/header--frontendlanding.php'; ?>
<style>
	 @media (max-width: 1200px) {
		.landing .left{
			background: url(images/signup/signup_bg.png) no-repeat left center / cover;
		}
	 }
</style>
<main class="landing" style="background: url(images/signup/signup_bg.png) no-repeat left center / cover;">
 
	<div class="left">
		<h1 class="logo"><a href=""><img src="images/logo.png" alt=""></a></h1>
		<p>
			Create the world you want to exist in.
		</p>
	</div>
		
	<div class="right">
		<div class="landing__frm">
			<a href="" class="closebtn">x</a>
			<header>
				<h2>Get started with WowTurf</h2>
				<small><p>already signed up? <a href="">Login</a></p></small>
			</header>
			<form action="">
				<div class="frm_row">
					<div class="frm_col_half">
						<div class="radioborder">
							<input type="radio" name="personal">
							<label for="personal">Personal</label>
						</div>		
						
					</div>
					<div class="frm_col_half">
						<div class="radioborder">
							<input type="radio" name="personal">
							<label for="personal">Advertiser</label>
						</div>
					</div>
				</div>
				<div class="frm_row">
					<div class="frm_col_half">
						<input type="text" placeholder="First Name">
					</div>
					<div class="frm_col_half">
						<input type="text" placeholder="Last Name">
					</div>
				</div>
				<div class="frm_row">
					<div class="frm_col_full">
						<input type="email" placeholder="jane@example.com">
					</div>
				</div>
				<div class="frm_row">
					<div class="frm_col_full">
						<input type="password" placeholder="Password">
					</div>
				</div>
				<div class="frm_row termsbox">
					<div class="frm_col_full">
						<input type="checkbox" name="terms">
						<label for="terms">I agree to WowTurf <a href="">Terms</a> & <a href="">Privacy Policy</a></label>
					</div>
				</div>
				<div class="frm_row">
					<div class="frm_col_full">
						<input type="submit" placeholder="Sign Up" class="btn">
					</div>
				</div>
			</form>
			<div class="socialsignup">
				Or Sign Up with <a href="" style="color:#547bc7">Facebook</a> or <a href="" style="color:#da4733">Google</a>
			</div>
		</div>
	</div>

</main>

<?php include 'templates/footer--frontendlanding.php'; ?>