<!-- This is the Profile Page -->

<!-- This is the overview Page -->

<?php include '../templates/header--landing.php'; ?>

	<?php include 'templates/navbar--advertiser.php'; ?>

	<div class="dash_container grid">

		<button class="mobinav_btn"><img src="../images/menu.svg" alt=""></button>
		
		<div class="dash_nav_main">
			<?php include 'templates/dash_nav_primary--advertiser.php'; ?>
		</div>

		<div class="dash_main_column">
			<div class="header">
				<h1>Create New Campaign</h1>
				<div class="dash_header">
					<p>3. Select your type of campaign and  load creative</p>
					<div></div>
				</div>
			</div>
			<div class="grid profile">
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Campaign Type</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
								<small style="margin-bottom:20px;display: block;">Locations*</small>
								<div class="frm_row">
									<div class="frm_col_quarter">
										<div class="radioborder radioborder--blue radioborder--blue--lrg">
											<input type="radio" name="personal">
											<label for="personal">Premium</label>
											<a class="trigger" href="#" data-izimodal-open="#dashmodalinfo" data-izimodal-transitionin="fadeInDown"><img src="../images/icons/info.svg" alt=""></a>
										</div>
									</div>
									<div class="frm_col_quarter">
										<div class="radioborder radioborder--blue radioborder--blue--lrg">
											<input type="radio" name="personal">
											<label for="personal">Take Action</label>
											<a class="trigger" href="#" data-izimodal-open="#dashmodalinfo" data-izimodal-transitionin="fadeInDown"><img src="../images/icons/info.svg" alt=""></a>
										</div>
									</div>
									<div class="frm_col_quarter">
										<div class="radioborder radioborder--blue radioborder--blue--lrg">
											<input type="radio" name="personal">
											<label for="personal">Click Through</label>
											<a class="trigger" href="#" data-izimodal-open="#dashmodalinfo" data-izimodal-transitionin="fadeInDown"><img src="../images/icons/info.svg" alt=""></a>
										</div>
									</div>
									<div class="frm_col_quarter">
										<div class="radioborder radioborder--blue radioborder--blue--lrg">
											<input type="radio" name="personal">
											<label for="personal">View Only</label>
											<a class="trigger" href="#" data-izimodal-open="#dashmodalinfo" data-izimodal-transitionin="fadeInDown"><img src="../images/icons/info.svg" alt=""></a>
										</div>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Dimensions</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
								<small style="margin-bottom:20px;display: block;">Ad Size*</small>
								<div class="adsizes">

									<div class="radioborder radioborder--blue radioborder--blue--lrg radioborder--blue--adsize" data-id="radio_xl">
										<div class="radioborder__inner">
											<input id="radio_xl" type="radio" name="personal" >
											<label for="personal">XL Leaderboard (895 x 200 px)  </label>
										</div>
										
										<img src="../images/adsizes/895x200.png" alt="">
									</div><br>

										<div class="radioborder radioborder--blue radioborder--blue--lrg radioborder--blue--adsize">
											<div class="radioborder__inner">
												<input type="radio" name="personal">
												<label for="personal"> Standard Leaderboard (728 x 90 px)</label>
											</div>
											
											<img src="../images/adsizes/728x90.png" alt="">
										</div><br>
								
									
										<div class="radioborder radioborder--blue radioborder--blue--lrg radioborder--blue--adsize">
											<div class="radioborder__inner">
												<input type="radio" name="personal">
												<label for="personal">Med rectangle <br>(300 x 250px) </label>
											</div>
											
											<img src="../images/adsizes/300x250.png" alt="">
										</div><br>
									
									
										<div class="radioborder radioborder--blue radioborder--blue--lrg radioborder--blue--adsize">
											<div class="radioborder__inner">
												<input type="radio" name="personal">
												<label for="personal">XL Rectangle <br>(895 x 540px) </label>
											</div>
											
											<img src="../images/adsizes/895x540.png" alt="">
										</div>
								
								</div>
							</form>
						</div>
					</div>
				</div>
				<div class="card  profile_info blue">
					<div class="card_header">
						<h4>Load Creative</h4>
					</div>
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">

								<div class="frm_row">
									<div>
										<label for="name" style="margin-bottom:20px;display:block;">Ad Creative*</label>
										<div class="frm_dropzone frm_single_upload dz-clickable" id="file69_dropzone">
											<div class="dz-message needsclick">
												<span class="frm_icon_font frm_upload_icon"></span>
												<span class="frm_upload_text">Drop a file here or click to upload</span>
												<span class="frm_compact_text">Browse</span>
												<div class="frm_small_text">
													Maximum upload size: 516MB		</div>
											</div>
										</div>
									</div>
									<div style="flex: 1;">
										<span class="aduploadmessage">(728x90 px)</span>
									</div>
								</div>
								<div class="frm_row">
									<div>
										<label for="name" style="margin-bottom:20px;display:block;">Default Ad Listing Creative*</label>
										<div class="frm_dropzone frm_single_upload dz-clickable" id="file69_dropzone">
											<div class="dz-message needsclick">
												<span class="frm_icon_font frm_upload_icon"></span>
												<span class="frm_upload_text">Drop a file here or click to upload</span>
												<span class="frm_compact_text">Browse</span>
												<div class="frm_small_text">
													Maximum upload size: 516MB		</div>
											</div>
										</div>
									</div>
									<div style="flex: 1;">
										<span class="aduploadmessage aduploadmessage--grey">Please load default Ad Creative without copy (800 x 600px min) </span>
									</div>
								</div>
								<div class="frm_row">
									<div class="frm_col_third">
										<input name="name" id="name" type="text" value="Ad Blurb (Max 40 Char)">
									</div>
								</div>

							</form>
						</div>
					</div>
				</div>
				<div class="card  profile_info blue">
					<div class="card_body">
						<div class="profile_details profile_details--account">
							<form action="">
								<div class="frm_row footerbuttons">
									<div class="frm_col_half">
										<a href="" class="btn btn--greyborder">Back</a>
									</div>
									<div class="frm_col_half">
										<a href="" class="btn btn--greyborder" style="margin-right:20px;">Save Draft</a>
										<a href="" class="btn btn--blue">Continue</a>
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>	
			</div>
		</div>
	</div>

		
<?php include '../templates/footer--landing.php'; ?>