<div class="ttd-performance-main">
	<a class="ttd-performance-card" href="#performance/cache">
		<span class="ttd-p-card-icon">
			<#= TTD.utils.icon( 'performance-cache' ) #>
		</span>
		<span class="ttd-p-card-title">
			<?php echo __( 'Minification and Caching', THEME_DOMAIN ); ?>
		</span>
		<span class="ttd-p-card-content">
			<?php echo __( 'Reduce the size of your site by compressing scripts and styles. Create static copies of your pages to bypass loading WordPress for every hit to your site resulting in notably faster load speed.', THEME_DOMAIN ); ?>
		</span>
	</a>

	<a class="ttd-performance-card" href="#performance/image">
		<span class="ttd-p-card-icon">
			<#= TTD.utils.icon( 'performance-image' ) #>
		</span>
		<span class="ttd-p-card-title">
			<?php echo __( 'Image Optimization and Delivery', THEME_DOMAIN ); ?>
		</span>
		<span class="ttd-p-card-content">
			<?php echo __( 'Serve your images at the right dimensions, compression and from a CDN (servers that work together to ensure fast delivery). Your images should be fully optimized for fast performance.', THEME_DOMAIN ); ?>
		</span>
	</a>

	<a class="ttd-performance-card" href="#performance/amp">
		<span class="ttd-p-card-icon">
			<#= TTD.utils.icon( 'performance-amp' ) #>
		</span>
		<span class="ttd-p-card-title">
			<?php echo __( 'Accelerated Mobile Pages', THEME_DOMAIN ); ?>
		</span>
		<span class="ttd-p-card-content">
			<?php echo __( 'Activate Accelerated Mobile Pages (AMP) to create better, faster experiences for your visitors on the mobile web.', THEME_DOMAIN ); ?>
		</span>
	</a>
</div>
