zhangzhuoru-muyuan
/
index.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript" src="static/js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript" src="static/js/index.js"></script>
    <link href="static/css/index.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- MSVCP140.dll -->
    <!-- vcruntime140.dll -->
    <!-- C:\Windows\SysWOW64 -->
    <!-- pchead -->
    <div class="head">
        <div class="callbody">
            <div class="callbox">
                <div class="logobox">
                    <img src="./static/images/cell.png" alt="">
                </div>

                <span class="cell">0757-85221393</span>
                <span id="gtotest">登录</span>
                <span class="linebox">|</span>
                <span id="plasezc">注册</span>
            </div>
        </div>
        <div class="headbox">
            <div class="logobox">
                <img src="./static/images/logo.png" alt="">
            </div>

            <div class="menuli">
                <div class="menuitem">网上拜祭</div>
                <div class="menuitem">返回首页</div>
                <div class="menuitem">联系我们</div>
                <div class="menuitem active">业务预约</div>
            </div>
        </div>
    </div>
    <!-- apphead -->
    <div class="apphead">
        <div class="applogo">
            <img src="./static/images/applogo.png" alt="">
        </div>
        <div class="appmenu">
            <img src="./static/images/menu.png" alt="">
        </div>
    </div>
    <div class="banner">
        <img src="./static/images/banner.jpg" alt="">
    </div>
    <!-- pcbanner2 -->
    <div class="banner2">
        <div class="orderboy">
            <div class="orderhead">
                <div class="location">
                    <img src="./static/images/locetion.png" alt="">
                </div>
                <div class="ordertitle">
                    当前位置：业务预约
                </div>
            </div>
            <div class="orderabout">
                <div class="orderabouttitle">
                    <img src="./static/images/biaoti1.png" alt="">
                    <span class="bigtext">业务预约</span>
                </div>
                <div class="ordermain">
                    <div class="mainbox">
                        <div class="mainbox1">
                            <div class="mainimg">
                                <img src="./static/images/rili.png" alt="">
                            </div>
                            <div class="orderbtn1">
                                立即预约
                            </div>
                            <div class="btimg">
                                <img src="./static/images/mountain.jpg" alt="">
                            </div>
                        </div>
                        <div class="mainbox2">
                            <div class="mainimg">
                                <img src="./static/images/me.png" alt="">
                            </div>
                            <div class="orderbtn2">
                                我的预约
                            </div>
                            <div class="btimg">
                                <img src="./static/images/mountain.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- appbanner2 -->
    <div class="appbanner2">
        <div class="appywyy">
            <img src="./static/images/appbig.png" alt="">
            <div class="span">业务预约</div>
        </div>
        <div class="appyybox">
            <div class="applkbox">
                <div class="lkimg">
                    <img src="./static/images/rili.png" alt="">
                </div>
                <div class="lkbtn">立即预约</div>
                <div class="appyybg">
                    <img src="./static/images/mountain.jpg" alt="">
                </div>
            </div>
            <div class="appwdbox">
                <div class="wdimg">
                    <img src="./static/images/me.png" alt="">
                </div>
                <div class="wdbtn">我的预约</div>
                <div class="appyybg">
                    <img src="./static/images/mountain.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="footlogobox">
            <img src=".//static/images/logo2.png" alt="">
        </div>
        <!-- pcfoottext -->
        <div class="foottext">
            <span class="foottext1">服务咨询电话: 0757-85221393、85222394</span>
            <span>墓园地址: 广东省佛山市南海区狮山镇仙溪水库西路</span>
        </div>
        <!-- appfoottext -->
        <div class="appfoottext">服务咨询电话: 0757-85221393、85222394</div>
        <div class="appfoottext">墓园地址: 广东省佛山市南海区狮山镇仙溪水库西路</div>
    </div>
    <!-- pccall -->
    <div class="call">
        <span class="foottext1">版权所有: 佛山市南海华侨永久墓园管理公</span>
        <span class="foottext1">ICP备案号: 粤CP备13006391号</span>
        <span class="foottext1">粤公网安备 44060502001581号</span>
        <span class="">技术支持: 鹏博资讯</span>
    </div>
    <!-- appcall -->
    <div class="appcall">
        <div class="appfoottext">版权所有: 佛山市南海华侨永久墓园管理公</div>
        <div class="appcalldf">
            <div class="appfoottext">ICP备案号: 粤CP备13006391号</div>
            <div class="appfoottext">粤公网安备 44060502001581号</div>
        </div>

        <div class="appfoottext">技术支持: 鹏博资讯</div>
    </div>
    <script>
        $(function () {
            // 功能代码
            $("#plasezc").click(function () {
                console.log(6666)
                window.location.href = "./static/html/register.html";
            })
            $("#gtotest").click(function () {
                console.log(6666)
                window.location.href = "./static/html/test.html";
            })
            $(".appmenu").click(function () {
                console.log(6666)
                window.location.href = "./static/html/register.html";
            })
        });
    </script>
    <style>
        @media only screen and (min-width: 1220px) {

            .apphead,
            .appbanner2,
            .appfoottext,
            .appcall {
                display: none;
            }
        }

        @media only screen and (max-width: 1220px) {

            .head,
            .banner2,
            .foottext,
            .call {
                display: none;
            }

            .apphead {
                padding: 0 5vw;
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 120px;
                border-bottom: 2px solid #0E973D;
            }

            .applogo {
                width: 224px;
                height: 72px;
            }

            .applogo img,
            .appmenu img {
                width: 100%;
                height: 100%;
            }

            .appmenu {
                width: 58px;
                height: 44px;
            }

            .banner {
                height: auto;
            }

            .appywyy {
                margin: 0 auto;
                margin-top: 50px;
                width: 90vw;
                height: 85px;
                position: relative;
            }

            .appywyy img {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
            }

            .appywyy .span {
                z-index: 100;
                width: 90vw;
                text-align: center;
                font-size: 36px;
                font-family: SourceHanSansCN;
                font-weight: bold;
                color: #FFFFFF;
                position: relative;
                line-height: 85px;
            }

            .appyybox {
                width: 78vw;
                margin: 60px auto 80px;
                display: flex;
                justify-content: space-between;
            }

            .applkbox {
                width: 32vw;
                border: 1px solid #62D288;
                border-radius: 10px;
            }

            .lkimg {
                margin: 50px auto 40px;
                width: 86px;
                height: 98px;
            }

            .wdimg {
                margin: 50px auto 40px;
                width: 93px;
                height: 97px;
            }

            .lkimg img,
            .appyybg img,
            .wdimg img {
                width: 100%;
                height: 100%;
            }

            .lkbtn {
                width: 24vw;
                margin: 0 auto;
                text-align: center;
                line-height: 50px;
                color: #FFFFFF;
                height: 50px;
                background: #0E973D;
                border-radius: 25px;
            }

            .wdbtn {
                width: 24vw;
                margin: 0 auto;
                text-align: center;
                line-height: 50px;

                color: #4D4D4D;
                height: 50px;

                background: #DCDCDC;
                border-radius: 25px;
            }

            .appyybg {
                height: 42px;
                width: 32vw;
            }

            .appwdbox {

                border: 1px solid #D2D2D2;
                border-radius: 10px;
            }

            .appfoottext {
                width: 100%;
                text-align: center;
                font-size: 20px;
                color: #fff;
            }

            .appcall {
                padding: 39px 0;
                background: #005400;
            }

            .appcalldf {
                display: flex;
            }
        }
    </style>
</body>

</html>