@extends('style.master')

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

@section('page_style')
<link href="{{ url('/css/solutions.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">Solutions</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 Solutions -->
						<li data-transition="fade" data-slotamount="7" data-masterspeed="300" data-title="Solutions" data-target="_blank" data-saveperformance="off">

							<img src="assets/images/1x1.png" data-lazyload="assets/images/demo/wall.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />

							<div class="tp-caption lfb" 
								data-x="right" data-hoffset="-70" 
								data-y="60" 
								data-speed="2000" 
								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" alt="" data-lazyload="images/banner-solutions-1.jpeg">
							</div>

							<div class="tp-caption mediumlarge_light_white lfb tp-resizeme" 
								data-x="left" data-hoffset="150"
								data-y="150" 
								data-speed="1000" 
								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: 3; max-width: auto; max-height: auto; white-space: nowrap;">新電商解決方案
							</div>

							<div class="tp-caption block_white sfl tp-resizeme" 
								data-x="170" 
								data-y="266" 
								data-speed="750" 
								data-start="1900" 
								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;">客製化開發
							</div>

							<div class="tp-caption block_theme_color sfr tp-resizeme" 
								data-x="220" 
								data-y="310" 
								data-speed="750" 
								data-start="2200" 
								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;">資料串整
							</div>

							<div class="tp-caption block_white sfb tp-resizeme" 
								data-x="270" 
								data-y="356" 
								data-speed="750" 
								data-start="2500" 
								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;">企業級解決方案
							</div>
						</li>

					</ul>
					
				</div>

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

			<!-- 使用情境 -->
			<section id="section-2">
				<div class="container">
					
					<div class="row margin-bottom-50">
					
						<!-- 客製化開發 -->
						<div class="col-md-6">
							
							<div class="heading-title heading-border-bottom heading-color">
								<h3>NRE 客製化開發</h3>
							</div>
						
							<p>
								針對特定應用需求而產生的開發需求，可以透過專案型態，進行委外開發。讓您的商務流程更貼切實際需要，提昇顧客體驗。
							</p>
					
						</div>
						<div class="col-md-6">
							<img src="images/solutions/1.jpg" alt="" class="img-responsive">
						</div>
						<!-- /客製化開發 -->

					</div>

					<div class="row margin-bottom-50">

						<!-- 資料串整 -->
						<div class="col-md-6 col-md-push-6">
							
							<div class="heading-title heading-border-bottom heading-color">
								<h3>Data Integration 資料串整</h3>
							</div>
						
							<p>
								針對企業既有多樣的資料來源、差異化的資料格式，必須透過合適規劃，才能進行內部及外部數據的串整。這能帶來更精準、更即時的商務預測，提昇決策品質。
							</p>
							
						</div>
						<div class="col-md-6 col-md-pull-6">
							<img src="images/solutions/2.jpeg" alt="" class="img-responsive">
						</div>
						<!-- /資料串整 -->

					</div>

					<div class="row margin-bottom-50">

						<!-- 企業級解決方案 -->
						<div class="col-md-6">
							
							<div class="heading-title heading-border-bottom heading-color">
								<h3>Industry Solutions 企業級解決方案</h3>
							</div>
						
							<p>
								針對企業電子商務情境，提供包括 CDP、金流物流整合等，整體服務方案。
							</p>
							
						</div>
						<div class="col-md-6">
							<img src="images/solutions/3.jpg" alt="" class="img-responsive">
						</div>
						<!-- /企業級解決方案 -->
						
					</div>

				</div>
			</section>
			<!-- /使用情境 -->

			<!-- 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