<div class="postbox">
	<div id="wp-html-mail-webfonts-sales-page">
		<div class="webfonts-intro">
			<div class="small-heading">Are</div>
			<div class="huge-heading">Webfonts</div>
			<div class="small-heading">ready to be used in</div>
			<div class="huge-heading">Emails?</div>
			<div class="hand">** or is it still too experimental? **</div>
		</div>
		<div class="webfonts-facts">
			<h2><?php esc_html_e( 'The facts', 'wp-html-mail' ); ?></h2>
			<p>
				<?php esc_html_e( 'According to caniemail.com webfonts in emails work for just around 52% of users.', 'wp-html-mail' ); ?>
				<br/>
				<?php esc_html_e( 'To be honest, this is a really bad value! So what does it mean for us?', 'wp-html-mail' ); ?>
			</p>
			<ol>
				<li>
					<h3><?php esc_html_e( 'Choose fonts with suitable fallbacks', 'wp-html-mail' ); ?></h3>
					<p>
						<?php esc_html_e( 'Those users whose email clients do not support webfonts will see an alternative font so use webfonts that can be replaced easily by a standard font without destroying your complete email design.', 'wp-html-mail' ); ?>
					</p>
				</li>
				<li>
					<h3><?php esc_html_e( 'Know your recipients', 'wp-html-mail' ); ?></h3>
					<p>
						<?php esc_html_e( 'If you already know how many of your recipients use Outlook, Gmail, Apple Mail, Thunderbird, ... check the stats on whether or not it even makes sense to use non standard fonts.', 'wp-html-mail' ); ?>
						<a href="https://www.caniemail.com/features/css-at-font-face/" target="_blank">
							<?php esc_html_e( 'caniemail.com statistics', 'wp-html-mail' ); ?>
						</a>
					</p>
				</li>
				<li>
					<h3><?php esc_html_e( 'Test, test, test', 'wp-html-mail' ); ?></h3>
					<p>
						<?php esc_html_e( 'Test your emails in multiple email clients to make sure they look either great or at least ok and not completely different than expected.', 'wp-html-mail' ); ?>
						<a href="https://codemiq.com/en/webfonts-in-wordpress-emails/" target="_blank">
							<?php esc_html_e( 'See our own tests here', 'wp-html-mail' ); ?>
						</a>
					</p>
				</li>
			</ol>
		</div>
		<div class="webfonts-cta-bar">
			<h3><?php esc_html_e( 'Not the sales pitch you expected?', 'wp-html-mail' ); ?></h3>
			<p>
				<?php esc_html_e( 'You are a user of our product so we do not want you to buy something you can\'t use as expected.', 'wp-html-mail' ); ?>
				<br/>
				<?php esc_html_e( 'This may be one of the reasons for our ★★★★★ ratings.', 'wp-html-mail' ); ?>
			</p>
			<p>
				<span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Use more than 1000 Google fonts.', 'wp-html-mail' ); ?> 
				<br/>
				<span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Most requested feature by our users.', 'wp-html-mail' ); ?> 
				<br/>
				<span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Works with our WooCommerce extension.', 'wp-html-mail' ); ?> 
				<br/>
				<span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Works with our Easy Digital Downloads extension.', 'wp-html-mail' ); ?> 
				<br/>
				<span class="dashicons dashicons-yes"></span> <?php esc_html_e( 'Works with our BuddyPress extension.', 'wp-html-mail' ); ?> 
			</p>
			<a href="https://codemiq.com/en/plugins/wp-html-mail-webfonts/" target="_blank" class="cq-cta">
				<?php esc_html_e( 'get the webfonts extension', 'wp-html-mail' ); ?> <span class="dashicons dashicons-arrow-right-alt2"></span>
			</a>
		</div>
	</div>
</div>
