<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>GO-FLY - {{.WebDesc}}</title>
<meta name="description" content="GO-FLY，{{.SubIntro}}" />
<style>
*{
margin: 0;padding: 0;
}
.header{
height: 80px;
background-color: #fff;
color: #fff;
top: 0;
left: 0;
width: 100%;
line-height: 80px;
z-index: 100;
position: relative;
}
.container{
width: 1140px;
padding: 0;
margin: 0 auto;
}
.header .container{
height: 100%;
box-sizing: border-box;
border-bottom: 1px solid #dcdfe6;
}
.header h1{
margin: 0;
float: left;
font-size: 32px;
font-weight: 400;
}
.header a{
color: #519eff;
font-family: "Microsoft JhengHei";
text-decoration: none;
}
.header h1 a{
font-size: 30px;
font-weight: bold;
}
.header .navBtn{
float: right;
margin-left: 20px;
}
.banner{
padding-top: 20px;
text-align: center;
}
.banner h1{
font-size: 34px;
margin: 0;
line-height: 48px;
color: #555;
font-weight: 500;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.banner p{
font-size: 18px;
line-height: 28px;
color: #888;
margin: 10px 0 5px;
}
.jumbotron{
width: 587px;
height: 560px;
margin: 30px auto;
}
.footer {
background-color: #f7fbfd;
width: 100%;
padding: 40px 150px;
box-sizing: border-box;
}
.try{
display: inline-block;
padding: 10px 20px;
background: #519eff;
color: #fff;
border-radius: 5px;
cursor: pointer;
margin-right: 20px;
text-decoration: none;
}
.try:hover {
transform: translateY(-1px);
background: #318cff;
box-shadow: 0 7px 14px rgba(50,50,50,.1), 0 3px 6px rgba(0,0,0,.1);
}
.copyright{
color: #6c757d;
text-align: center;
margin: 60px 0;
}
.codeDeploy{
color: #fff;
width: 1000px;
margin: 0 auto;
background: #555555;
padding: 10px;
white-space: pre-wrap;
word-wrap: break-word;
line-height: 24px;
}
</style>
</head>
<header class="header">
<div class="container">
<h1><a href="/index">GO-FLY</a></h1>
<a class="navBtn" href="/index?lang=en">English (United States)</a>
<a class="navBtn" href="/index?lang=cn">中文版 (简体)</a>
</div>
</header>
<div class="banner">
<h1>{{.WebDesc}}</h1>
<p>{{.SubIntro}}</p>
</div>
<div class="jumbotron">
{{if eq .Lang "en"}}
<img src="/static/images/intro3.png"/>
{{else}}
<img src="/static/images/intro1.jpg"/>
{{end}}
</div>
<pre class="codeDeploy">
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script>
<link href="https://gofly.sopans.com/static/css/gofly-front.css" rel="stylesheet" type="text/css"/>
<div id="launchButton" class="launchButton">
<svg x="0px" y="0px" viewBox="0 0 27 21.9" aria-labelledby="title desc" role="img" class="xhl-launch-button-svg"><title>Chat Icon </title><desc>three small dots to indicate that an agent is available to chat</desc><path fill="#ffffff" d="M23.2,0L2.6,1.7C1,1.9,0,3.2,0,4.9v8c0,1.6,0.8,3,2.4,3.1l5.3,0.5c0,0,1,1.6,0.3,3.2C7.2,21.3,6,21.9,6,21.9 c4.2,0,6.6-3.1,7.8-4.9l9.4,0.7c1.8,0.2,3.8-1.3,3.8-3.1V3.1C27,1.3,25-0.1,23.2,0z M6.4,10.1c-0.9,0-1.7-0.7-1.7-1.7 c0-0.9,0.7-1.7,1.7-1.7C7.3,6.8,8,7.5,8,8.5C8,9.4,7.3,10.1,6.4,10.1z M13.2,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C14.8,9.4,14.1,10.1,13.2,10.1z M19.9,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C21.6,9.4,20.9,10.1,19.9,10.1z"></path></svg>
<div class="launchButtonText">
Chat with us
</div>
</div>
<script>
var GOFLY_URL="https://gofly.sopans.com";
</script>
<script src="https://gofly.sopans.com/static/js/gofly-front.js"></script>
</pre>
<footer class="footer">
<div class="container">
<a class="try" href="/docs/index.html" target="_blank">{{.Document}}</a>
<a class="try" href="/login?lang={{.Lang}}" target="_blank">{{.AgentBtn}}</a>
<a class="try" href="https://github.com/taoshihan1991/go-fly" target="_blank">Github</a>
</div>
<div class="copyright">
{{.Copyright}}© 2020
</div>
</footer>
<!--对接客服代码-->
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script>
<link href="/static/css/gofly-front.css" rel="stylesheet" type="text/css"/>
<div id="launchButton" class="launchButton animateUpDown">
<svg x="0px" y="0px" viewBox="0 0 27 21.9" aria-labelledby="title desc" role="img" class="xhl-launch-button-svg"><title>Chat Icon </title><desc>three small dots to indicate that an agent is available to chat</desc><path fill="#ffffff" d="M23.2,0L2.6,1.7C1,1.9,0,3.2,0,4.9v8c0,1.6,0.8,3,2.4,3.1l5.3,0.5c0,0,1,1.6,0.3,3.2C7.2,21.3,6,21.9,6,21.9 c4.2,0,6.6-3.1,7.8-4.9l9.4,0.7c1.8,0.2,3.8-1.3,3.8-3.1V3.1C27,1.3,25-0.1,23.2,0z M6.4,10.1c-0.9,0-1.7-0.7-1.7-1.7 c0-0.9,0.7-1.7,1.7-1.7C7.3,6.8,8,7.5,8,8.5C8,9.4,7.3,10.1,6.4,10.1z M13.2,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C14.8,9.4,14.1,10.1,13.2,10.1z M19.9,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C21.6,9.4,20.9,10.1,19.9,10.1z"></path></svg>
<div class="launchButtonText">
Chat with us
</div>
</div>
<script>
var GOFLY_URL="";
</script>
<script src="/static/js/gofly-front.js"></script>
<!--//对接客服代码-->
<script>
setTimeout(function(){
if (launchButtonFlag) return;
layer.open({
type: 2,
title: "Chat with us",
closeBtn: 1, //不显示关闭按钮
shade: [0],
area: ['510px', '520px'],
offset: 'rb', //右下角弹出
anim: 2,
content: ['/chat_page?lang=en', 'no'], //iframe的url，no代表不显示滚动条
end: function(){
launchButtonFlag=false;
$(".launchButton").show();
}
});
launchButtonFlag=true;
$(".launchButton").hide();
},8000);
</script>
</html>