newsleter.php

<?php
/**
 * The Template for displaying newsletter
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */

get_header(); ?>

	<div id="own-content" class="newsletter-page">

		<?php get_header('dropdown');?>

	<div class="header-newsleter">
		<h1 class="title"><?php echo __("Newsletter Signup",'mapleleaffoods'); ?></h1>
		<p class="description">
			<?php echo __("Register now to receive exclusive offers, contests, recipes and more! We customize savings for your area, so please tell us where you are located.",'mapleleaffoods'); ?>
		</p>
	</div>
	<form id="menu-content-newsletter" class="dropdown-menu">
		<span class="close close-header"><?php echo __("Cancel",'mapleleaffoods'); ?></span>
		<div class="clear"></div>
		<div id="formnewslleter">
			<div class="left-col">
				<div class="container-wine">
					<span class="little-alert">
						<?php echo __("Required Information",'mapleleaffoods'); ?>
					</span>
					<div class="option-group">
						<label for="first_name"><i class="required">*</i><span><?php echo __("First Name",'mapleleaffoods'); ?></span></label>
						<input id="first_name" name="first_name" type="text" required>
					</div>

					<div class="option-group">
						<label for="last_name"><i class="required">*</i><span><?php echo __("Last Name",'mapleleaffoods'); ?></span></label>
						<input id="last_name" name="last_name" type="text" required>
					</div>

					<div class="option-group">
						<label for="email"><i class="required">*</i><span><?php echo __("Email Address",'mapleleaffoods'); ?></span></label>
						<input id="email" name="email" type="text" required>
					</div>

					<div class="option-group">
						<label for="confirm_email"><i class="required">*</i><span><?php echo __("Confirm Email Address",'mapleleaffoods'); ?></span></label>
						<input id="confirm_email" name="confirm_email" type="text" required>
					</div>

					<div class="option-group postal-label">
						<label for="postal_code"><i class="required">*</i><span><?php echo __("Postal Code",'mapleleaffoods'); ?></span></label>
						<input id="postal_code" name="postal_code" type="text" required>
					</div>

					<div class="option-group">
						<label for="province"><i class="required">*</i><span><?php echo __("Province",'mapleleaffoods'); ?></span></label>
						<select id="province" name="province" required>
							<option value="1"><?php echo __("Alberta",'mapleleaffoods'); ?></option>
							<option value="2"><?php echo __("British Columbia",'mapleleaffoods'); ?></option>
							<option value="3"><?php echo __("Manitoba",'mapleleaffoods'); ?></option>
							<option value="4"><?php echo __("New Brunswick",'mapleleaffoods'); ?></option>
							<option value="5"><?php echo __("Newfoundland and Labrador",'mapleleaffoods'); ?></option>
							<option value="6"><?php echo __("Nova Scotia",'mapleleaffoods'); ?></option>
							<option value="7"><?php echo __("Ontario",'mapleleaffoods'); ?></option>
							<option value="8"><?php echo __("Prince Edward Island",'mapleleaffoods'); ?></option>
							<option value="9"><?php echo __("Quebec",'mapleleaffoods'); ?></option>
							<option value="10"><?php echo __("Saskatchewan",'mapleleaffoods'); ?></option>
						</select>
					</div>
				</div>

				<div class="option-group container-checkbox">
					<input id="postal_code" name="postal_code" type="checkbox" required>
					<label for="postal_code"><i class="required">*</i><span><?php echo __("These fields are mandatory",'mapleleaffoods'); ?></span></label>
				</div>
			</div>
			<div class="right-col">
				<div class="col-wrapper">
					<span class="super-title"><?php echo __("Optional fields",'mapleleaffoods'); ?></span>

					<div class="option-group">
						<label for="street_address"><span><?php echo __("Street Address",'mapleleaffoods'); ?></span></label>
						<input id="street_address" name="street_address" type="text">
					</div>

					<div class="option-group">
						<label for="apt_number"><span><?php echo __("Apt #",'mapleleaffoods'); ?></span></label>
						<input id="apt_number" name="apt_number" type="text">
					</div>

					<div class="option-group">
						<label for="city"><span><?php echo __("City",'mapleleaffoods'); ?></span></label>
						<input id="city" name="city" type="text">
					</div>

					<div class="option-group">
						<label for="date_birth"><span><?php echo __("Date of birth",'mapleleaffoods'); ?></span></label>
						<input id="date_birth" name="date_birth" type="text">
					</div>

					<div class="option-group radio-buttons">
						<label id="label-gender"><span><?php echo __("Gender",'mapleleaffoods'); ?></span></label>

						<input id="gender_male" name="gender" type="radio" value="male">
						<label for="gender_male" class="radio-label male-first"><span><?php echo __("Male",'mapleleaffoods'); ?></span></label>

						<input id="gender_female" name="gender" type="radio" value="female">
						<label for="gender_female" class="radio-label"><span><?php echo __("Female",'mapleleaffoods'); ?></span></label>
					</div>
					<div class="clear"></div>
				</div>

				<div class="buttons">
					<a href="#" id="to-send-newsletter" class="btn"><?php echo __("Submit",'mapleleaffoods'); ?></a>
					<a href="#" id="to-cancel-newsletter" class="btn close"><?php echo __("Cancel",'mapleleaffoods'); ?></a>
				</div>
			</div>
		</div>
	</form>

	</div>

	<div id="sidebar" class="sidebar">
		<div id="products-slider" class="sidebar-highlight">
			<h2 class="title"><?php echo __("Product Types",'mapleleaffoods'); ?></h2>
			<?php list_product_types(); ?>
		</div>

		<div class="facebook-box-container">
			<div class="fb-like-box" data-href="https://www.facebook.com/MapleLeafFoods" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="true" data-show-border="false"></div>
		</div>
	</div>

<?php
get_footer();
?>
<script>
$(document).ready(function() {
	initProductSidebarFunctions();
});
</script>