<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>上海医院预约抢号系统</title>
    <link rel="stylesheet" href="{{url_for('static',filename='css/iconfont.css')}}">
    <link rel="stylesheet" href="{{url_for('static',filename='css/style.css')}}">
    <style type="text/css">
        .divcss5{
            text-align:center;
            font-size: 50px;
        }
        .divcss4{
            text-align:center;
        } 
        #box{
            width: 380px;
            margin: 30px auto;
            font-family: 'Microsoft YaHei';
            font-size: 14px;
        }
        input{
            width: 260px;
            border: 1px solid #e2e2e2;
            height: 30px;
            float: left;
            background-repeat: no-repeat;
            background-size: 25px;
            background-position:5px center;
            padding:0 0 0 40px;
        }
        #search{
            width: 78px;
            height: 32px;
            float: right;
            background: black;
            color: white;
            text-align: center;
            line-height: 32px;
            cursor: pointer;
        }
        #submit{
            width: 78px;
            height: 32px;
            padding-left:5px;
            float: right;
            background: black;
            color: white;
            text-align: center;
            line-height: 32px;
            cursor: pointer;
        }
     
    </style>
</head>

<body>
    <div class="container" id="container">
        <aside class="left-bar" id="leftBar">
            <div class="title">
                <p>上海医院预约抢号系统</p>
            </div>
            <nav class="nav">
                <div class="item active"><i class="iconfont icon-daohang2"></i>点击下方按钮<i class="line"></i></div>
                <ul class="nav-item" id="navItem">
                </ul>
            </nav>
        </aside>
        <section class="main">
            <div id="mainContent">
                <!-- 手机端菜单 -->
                <div id="menu"><a href="#">菜单</a></div>
                <!-- 开发社区 -->
                <div class="box">
                    <div class="sub-category">
                        <div><i class="iconfont icon-yunying"></i>请输入搜索内容</div>
                    </div>
                    <div id="box">
                        <form action="search" method="post" enctype="multipart/form-data">
                            <input type="text" name="search" placeholder="请输入关键字" >
                            <input type="submit" id="submit" value="搜索">
                        </form>
                    </div>

                </div>
                <div class="box">
                        <div class="sub-category">
                            <div><i class="iconfont icon-yunying"></i>点击下方按钮选择医院</div>
                        </div>
                        <div id="box">
                                <a target="_blank" href="{{url_for('index')}}">
                                    <div class="item">
                                        <div class="no-logo divcss5">选择医院</div>
                                    </div>
                                </a>
                            </div>
                    </div>
                <div class="box">
                        <div class="sub-category">
                            <div><i class="iconfont icon-yunying"></i>{{ img_info[1] }}</div>
                        </div>
                    <img src={{ img_info[0] }}  alt="打赏二维码" title="打赏二维码" data-action="zoom" class="" style="">
                    </div>
            </div>
                <footer class="footer">
                    <div class="copyright">
                        <div>
                            Copyright © 2018- 2050
                            <a href="http://www.ixxooi.com">博客</a>
                        </div>
                    </div>
                </footer>
        </section>
    </div>

</body>
</html>