<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="/css/index.css"/>
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
    <script type="text/javascript" src="/js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="/js/popper.min.js"></script>
    <script type="text/javascript" src="/js/showdown.min.js"></script>
    <script type="text/javascript" src="/js/regist.js"></script>
</head>
<body style="margin: 0">
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
    <span class = "badge badge-primary">Weavi's Database api details</span>
</nav>
<div class="mx-auto" style="background:url(/images/show.png) no-repeat;background-size:100%;">
    <br/>
    <div class="row mx-auto rounded w-50 h-50" style="font-size:22px;background:#99CC99">

    </div>
    <div class="container">
       <div class="table-responsive">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>接口名称</th>
                <th>接口创建日期</th>
                <th>接口描述</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>Coupon api</td>
                <td>2019-04-03</td>
                <td>优惠券类接口</td>
            </tr>
            <tr>
                <td>Map Route api</td>
                <td>2019-03-01</td>
                <td>地图路径类接口</td>
            </tr>
            <tr>
                <td>weather api</td>
                <td>2019-04-02</td>
                <td>天气类接口</td>
            </tr>
            <tr>
                <td>hotel api</td>
                <td>2019-04-02</td>
                <td>查询酒店类接口</td>
            </tr>
            <tr>
                <td>check train api</td>
                <td>2019-04-02</td>
                <td>查票类接口</td>
            </tr>
            <tr>
                <td>food api</td>
                <td>2019-04-02</td>
                <td>查询美食类接口</td>
            </tr>
            </tbody>
        </table>
        </div>
        <ul class="pagination">
            <li class="page-item"><a class="page-link" href="#">Previous</a></li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">Next</a></li>
        </ul>
    </div>
    <br/>
</div>
</body>
</html>