@extends('style.master')

@section('page_title','首頁')

@section('page_style')
<link href="{{ url('/css/storefront.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('page_content')

			<!-- PAGE HEADER -->
			<!-- <section class="page-header page-header-xs">
				<div class="container">

					<h1>Storefront</h1>

					<ol class="breadcrumb">
						<li><a href="/">Home</a></li>
						<li class="active">Storefront</li>
					</ol>

				</div>
			</section> -->
			<!-- /PAGE HEADER -->

			<!-- REVOLUTION SLIDER -->
			<div class="slider fullwidthbanner-container roundedcorners">

				<div class="fullwidthbanner" data-height="480" data-shadow="0" data-navigationStyle="preview2">
					
					<ul class="hide">

						<!-- SLIDE  -->
						<li data-transition="fade" data-slotamount="7" data-masterspeed="300"  data-saveperformance="off" data-title="Slide 3">
							<img src="assets/images/1x1.png" data-lazyload="assets/images/demo/wall2.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />

							<div class="tp-caption lfr" 
								data-x="left" data-hoffset="60"
								data-y="85" 
								data-speed="1500" 
								data-start="500" 
								data-easing="easeOutExpo" 
								data-elementdelay="0.1" 
								data-endelementdelay="0.1" 
								data-endspeed="300" 
								style="z-index: 2;">
								<img src="assets/images/1x1.png" data-lazyload="images/banner-storefront-1.jpeg" alt="" />
							</div>

							<div class="tp-caption block_black sft" 
								data-x="right" data-hoffset="-70"
								data-y="137" 
								data-speed="750" 
								data-start="1100" 
								data-easing="easeOutExpo" 
								data-splitin="none" 
								data-splitout="none" 
								data-elementdelay="0.1" 
								data-endelementdelay="0.1" 
								data-endspeed="300" 
								style="z-index: 3; max-width: auto; max-height: auto; white-space: nowrap;">StoreFront Template
							</div>

							<div class="tp-caption block_black sfb" 
								data-x="right" data-hoffset="-70" 
								data-y="176" 
								data-speed="750" 
								data-start="1400" 
								data-easing="easeOutExpo" 
								data-splitin="none" 
								data-splitout="none" 
								data-elementdelay="0.1" 
								data-endelementdelay="0.1" 
								data-endspeed="300" 
								style="z-index: 4; max-width: auto; max-height: auto; white-space: nowrap;">100% Fully Responisve
							</div>

							<div class="tp-caption block_theme_color sft" 
								data-x="right"  data-hoffset="-70"
								data-y="239" 
								data-speed="750" 
								data-start="1700" 
								data-easing="easeOutExpo" 
								data-splitin="none" 
								data-splitout="none" 
								data-elementdelay="0.1" 
								data-endelementdelay="0.1" 
								data-endspeed="300" 
								style="z-index: 5; max-width: auto; max-height: auto; white-space: nowrap;">With Free
							</div>

							<div class="tp-caption block_theme_color sfb" 
								data-x="right"  data-hoffset="-70"
								data-y="278" 
								data-speed="750" 
								data-start="2000" 
								data-easing="easeOutExpo" 
								data-splitin="none" 
								data-splitout="none" 
								data-elementdelay="0.1" 
								data-endelementdelay="0.1" 
								data-endspeed="300" 
								style="z-index: 6; max-width: auto; max-height: auto; white-space: nowrap;">Additions &amp; Optimizations
							</div>

							<div class="tp-caption block_black sft" 
								data-x="right"  data-hoffset="-70"
								data-y="340" 
								data-speed="750" 
								data-start="2300" 
								data-easing="easeOutExpo" 
								data-splitin="none" 
								data-splitout="none" 
								data-elementdelay="0.1" 
								data-endelementdelay="0.1" 
								data-endspeed="300" 
								style="z-index: 7; max-width: auto; max-height: auto; white-space: nowrap;">For Your Store
							</div>
						</li>

					</ul>

				</div>

			</div>
			<!-- /REVOLUTION SLIDER -->

			<!-- 版型清單 -->
			<section id="multipage">
				<div class="container">
					
					<!-- Section Header -->
					<header class="section-header text-center">
						<div class="heading-title heading-line-double text-center">
							<h2>STORE FRONT ONE PAGE TEMPLATE LAYOUTS</h2>
						</div>
					</header>
					<!-- /Section Header -->

					<div class="row text-center margin-bottom-80 wow fadeIn">

						<!-- Item 1 -->
						<div class="col-md-4 col-sm-6 margin-bottom-60 thumbnail">

							<h3>090817</h3>
							
							<div>
								<a target="_blank" href="store/090817/demo.php">
									<img class="img-responsive lazy" src="store/090817/map.jpg" data-original="store/090817/map.jpg" alt="">
								</a>
							</div>

							<div class="template">
								<div class="row">
									<div class="col-md-6 center">
										<a target="_blank" href="store/090817/demo.php" class="btn btn-default btn-block">Demo</a>
									</div>
									<div class="col-md-6 center">
										<a href="store/090817.zip" class="btn btn-info btn-block">Free Download</a>
									</div>
								</div>
							</div>

						</div>
						<!-- /Item 1 -->

						<!-- Item 2 -->
						<div class="col-md-4 col-sm-6 margin-bottom-60 thumbnail">

						<h3>090907</h3>
							
							<div class="margin-bottom-50">
								<a target="_blank" href="store/090907/demo.php">
									<img class="img-responsive lazy" src="store/090907/map.jpg" data-original="store/090907/map.jpg" alt="">
								</a>
							</div>

							<div class="template">
								<div class="row">
									<div class="col-md-6 center">
										<a target="_blank" href="store/090907/demo.php" class="btn btn-default btn-block">Demo</a>
									</div>
									<div class="col-md-6 center">
										<a href="store/090907.zip" class="btn btn-info btn-block">Free Download</a>
									</div>
								</div>
							</div>

						</div>
						<!-- /Item 1 -->



                    </div>
                </div>
            </section>
            <!-- /版型清單 -->

@endsection