moschino-ccss16/static/templates/fashion-show.html

Moschino's Capsule Collection Spring Summer 2016 package

			<!-- START .fashion -->
			<section class="fashion clearfix">
				<!-- START .scroller -->
				<div class="scroller">

					<!-- START .content -->
					<div class="content">
						<!-- START .slider -->
						<div class="slider" id="cover-slider">
							<!-- START .handle -->
							<div class="handle">
								{{#each medias}}
								<article class="clearfix selected">
									{{#equal type "yt"}}
									<iframe src="https://www.youtube.com/embed/{{src}}" width="100%" height="100%"></iframe>
									{{/equal}}
									{{#equal type "vimeo"}}
									<iframe src="https://player.vimeo.com/video/{{src}}" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
									{{/equal}}
									{{#equal type "image"}}
									<img src="{{src}}" alt="{{title}}" title="{{title}}" data-action="preload" />
									{{/equal}}
									<h2>{{title}}</h2>
									{{#equal type "image"}}
									<p class="btn-zoom"><a href="javascript:void(0)" data-open="{{big}}" title="Zoom">Zoom</a></p>
									{{/equal}}
								</article>
								{{/each}}
							</div>
							<!-- /END .handle -->
						</div>
						<!-- /END .slider -->
						<!-- START .pager -->
						<ul class="pager hidden clearfix">
							{{#each medias}}
							<li><a href="javascript:void(0)" title="{{@index}}">{{@index}}</a></li>
							{{/each}}
						</ul>
						<!-- /END .pager -->
						<!-- START .arrows -->
						<ul class="arrows hidden clearfix">
							<li class="prev"><a href="javascript:void(0)" title="Previous">previous</a></li>
							<li class="next"><a href="javascript:void(0)" title="Next">next</a></li>
						</ul>
						<!-- /END .arrows -->

					</div>
					<!-- /END .content -->

				</div>
				<!-- /END .scroller -->
			</section>
			<!-- /END .fashion -->