staticIndex.html

<!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="./staticImages/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="./staticLib/layui/css/layui.css" />
    <link type="text/css" rel="stylesheet" href="./staticCss/global.css" />
</head>

<body>
    <div class="subject top-logo">
        <div class="top_logo_content">
            <h1><a href="./staticIndex.html"><img src="staticImages/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="./staticIndex.html" title="首页">首页</a></li>
            <li class="layui-nav-item"><a href="./staticViews/xwdt/index.html"title="新闻动态">新闻动态</a></li>
            <li class="layui-nav-item"><a href="">业务办理</a></li>
            <li class="layui-nav-item"><a href="./staticViews/bszn/index.html">办事指南</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="./staticImages/banner.jpg" />
                </div>
                <div class="swiper_item">
                    <img class="swiper_img" title="刘亦菲" src="./staticImages/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="staticImages/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="./staticViews/gsgg/index.html"><span>公示公告</span><i>查看全部 ></i></a></h2>
                <ul>
                    <li>
                        <a href="" title="1地信中心开展外业安全生产监控系统培训工作">
                            1地信中心开展外业安全生产监控系统培训工作
                            <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
                        </a>
                    </li>
                    <li>
                        <a href="" title="2地信中心开展外业安全生产监控系统培训工作">
                            2地信中心开展外业安全生产监控系统培训工作
                            <button type="button" class="layui-btn layui-btn-warm layui-btn-xs">公告</button>
                        </a>
                    </li>
                    <li>
                        <a href="" title="3地信中心开展外业安全生产监控系统培训工作">
                            3地信中心开展外业安全生产监控系统培训工作
                            <button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
                        </a>
                    </li>
                    <li>
                        <a href="" title="4地信中心开展外业安全生产监控系统培训工作">
                            4地信中心开展外业安全生产监控系统培训工作
                            <button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
                        </a>
                    </li>
                    <li>
                        <a href="" title="5地信中心开展外业安全生产监控系统培训工作">
                            5地信中心开展外业安全生产监控系统培训工作
                            <button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
                        </a>
                    </li>
                    <li>
                        <a href="" title="6地信中心开展外业安全生产监控系统培训工作">
                            6地信中心开展外业安全生产监控系统培训工作
                            <button type="button" class="layui-btn layui-btn-normal layui-btn-xs">公示</button>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="c_two">
        <div class="subject">
            <h2><a href="">便民服务</a></h2>
            <ul>
                <li>
                    <img src="staticImages/two_s_1.jpg" />
                    <h6>土地</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
                <li>
                    <img src="staticImages/two_s_1.jpg" />
                    <h6>房屋建筑</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
                <li>
                    <img src="staticImages/two_s_1.jpg" />
                    <h6>构筑物</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
                <li>
                    <img src="staticImages/two_s_1.jpg" />
                    <h6>森林林木</h6>
                    <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系统培训工作</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 法律法规 -->
    <div class="laws_regulations">
        <div class="regulations title">
            <h2>
                <a href="">
                    <p>
                        <span>法律法规</span>
                    </p>
                    <i>查看全部 ></i>
                </a>
            </h2>
            <ul class="laws_list">
                <li>
                    <a href="" title="基础问题基础问题基础问题基础问题基">
                        基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题
                    </a>
                </li>
                <li>
                    <a href="" title="一手商品房办证">
                        一手商品房办证
                    </a>
                </li>
                <li>
                    <a href="" title="二手商品房办证">
                        二手商品房办证
                    </a>
                </li>
                <li>
                    <a href="" title="经济适用房登记">
                        经济适用房登记
                    </a>
                </li>
                <li>
                    <a href="" title="变更登记">
                        变更登记
                    </a>
                </li>
                <li>
                    <a href="" title="变更登记变更登记">
                        变更登记变更登记
                    </a>
                </li>
            </ul>
        </div>
        <div class="policy title">
            <h2>
                <a href="">
                    <p>
                        <span>相应政策</span>
                    </p>
                    <i>查看全部 ></i>
                </a>
            </h2>
            <ul class="laws_list">
                <li>
                    <a href="" title="基础问题基础问题基础">
                        基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题基础问题
                    </a>
                </li>
                <li>
                    <a href="" title="一手商品房办证">
                        一手商品房办证
                    </a>
                </li>
                <li>
                    <a href="" title="二手商品房办证">
                        二手商品房办证
                    </a>
                </li>
                <li>
                    <a href="" title="经济适用房登记">
                        经济适用房登记
                    </a>
                </li>
                <li>
                    <a href="" title="变更登记">
                        变更登记
                    </a>
                </li>
                <li>
                    <a href="" title="变更登记变更登记">
                        变更登记变更登记
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 好差评 -->
    <div class="Good_bad_reviews">
        <img src="./staticImages/bannerbg.png" title="背景">
    </div>
    <!-- 常见问题，政民互动 -->
    <div class="common_question">
        <div class="subject_con">
            <dl class="subject">
                <dt class="title">
                    <h2>
                        <a href="">
                            <p>
                                <span>常见问题</span>
                            </p>
                            <i>查看全部 ></i>
                        </a>
                    </h2>
                </dt>
                <div class="list_content">
                    <dd>
                        <a href="">基础问题</a>
                        <a href="">继承登记</a>
                    </dd>
                    <dd>
                        <a href="">一手商品房办证</a>
                        <a href="">抵押登记</a>
                    </dd>
                    <dd>
                        <a href="">二手房办证</a>
                        <a href="">预售及网签</a>
                    </dd>
                    <dd>
                        <a href="">经济适用房登记</a>
                        <a href="">夫妻加减名变更</a>
                    </dd>
                    <dd>
                        <a href="">变更登记</a>
                        <a href="">夫妻离婚变更</a>
                    </dd>
                </div>
            </dl>
            <dl class="interact">
                <dt class="title">
                    <h2>
                        <a href="">
                            <p>
                                <span>政民互动</span>
                            </p>
                            <i>查看全部 ></i>
                        </a>
                    </h2>
                </dt>
                <div class="list_content_right">
                    <dd>
                        <a>
                            <img src="./staticImages/two_s_1.jpg" />
                            <p>在线评价</p>
                        </a>
                    </dd>
                    <dd>
                        <a>
                            <img src="./staticImages/two_s_1.jpg" />
                            <p>在线留言</p>
                        </a>
                    </dd>
                    <dd>
                        <a>
                            <img src="./staticImages/two_s_1.jpg" />
                            <p>征集调查</p>
                        </a>
                    </dd>
                    <dd>
                        <a>
                            <img src="./staticImages/two_s_1.jpg" />
                            <p>即时聊天</p>
                        </a>
                    </dd>
                </div>

            </dl>
        </div>
    </div>
    <!-- 友情链接 -->
    <div class="c_five Links">
        <div class="subject">
            <h2>
                <a href="">
                    友情链接
                </a>
            </h2>
            <ul>
                <li>
                    <a href="">
                        <img src="./staticImages/guotuziyuanbao.png">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./staticImages/zhongyangzhengfuwang.png">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./staticImages/zhongyangzhengfuwang.png">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./staticImages/guotuziyuanbao.png">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./staticImages/guotuziyuanbao.png">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./staticImages/zhongyangzhengfuwang.png">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./staticImages/guotuziyuanbao.png">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="./staticImages/zhongyangzhengfuwang.png">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="system_service">
            <ul class="">
                <li>
                    <a href="">
                        <span>公示公告</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>法律法规</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>相应政策</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>下载服务</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <span>关于我们</span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="subject">
            <div class="footer_logo">
                <a href="">
                    <img src="./staticImages/jiguan.png">
                </a>
            </div>
            <ul>
                <li>
                    西安市自然资源和规划局
                </li>
                <li>
                    电话：028-456465
                </li>
                <li>
                    地址：西安市丰城8路
                </li>
                <li>
                    网站标识吗：87987987
                </li>
                <li>
                    备案：陕IPC456465465
                </li>
                <li>
                    陕公网备案：456465465
                </li>
            </ul>
            <ol>
                <li>
                    <img src="./staticImages/code.png">
                    <p>扫描关注公众号</p>
                </li>
                <li>
                    <img src="./staticImages/code.png">
                    <p>扫描关注公众号</p>
                </li>

            </ol>
        </div>
    </div>

</body>

</html>
<script src="./staticLib/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;

        //…
    });
    layui.use('util', function () {
        var util = layui.util;
        //执行
        util.fixbar({
            bar1: true,
            bar2: true,
            top: true
            , click: function (type) {
                console.log(type);
                if (type === 'bar1') {
                    alert('点击了bar1')
                }
            }
        });
    });
</script>