<link rel="stylesheet" href="/css/<?# webTemplates ?>/banner.css" />
<div id="visul">
    <div id="banner">
        <div class="main-slider banner-class">
            <php:repeater id="listP">
            <template>
            <div class="item<?# boxClass ?> hero-slide"<?# boxStart ?>>
                <div class="b-de"<?# Image2 ?>>
					<a href="<?# Link ?>" alt="<?# DanDesc ?>" target="_blank"><img src="/images/33/img-bannerPhoto.png" alt="<?# Title ?>"></a>
                    <div class="banner-txt">
						<div class="workframe">
							<h2><?# Title ?></h2>
							<p><?# DanDesc ?></p>
						</div>
                    </div>
                </div>
                <?# video ?>
            </div>
            </template>
            </php:repeater>
        </div>
    </div>
</div>
<script>
	$(function(){
		$('#banner .main-slider').slick({
			arrows: false,
			dots: false,
			pauseOnHover: false,
			autoplay: true,
			autoplaySpeed: 5000,
			speed: 600,
			fade: true,
			cssEase: 'linear'
		});
	});
</script>