	<div class="container">
		<div id="iview">
			<div data-iview:image="photos/photo1.jpg" data-iview:transition="slice-top-fade,slice-right-fade">
				<div class="iview-caption caption1" data-x="80" data-y="200">iView<sup>&trade;</sup></div>
				<div class="iview-caption" data-x="80" data-y="275" data-transition="wipeRight">Самый удивительный слайдер</div>
				<div class="iview-caption" data-x="254" data-y="320" data-transition="wipeLeft"><i>Представляет <b>Hemn Chawroka</b></i></div>
			</div>

			<div data-iview:image="photos/photo2.jpg" data-iview:transition="zigzag-drop-top,zigzag-drop-bottom" data-iview:pausetime="3000">
				<div class="iview-caption caption5" data-x="60" data-y="280" data-transition="wipeDown">Заголовки могут быть расположены в любом месте</div>
				<div class="iview-caption caption6" data-x="300" data-y="350" data-transition="wipeUp"><a href="#">Пример URL ссылки</a></div>
			</div>

			<div data-iview:image="photos/video.jpg" data-iview:type="video" data-iview:transition="strip-right-fade,strip-left-fade">
				<iframe src="http://player.vimeo.com/video/11475955?byline=1&amp;portrait=0" width="100%" height="100%" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
				<div class="iview-caption caption2" data-x="450" data-y="340" data-transition="wipeRight">Видео</div>
				<div class="iview-caption caption3" data-x="600" data-y="345" data-transition="wipeLeft">Поддержка</div>
			</div>

			<div data-iview:image="photos/photo3.jpg">
				<div class="iview-caption caption4" data-x="50" data-y="80" data-width="312" data-transition="fade">Опции iView:</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="135" data-transition="wipeLeft" data-easing="easeInOutElastic">Листание пальцем на сенсорных устройствах</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="172" data-transition="wipeLeft" data-easing="easeInOutElastic">Масштабируемость изображений</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="209" data-transition="wipeLeft" data-easing="easeInOutElastic">Пользовательские эффекты перехода</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="246" data-transition="wipeLeft" data-easing="easeInOutElastic">Свободное позиционирование и стилизация заголовков</div>
				<div class="iview-caption blackcaption" data-x="50" data-y="283" data-transition="wipeLeft" data-easing="easeInOutElastic">Кроссбраузерность</div>
			</div>

			<div data-iview:image="photos/photo4.jpg">
				<div class="iview-caption caption7" data-x="0" data-y="0" data-width="180" data-height="480" data-transition="wipeRight"><h3>Адаптивный заголовок</h3>Это продукт, который <b><i>все вы ждали</b></i>!<br><br>Простое пользовательское оформление слайдера. Каждый слайд можно сопровождать заголовком.<br><br>И всё это работает во всех браузерах (включая IE6 / 7 / 8) и на iOS и Android устройствах!</div>
			</div>

			<div data-iview:image="photos/photo5.jpg">
				<div class="iview-caption caption5" data-x="60" data-y="150" data-transition="wipeLeft">Чего ждете?</div>
				<div class="iview-caption caption6" data-x="160" data-y="230" data-transition="wipeRight">Вперёд!</div>
			</div>
		</div>
	</div>