@extends('style.master')

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

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

@section('page_content')

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

					<h1>Solutions</h1>

					<ol class="breadcrumb">
						<li><a href="/">Home</a></li>
						<li class="active">model</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 model -->
						<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-saveperformance="off" data-title="Slide 2">

							<img src="assets/images/1x1.png" data-lazyload="images/banner-support-1.jpeg" alt="" data-bgfit="cover" data-bgposition="center bottom" data-bgrepeat="no-repeat" />

							<div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>

							<div class="tp-caption customin ltl tp-resizeme text_white"
								data-x="center"
								data-y="125"
								data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="800"
								data-start="1000"
								data-easing="easeOutQuad"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn" style="z-index: 10;">
								<span class="weight-300">API / ADMIN / WIDGET</span>
							</div>

							<div class="tp-caption customin ltl tp-resizeme large_bold_white"
								data-x="center"
								data-y="175"
								data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="800"
								data-start="1200"
								data-easing="easeOutQuad"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn" style="z-index: 10;">
                                。。。。。。。。工具。。。。。。。。。
							</div>

							<div class="tp-caption customin ltl tp-resizeme small_light_white font-lato"
								data-x="center"
								data-y="265"
								data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="800"
								data-start="1400"
								data-easing="easeOutQuad"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn" style="z-index: 10; width: 100%; max-width: 750px; white-space: normal; text-align:center; font-size:20px;">
								。。。。。。。。工具。。。。。。。。。
							</div>

							<div class="tp-caption customin ltl tp-resizeme"
								data-x="center"
								data-y="353"
								data-customin="x:0;y:150;z:0;rotationZ:0;scaleX:1;scaleY:1;skewX:0;skewY:0;opacity:0;transformPerspective:200;transformOrigin:50% 0%;"
								data-speed="800"
								data-start="1550"
								data-easing="easeOutQuad"
								data-splitin="none"
								data-splitout="none"
								data-elementdelay="0.01"
								data-endelementdelay="0.1"
								data-endspeed="1000"
								data-endeasing="Power4.easeIn" style="z-index: 10;">
								<a href="https://docs.google.com/forms/d/e/1FAIpQLSeG9XNv-e53gqMNkgE-EL810ex0NHr27iv7b4v4yTxwg14p8A/viewform?usp=sf_link" target="_blank" class="btn btn-default btn-lg">
									<span>填寫諮詢表單</span> 
								</a>
							</div>

						</li>

					</ul>

				</div>

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

			<div class="row margin-top-60">

				<div class="col-md-8 col-md-offset-2">

					<table class="">
						<thead>
							<th class="filename">
								文件名稱
							</th>
							<th class="download">
								文件下載
							</th>
							<th>
								說明
							</th>
						</thead>
						<tbody>
							<tr>
								<td class="center">API 文件</td>
								<td class="center">
									<!-- <a href="#" target="_blank" class="btn btn-info btn-lg">
										<span>下載</span> 
									</a> -->
								</td>
								<td>
									下載 Postman 安裝啟用後，點選 (在 New 旁邊的) Import 按鈕，選擇下載的 API 文件檔案
								</td>
							</tr>
							<tr>
								<td class="center">Admin 文件</td>
								<td class="center">
									<a href="files/AdminManual.pdf" target="_blank" class="btn btn-info btn-lg">
										<span>下載</span> 
									</a>
								</td>
								<td></td>
							</tr>
							<tr>
								<td class="center">Widget 文件</td>
								<td class="center">
									<!-- <a href="#" target="_blank" class="btn btn-info btn-lg">
										<span>下載</span> 
									</a> -->
								</td>
								<td></td>
							</tr>
						</tbody>
					</table>

				</div>

			</div>


			

			<!-- Submit now -->
			<div class="callout alert alert-transparent noborder noradius nomargin">

                <div class="text-center margin-top-60 margin-bottom-60">


					<p class="font-lato size-20">
						<a href="https://docs.google.com/forms/d/e/1FAIpQLScwicxVQuZx56EowQ6KePZCcUg46xSrBePiU1l-zngJojVDyQ/viewform?usp=sf_link" target="_blank" class="btn btn-success btn-lg">
							<span>立即洽詢</span> 
						</a>
					</p>
					
					
				</div>

			</div>
			<!-- /CALLOUT Submit now -->

@endsection