<div class="tp-banner-container">
	<div class="tp-banner">
		<ul>
			<li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
				<img src="{{ tpl_url }}/images/slide.jpg" alt="slidebg1" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
			</li>
			<li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
				<img src="{{ tpl_url }}/images/slide2.jpg" alt="slidebg2" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
			</li>
		</ul>
	</div>
</div>
<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
<link rel="stylesheet" type="text/css" href="{{ tpl_url }}/rs-plugin/css/settings.css" media="screen" />
<link rel="stylesheet" type="text/css" href="{{ tpl_url }}/css/style.css" media="screen" />
<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
<script type="text/javascript" src="{{ tpl_url }}/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="{{ tpl_url }}/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<!-- LOOK THE DOCUMENTATION FOR MORE INFORMATIONS -->
<script type="text/javascript">
	var revapi;
	jQuery(document).ready(function() {
		"use strict";
		revapi = jQuery('.tp-banner').revolution(
		{
			delay: 15000,
			startwidth: 1200,
			startheight: 278,
			hideThumbs: 10,
			fullWidth: "on"
		});
	});	//ready
</script>
<!-- END REVOLUTION SLIDER -->