<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="<?php echo plugin_dir_url( __FILE__ ) . 'promo-page.css' ?>">
<div class="wrap" id="upgrade-to-pro">
	<h1></h1>
	<div class="main-banner" style="background-image: url(<?php echo plugin_dir_url( __FILE__ ) . 'assets/main_banner_bg.jpg' ?>)">
		<div class="left">
			<div class="title">Automatic Excerpt for Wordpress</div>
			<div class="sec-title">No more time consuming manual excerpt</div>
			<a href="" class="btn">Get it now</a>
		</div>
		<img class="logo-ecae right" src="<?php echo plugin_dir_url( __FILE__ ) . 'assets/ecae_illustration.png' ?>">
	</div>
	<div class="main-content">
		<div class="container pro-version">
			<div>
				<h1>Pro Version</h1>
			</div>
			<div class="col-third">
				<img class="logo-ecae right" src="<?php echo plugin_dir_url( __FILE__ ) . 'assets/secondary_40_button.png' ?>" style="max-width: 90%; margin-top: 5px">
				<div class="title">40 Button Option</div>
				<div class="desc">We create 40+ beautiful and eye-catching button skins, ready for you to use</div>
			</div>
			<div class="col-third">
				<img class="logo-ecae right" src="<?php echo plugin_dir_url( __FILE__ ) . 'assets/secondary_custom_font.png' ?>" style="max-width: 90%; margin-top: 5px">
				<div class="title">Customizable Font</div>
				<div class="desc">You can use beautiful yet free Google fonts for you button</div>
			</div>
			<div class="col-third">
				<img class="logo-ecae right" src="<?php echo plugin_dir_url( __FILE__ ) . 'assets/secondary_disable_excerpt.png' ?>" style="max-width: 90%; margin-top: 5px">
				<div class="title">Disable Excerpt on Post </div>
				<div class="desc">Don't want to show exceprt on certains page? Don't worry, we've got you covered</div>
			</div>
			<div class="col-third">
				<img class="logo-ecae right" src="<?php echo plugin_dir_url( __FILE__ ) . 'assets/secondary_custom_default_img.png' ?>" style="max-width: 90%; margin-top: 5px">
				<div class="title">Adjust Image Excerpt Position</div>
				<div class="desc">We create 40+ beautiful and eye-catching button skins, ready for you to use</div>
			</div>
			<div class="col-third">
				<img class="logo-ecae right" src="<?php echo plugin_dir_url( __FILE__ ) . 'assets/secondary_40_button.png' ?>" style="max-width: 90%; margin-top: 5px">
				<div class="title">40 button option</div>
				<div class="desc">We create 40+ beautiful and eye-catching button skins, ready for you to use</div>
			</div>
			<div class="col-third">
				<img class="logo-ecae right" src="<?php echo plugin_dir_url( __FILE__ ) . 'assets/secondary_40_button.png' ?>" style="max-width: 90%; margin-top: 5px">
				<div class="title">40 button option</div>
				<div class="desc">We create 40+ beautiful and eye-catching button skins, ready for you to use</div>
			</div>
		</div>
		<div class="container main-cta comparison-table">
			<div>
				<h1>License Comparison</h1>
				<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia possimus dignissimos eveniet aliquid optio sit sint fugit dolorem autem, placeat.</p> -->
				<!-- <a href="#" class="btn big-cta">Upgrade to Pro!</a> -->
			</div>
			<div class="">
				<table class="table table-title table-striped table-license" style="border: 1px solid #E8E7E7 !important;">
					<tbody>
						<tr>
							<th>Feature</th>
							<th><span class="free">ECAE Free</span></th>
							<th><span class="pro">ECAE Pro</span></th>
						</tr>
						<tr>
							<td>Excerpt your post based on character length.</i></td>
							<td><i class="fa fa-check"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Choose to excerpt your on your home, search, archive, or on your custom archive page.</td>
							<td><i class="fa fa-check"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Align text (Justify,Right,Left, Center) your text based on your preference.</td>
							<td><i class="fa fa-check"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Custom Read More text and Button.</td>
							<td><i class="fa fa-check"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Preserve real excerpt you wrote.</td>
							<td><i class="fa fa-check"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Excerpt method by 1st paragraph, 2nd paragraph, and 3rd paragraph.</td>
							<td><i class="fa fa-close"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Adjust Image Excerpt Position (left, right, center, float left and float right).</td>
							<td><i class="fa fa-close"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Adjust Image width and margin.</td>
							<td><i class="fa fa-close"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>Disable excerpt on specific post.</td>
							<td><i class="fa fa-close"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>10 Read More font type and custom font size.</td>
							<td><i class="fa fa-close"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td>40 + Read More button themes.</td>
							<td><i class="fa fa-close"></i></td>
							<td><i class="fa fa-check"></i></td>
						</tr>
						<tr>
							<td></td>
							<td></td>
							<td><a href="https://tonjoostudio.com/manage/ajax/directBuy?product_id=1520" target="_blank" class="btn " id="1520">Buy Pro</a>
							<!-- <td><a href="https://tonjoostudio.com/manage/ajax/directBuy?product_id=1520" target="_blank" class="btn " id="1520">Buy</a></td>
							<td><a href="https://tonjoostudio.com/manage/ajax/directBuy?product_id=2766" target="_blank" class="btn " id="2766">Buy</a></td>
							<td><a href="https://tonjoostudio.com/manage/ajax/directBuy?product_id=1518" target="_blank" class="btn " id="1518">Buy</a></td>
							<td><a href="https://tonjoostudio.com/manage/ajax/directBuy?product_id=4717" target="_blank" class="btn " id="4717">Buy</a></td> -->
						</tr>
					</tbody>
				</table>
			</div>
		</div>

		<div class="container pre-test">
			<div>
				<h1>ECAE Premium Test</h1>
			</div>
			<div class="desc">Test ECAE Premium here:</div>
			<table>
				<tr>
					<td>Url</td>
					<td>: <a href="http://coba.tonjoostudio.com">http://coba.tonjoostudio.com</a></td>
				</tr>
				<tr>
					<td>User</td>
					<td>: coba</td>
				</tr>
				<tr>
					<td style="border: none">Password</td>
					<td style="border: none">: 123456</td>
				</tr>
			</table>
		</div>
	</div>
</div>