index.html 9.75 KB
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>网上“一窗办事”登记系统</title>
    <meta name="copyright" content=" &reg 技术支持 All Rights Reserved" />
    <meta name="robots" content="index,follow" />
    <meta name="googlebot" content="index,follow,archive" />
    <link rel="alternate icon" type="image/png" href="images/logo-realestate.png">
    <link rel='icon' href='favicon.ico' type='image/x-ico' />
    <meta name="description" content="" />
    <meta name="Keywords" content="" />
    <link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
    <link type="text/css" rel="stylesheet" href="./css/global.css" />
</head>

<body>
    <div class="subject top-logo">
        <div class="top_logo_content">
            <h1><a href="index.html"><img src="images/logo.jpg" alt="西安市不动产登记平台" /></a></h1>

            <div class="top_logo_search">
                <input type="text" name="title" required lay-verify="required" placeholder="请输入关键字搜索" autocomplete="off"
                    class="layui-input">
                <i class="layui-icon layui-icon-search" style="font-size: 14px;"></i>
            </div>

            <ul class="login">
                <li>登录</li>
                <li>注册</li>
            </ul>
        </div>
    </div>
    <div class="navigation">
        <ul class="layui-nav layui-bg-blue" lay-filter="">
            <li class="layui-nav-item layui-this"><a href="">首页</a></li>
            <li class="layui-nav-item"><a href="">新闻动态</a></li>
            <li class="layui-nav-item"><a href="">业务办理</a></li>
            <li class="layui-nav-item"><a href="">办事指南</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">查验中心</a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd><a href="">移动模块</a></dd>
                    <dd><a href="">后台模版</a></dd>
                    <dd><a href="">电商平台</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">在线缴费</a></li>
            <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li>
        </ul>
    </div>
    <div class="banner">
        <div class="layui-carousel" id="banner_swiper">
            <div carousel-item>
                <div class="swiper_item">
                    <img class="swiper_img" title="刘亦菲" src="./images/banner.jpg" />
                </div>
                <div class="swiper_item">
                    <img class="swiper_img" title="刘亦菲" src="./images/banner.jpg" />
                </div>
            </div>
        </div>
        <ul class="banner_title">
            <li><a href="">查询档案</a></li>
            <li><a href="">进度查询</a></li>
            <li><a href="">在线预约</a></li>
            <li><a>网上预审</a></li>
        </ul>
    </div>
    <div class="c_one">
        <div class="subject">
            <div class="news">
                <h2><a href=""><span>新闻动态</span><i>查看全部 ></i></a></h2>
                <a class="news-img" href="" title="图片新闻地信中心开展外业安全生产监控系统培训工作"><img src="images/news_demo.jpg"
                        alt="图片新闻地信中心开展外业安全生产监控系统培训工作" /></a>
                <ul>
                    <li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
                    <li><a href="" title="创新技术体系 引领事业发展"><i>最新</i>创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
                    <li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
                    <li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
                    <li><a href="" title="创新技术体系 引领事业发展">创新技术体系 引领事业发展<span>2020-06-19</span></a></li>
                    <li><a href="" title="地信中心开展外业安全生产监控系统培训工作">地信中心开展外业安全生产监控系统… …<span>2020-08-19</span></a></li>
                </ul>
            </div>
            <div class="notice">
                <h2><a href=""><span>公示公告</span><i>查看全部 ></i></a></h2>
                <ul>
                    <li><a href="" title="1地信中心开展外业安全生产监控系统培训工作">1地信中心开展外业安全生产监控系统培训工作</a></li>
                    <li><a href="" title="2地信中心开展外业安全生产监控系统培训工作">2地信中心开展外业安全生产监控系统培训工作</a></li>
                    <li><a href="" title="3地信中心开展外业安全生产监控系统培训工作">3地信中心开展外业安全生产监控系统培训工作</a></li>
                    <li><a href="" title="4地信中心开展外业安全生产监控系统培训工作">4地信中心开展外业安全生产监控系统培训工作</a></li>
                    <li><a href="" title="5地信中心开展外业安全生产监控系统培训工作">5地信中心开展外业安全生产监控系统培训工作</a></li>
                    <li><a href="" title="6地信中心开展外业安全生产监控系统培训工作">6地信中心开展外业安全生产监控系统培训工作</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="c_two">
        <div class="subject">
            <h2><a href="">便民服务</a></h2>
            <ul>
                <li>
                    <img src="images/two_s_1.jpg" />
                    <h6>土地</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
                <li>
                    <img src="images/two_s_1.jpg" />
                    <h6>房屋建筑</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
                <li>
                    <img src="images/two_s_1.jpg" />
                    <h6>构筑物</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
                <li>
                    <img src="images/two_s_1.jpg" />
                    <h6>森林林木</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 法律法规 -->
    <div class="laws_regulations ">
        <div class="regulations">
            <h2>
                <a href="">
                    <p>
                        <span>法律法规</span>
                    </p>
                    <i>查看全部 ></i>
                </a>
            </h2>
        </div>
        <div class="policy">
            你的内容 3/12
        </div>
    </div>
    <div class="c_three">
        <div class="subject">
            <a class="c_t_banner" href=""><img src="images/three_img.jpg" /></a>
            <dl>
                <dt>
                    <h2>常见问题</h2>
                </dt>
                <dd><a href="">基础问题</a></dd>
                <dd><a href="">继承登记</a></dd>
                <dd><a href="">一手商品房办证</a></dd>
                <dd><a href="">抵押登记</a></dd>
                <dd><a href="">二手房办证</a></dd>
                <dd><a href="">预售及网签</a></dd>
                <dd><a href="">经济适用房登记</a></dd>
                <dd><a href="">夫妻加减名变更</a></dd>
                <dd><a href="">变更登记</a></dd>
                <dd><a href="">夫妻离婚变更</a></dd>
            </dl>
            <dl class="interact">
                <dt>
                    <h2>政民互动</h2>
                </dt>
                <dd>
                    <a>
                        <img src="" />
                        <p>在线评价</p>
                    </a>
                </dd>
                <dd>
                    <a>
                        <img src="" />
                        <p>在线留言</p>
                    </a>
                </dd>
                <dd>
                    <a>
                        <img src="" />
                        <p>征集调查</p>
                    </a>
                </dd>
                <dd>
                    <a>
                        <img src="" />
                        <p>即时聊天</p>
                    </a>
                </dd>
            </dl>
        </div>
    </div>
    <div class="c_four">
        <div class="subject"> dfadfasdf</div>
    </div>
    <div class="c_five">
        <div class="subject"> dfadfasdf</div>
    </div>
    <div class="footer">
        <div class="subject"> dfadfasdf</div>
    </div>

</body>

</html>
<script src="https://www.layuicdn.com/layui/layui.js"></script>
<script>
    layui.use('carousel', function () {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#banner_swiper'
            , width: '100%' //设置容器宽度
            , arrow: 'always' //始终显示箭头
            , autoplay: true
            , height: '500px'
        });
    });
    //注意:导航 依赖 element 模块,否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;

        //…
    });
</script>