<!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>{{.Title}}</title>
    <meta name="keywords" content="{{.Keywords}}" />
    <meta name="description" content="{{.Desc}}" />

    <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 {
            clear: both;
            background-color: #f7fbfd;
            width: 100%;
            padding: 40px 150px;
            box-sizing: border-box;
        }
        .copyright{
            color: #6c757d;
            text-align: center;
            margin: 60px 0;
        }
        .mainTechLeft{
            width: 300px;
            float: left;
        }
        .mainTechLeft 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;
        }
        .mainTechLeft p{
            font-size: 18px;
            line-height: 28px;
            color: #888;
            margin: 10px 0 5px;
        }
        .floatRight{
            width: 700px;
            border: 1px solid #e1e1e1;
            padding: 4px;
            margin-top: 35px;
            display: block;
            float: right;
        }
    </style>
</head>
<body>

<!--content-->
<header class="header">
    <div class="container">
        <h1><a href="/">flytalk</a></h1>
        <a class="navBtn" href="/index_en">English (United States)</a>
        <a class="navBtn" href="/index_cn">中文版 (简体)</a>
        <a class="navBtn" href="https://github.com/taoshihan1991/go-fly" target="_blank">Github</a>
        <a class="navBtn" href="/login">{{ .AgentsEntry }}</a>
        <a class="navBtn" href="/docs/index.html" target="_blank">{{ .DocEntry }}</a>
    </div>
</header>
<div class="banner">
    <h1>{{ .ProjectTitle }}</h1>
    <p>{{ .ProjectDesc }}</p>
</div>
<div class="jumbotron">
    <img src="/static/images/intro1.jpg"/>
</div>
<div class="container">
    <img src="/static/images/admin.png"/>
</div>


<footer class="footer">
    <div class="container">

    </div>
    <div class="copyright">
        {{ .Copyright }}
    </div>
</footer>




<!--对接客服代码-->
<script>
    var GOFLY_URL="";
    var GOFLY_KEFU_ID="kefu2";
    var GOFLY_BTN_TEXT="{{.OnlineChat}}";
</script>
<script src="/static/js/gofly-front.js"></script>
<!--//对接客服代码-->

<!--自动弹代码-->
<style>
    /*自动弹出*/
    .autoInvite{
        width: 400px;
        height: 162px;
        position: fixed;
        top:50%;
        left: 50%;
        margin-top: -81px;
        margin-left: -200px;
        background: url("/static/images/inviteColorBack1.png");
        display: none;
    }
    .autoInvite .autoInviteNotice{
        margin-top: 4px;
    }
    .autoInvite .autoInviteContent{
        width: 220px;
        height: 90px;
        position: absolute;
        top:55px;
        right: 20px;
        font-size: 13pt;
        color: #fff;
        word-break: break-all;
        line-height: 25px;
    }
    .autoInvite .autoInviteBtns a{
        display: inline-block;
        width: 80px;
        height: 32px;
        line-height: 32px;
        color: #fff;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 5px;
        cursor: pointer;
        font-size: 13px;
        margin-right: 8px;
        text-decoration: none;
    }
    .autoInvite .autoInviteBtns a.nowAsk{
        color: #0085DA;
        background-color: #fff;
    }

</style>
<div class="autoInvite">
    <div class="autoInviteContent">
        <div class="autoInviteNotice">{{.Notice}}</div>
        <div class="autoInviteBtns">
            <a href="javascript:void(0)" id="noAsk">{{.LaterAsk}}</a>
            <a href="javascript:void(0)" class="nowAsk">{{.NowAsk}}</a>
        </div>
    </div>
</div>
<script>
    var invite=false;

setTimeout(function(){
    if (invite) return;
    $(".autoInvite").show();
    invite=true;

    $("#noAsk").click(function(){
        $(".autoInvite").hide();
        invite=true;
    });
    $(".nowAsk").click(function(){
        $(".autoInvite").hide();
        showKefu();
        invite=true;
    });
},8000);
</script>
<!--自动弹代码-->
</body>
</html>