@extends('style.master')

@section('page_title','技術支援')

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

@section('page_content')

<!-- REVOLUTION SLIDER -->
<div class="support-banner">
	<div class="banner-text-position">
		<div class="row  text-center">
			<div class="col-md-12 support-text-white">
				<span class="weight-300">API / ADMIN / WIDGET</span>
			</div>
			<div class="col-md-12 support-large-bold-white">
				技術支援
			</div>
			<div class="col-md-12 support-large-bold-white">
				Technical Support
			</div>
			<div class="col-md-12 support-small-light-white">
				技術支援的相關詢問，將優先以表單方式進行回覆。
			</div>
			<div class="col-md-12 support-btn">
				<a href="https://docs.google.com/forms/d/e/1FAIpQLSeG9XNv-e53gqMNkgE-EL810ex0NHr27iv7b4v4yTxwg14p8A/viewform?usp=sf_link" class="btn btn-default btn-lg" target="_blank" role="button">填寫諮詢表單</a>
			</div>
		</div>

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


<Section id="multipage" class="support-bg">
	<div class="container margin-bottom-150">
		<div class="row">
			<div class="col-md-6 text-center">
				<div class="box">
					<div class="box-in support-box-in animated">
					<a href="{{ url('/instructions_index') }}" target="_blank">
					<!-- <a href="" target="_blank"> -->
					<img src="images/support/support400.jpg">
						</a>
						<div class="support-block">
							<h2><span>使用說明</span></h2>
						</div>
					</div>
				</div>
			</div>
			<div class="col-md-6 text-center">
				<div class="box">
					<div class="box-in groups-box-in animated">
						<a href="https://groups.google.com/g/caas_tech" target="_blank">
							<img src="images/support/groups400x400blue.jpg">
						</a>
						<div class="support-block">
							<h2><span>技術論壇</span></h2>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>


@endsection