Home-Data/application/home/view/layout/footer.html

<!-- footer -->
<footer style="background: #22252E; padding: 20px 0 20px 0;" id="contact">
    <div class="container">
        <!-- footer grid top -->
        <div class="footerv2-w3ls">
            <div class="row">
                <!-- footer grid top -->
                <div class="col-lg-3 col-md-6">
                    <img src="{$Think.HOME_SITE_ROOT}/images/partners-3.png" style="width: 200px; border-right: 1px solid #707070;">
                </div>
                <div class="col-lg-3 col-md-6">
                    <h4 style="color: #fff">联系我们</h4>
                    <div style="margin-top: 15px; font-family: initial;">
                        <span style="color: #fff">电话/微信：</span>
                        <span style="color: #fff">{$incData.inc_phone}</span>
                    </div>
                    <div style="margin-top: 5px; font-family: initial;">
                        <span style="color: #fff">邮箱：</span>
                        <span style="color: #fff">{$incData.inc_email}</span>
                    </div>
                    <div style="margin-top: 5px; font-family: initial;">
                        <span style="color: #fff">QQ：</span>
                        <span style="color: #fff">{$incData.inc_qq}</span>
                    </div>
                    <div style="margin-top: 5px; font-family: initial;">
                        <span style="color: #fff">地址：</span>
                        <span style="color: #fff">{$incData.inc_address}</span>
                    </div>
                </div>
                <div style="width:500px;height:200px;border-bottom:#ccc solid 1px;" id="dituContent"></div>
            </div>
        </div>
        <div style="border-bottom: 1px solid #707070; margin-top: 20px; margin-bottom: 10px; width: 99999999999px; margin-left: -99999px;"></div>
        <!-- copyright -->
        <div style="text-align: center">
            <p style="color: #9597A2; font-family: initial;">{$incData.inc_address}</p>
            <p style="color: #9597A2; font-family: initial; margin-top: -15px;">增值电信业务经营许可证：{$incData.inc_authentication}<span
                    style="color: #2B7CD2; margin-left: 20px">免费声明</span></p>
        </div>
        <!-- //copyright -->
    </div>
</footer>
<!-- //footer -->
<!-- order modal -->
<div style="position: fixed; height: 520px; margin: auto; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden !important; overflow-y: hidden !important;"
     class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel1"
     aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-capitalize" id="exampleModalLabel1">登陆</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form action="#" method="post" class="p-3">
                    <div class="form-group">
                        <label for="recipient-name" class="col-form-label">Your Name</label>
                        <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name"
                               required="">
                    </div>
                    <div class="form-group">
                        <label for="recipient-name1" class="col-form-label">Your Email</label>
                        <input type="email" class="form-control" placeholder=" " name="Name" id="recipient-name1"
                               required="">
                    </div>
                    <div class="form-group">
                        <label for="recipient-name2" class="col-form-label">Phone</label>
                        <input type="text" class="form-control" placeholder=" " name="Name" id="recipient-name2"
                               required="">
                    </div>
                    <!--<div class="form-group">
                        <label class="mr-2 col-form-label">Pick Up</label>
                        <input id="datepicker1" name="check in" type="text" value="mm/dd/yyyy" class="form-control" required="">
                    </div>
                    <div class="form-group">
                        <label class="mr-2 col-form-label">Delivery </label>
                        <input id="datepicker2" name="check out" type="text" value="mm/dd/yyyy" class="form-control" required="">
                    </div>
                    <div class="form-check">
                        <label class="form-check-label col-form-label" for="l1">
                            <input type="checkbox" class="form-check-input" value="" id="l1">Wash& Fold
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label col-form-label" for="l2">
                            <input type="checkbox" class="form-check-input" value="" id="l2">Handwash
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label col-form-label" id="l3">
                            <input type="checkbox" class="form-check-input" value="" id="13">Dry Clean
                        </label>
                    </div>
                    <div class="form-check">
                        <label class="form-check-label col-form-label" for="l4">
                            <input type="checkbox" class="form-check-input" value="" id="l4">Carpets
                        </label>
                    </div>
                    <div class="form-group">
                        <label for="comment" class="col-form-label">Pickup Address:</label>
                        <textarea class="form-control" rows="5" id="comment"></textarea>
                    </div>-->

                    <div class="right-w3l">
                        <input type="submit" class="form-control" value="pick my laundry">
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
<!-- //order modal -->
<!-- js-->
<script src="{$Think.HOME_SITE_ROOT}/js/jquery-2.2.3.min.js"></script>
<!-- js-->
<!-- Banner text Responsiveslides -->
<script src="{$Think.HOME_SITE_ROOT}/js/responsiveslides.min.js"></script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point({$lng}, {$lat});//定义一个中心点坐标
        map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }


    initMap();//创建和初始化地图
</script>
<script>


    function move(id) {
        const imgText = 'team-img-text-' + id;
        const teamTitle = 'team-title-' + id;
        const teamEn = 'team-en-' + id;
        const teamLine = 'team-line-' + id;
        /*$("#"+imgText).stop().fadeTo("slow", 1.5, function () {
         $(this).css("display", "block");
         });*/
        document.getElementById(imgText).style.display = 'block';
        document.getElementById(teamTitle).style.color = '#27A6E8';
        document.getElementById(teamEn).style.color = '#27A6E8';
        document.getElementById(teamLine).style = 'border-bottom: 1px solid #27A6E8';
    }

    function moveOut(id) {
        const imgText = 'team-img-text-' + id;
        const teamTitle = 'team-title-' + id;
        const teamEn = 'team-en-' + id;
        const teamLine = 'team-line-' + id;
        document.getElementById(imgText).style.display = 'none';
        document.getElementById(teamTitle).style.color = '#111';
        document.getElementById(teamEn).style.color = '#111';
        document.getElementById(teamLine).style = 'border-bottom: 1px solid #111';
    }

    // You can also use "$(window).load(function() {"
    $(function () {
        // Slideshow 4
        $("#slider3").responsiveSlides({
            auto: true,
            pager: true,
            nav: false,
            speed: 500,
            namespace: "callbacks",
            before: function () {
                $('.events').append("<li>before event fired.</li>");
            },
            after: function () {
                $('.events').append("<li>after event fired.</li>");
            }
        });

    });
</script>
<!-- //Banner text  Responsiveslides -->
<!-- start-smooth-scrolling -->
<script src="{$Think.HOME_SITE_ROOT}/js/move-top.js "></script>
<script src="{$Think.HOME_SITE_ROOT}/js/easing.js "></script>
<script>
    jQuery(document).ready(function ($) {
        $(".scroll ").click(function (event) {
            event.preventDefault();

            $('html,body').animate({
                scrollTop: $(this.hash).offset().top
            }, 1000);
        });
    });
</script>
<!-- //end-smooth-scrolling -->
<!-- smooth-scrolling-of-move-up -->
<script>
    $(document).ready(function () {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({
            easingType: 'easeOutQuart'
        });

    });
</script>
<script src="{$Think.HOME_SITE_ROOT}/js/SmoothScroll.min.js "></script>
<!-- //smooth-scrolling-of-move-up -->
<!-- gallery swipebox -->
<script src="{$Think.HOME_SITE_ROOT}/js/jquery.swipebox.min.js"></script>
<script>
    jQuery(function ($) {
        $(".swipebox").swipebox();
    });
</script>
<script src="{$Think.HOME_SITE_ROOT}/js/jquery.adipoli.min.js"></script>
<!-- effect -->
<script>
    $(function () {
        $('.row2').adipoli({
            'startEffect': 'overlay',
            'hoverEffect': 'sliceDown'
        });
    });
</script>
<!-- //swipe box js -->
<!-- stats counter -->
<script src="{$Think.HOME_SITE_ROOT}/js/counter.js"></script>
<!-- Date picker -->
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/css/jquery-ui.css"/>
<script src="{$Think.HOME_SITE_ROOT}/js/jquery-ui.js"></script>
<script>
    $(function () {
        $("#datepicker1,#datepicker2").datepicker();
    });
</script>
<!-- // Date picker -->
<!-- testimonials -->
<link href="{$Think.HOME_SITE_ROOT}/css/owl.carousel.css" rel="stylesheet">
<script src="{$Think.HOME_SITE_ROOT}/js/owl.carousel.js"></script>
<script>
    $(document).ready(function () {
        $("#owl-demo").owlCarousel({
            items: 1,
            lazyLoad: true,
            autoPlay: false,
            navigation: true,
            navigationText: true,
            pagination: true,
        });
    });
</script>
<!-- //for testimonials slider-js-script-->
<!-- Bootstrap Core JavaScript -->
<script src="{$Think.HOME_SITE_ROOT}/js/bootstrap.js ">
</script>
<!-- //Bootstrap Core JavaScript -->
</body>

</html>