website/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="assets/icon.png" rel="icon"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>鸿果科技</title>
    <!--<link rel="stylesheet" href="assets/css/css2.css">-->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans&amp;family=Poppins:wght@300;400;500;600&amp;display=swap">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/custom-animation.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/bootstrap-v4.1.3.min.css">
    <link rel="stylesheet" href="assets/css/spacing.min.css">
    <link rel="stylesheet" href="assets/css/mainmenu.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">

    <script src="assets/lib/vue/vue.global.prod.js"></script>
    <script src="assets/lib/vue/vue-router.global.prod.js"></script>
    <script src="assets/lib/vue/vuex.global.prod.js"></script>
    <script src="assets/lib/vue/vuex.global.prod.js"></script>
    <script src="assets/lib/axios/axios.min.js"></script>
    <script type="text/javascript">
        let version = (new Date()).getTime();
        let basrUrl = '/src/';
        window.__ver = '?v=' + version;
        window.__basrUrl = basrUrl
    </script>
    <script src="src/script/appImport.js" type="module"></script>
</head>
<body id="websiteApp">

<div class="page-wrapper" >

    <!-- Preloader -->
    <div class="preloader"></div>

    <!--====================================================================
                        Start header area
=====================================================================-->

    <header class="main-header">

        <!--Header-Upper-->
        <div class="header-upper">
            <div class="container-fluid clearfix">

                <div class="header-inner clearfix">
                    <div class="logo-outer">
                        <div class="logo">
                            <router-link to="/"><img class="hg-logo" src="assets/img/logo-footer.png" alt="" title=""></router-link>
                        </div>
                    </div>

                    <!-- Main Menu -->
                    <nav class="main-menu navbar-expand-lg ml-md-auto">
                        <div class="navbar-header clearfix">
                            <div class="logo">
                                <router-link to="/"><img src="assets/img/logo.png" alt="" title=""></router-link>
                            </div>
                            <!-- Toggle Button -->
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target=".navbar-collapse-one">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>

                        <div class="navbar-collapse navbar-collapse-one collapse clearfix">
                            <ul class="navigation clearfix navigation-white">
                                <li class="current" top-nav="home">
                                    <router-link to="/">首页</router-link>
                                </li>
                                <li top-nav="services">
                                    <router-link to="/services">产品及服务</router-link>
                                </li>
                                <li top-nav="about">
                                    <router-link to="/about/0">了解鸿果</router-link>
                                </li>
                                <li top-nav="concat">
                                    <router-link to="/concat">加入我们</router-link>
                                </li>
                            </ul>
                        </div>
                    </nav>
                    <!-- Main Menu End-->
                </div>

            </div>
        </div>
        <!--End Header Upper-->

    </header>


    <router-view></router-view>

    <!--====================================================================
                            Start footer section
    =====================================================================-->
    <footer class="footer-section pt-50">
        <div class="container">

            <div class="row">
                <!--big column-->
                <div class="col-lg-7">
                    <div class="row">

                        <!--Footer Column-->
                        <div class="col-sm-4">
                            <div class="footer-widget logo-widget mr-35">
                                <div class="footer-logo">
                                    <router-link to="/"><img class="logo-footer-img" src="assets/img/logo-footer.png" alt="" title=""></router-link>
                                </div>
                                <div class="widget-content">
                                    <div class="footer-social-icon mt-20 text-center">
                                        <img src="assets/img/gzh.jpg" class="code-footer-img" alt="" title="">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--Footer Column-->
                        <div class="col-sm-4">
                            <div class="footer-widget links-widget">
                                <h4 class="footer-title">产品内容</h4>
                                <div class="widget-content">
                                    <ul>
                                        <li><router-link to="/services/alarm">综合告警智能算法平台</router-link></li>
                                        <li><router-link to="/services/Aview">综合监控管理A-view</router-link></li>
                                        <li><router-link to="/services/cmdb">面向应用的CMDB资产管理</router-link></li>
                                        <li><router-link to="/services/businessApp">业务及应用综合分析平台</router-link></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="footer-widget links-widget">
                                <h4 class="footer-title-none">&nbsp;</h4>
                                <div class="widget-content">
                                    <ul>
                                        <li><router-link to="/services/securityLog">日志综合智能分析平台</router-link></li>
                                        <li><router-link to="/services/information">信息化协同管理支撑平台</router-link></li>
                                        <li><router-link to="/services/maintenance">魔镜智能运维管理一体机</router-link></li>
                                        <li><router-link to="/services/cloud">魔镜智能多云运维平台</router-link></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--big column-->
                <div class="col-lg-5">
                    <div class="row">
                        <!--Footer Column-->
                        <div class="col-sm-5 col-md-4">
                            <div class="footer-widget links-widget">
                                <h4 class="footer-title">关于我们</h4>
                                <div class="widget-content about-widget-content">
                                    <ul>
                                        <li>
                                            <router-link to="/about/1" data-id="1">公司简介</router-link>
                                        </li>
                                        <li><router-link to="/about/6" data-id="6">合作流程</router-link></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!--Footer Column-->
                        <div class="col-sm-7 col-md-8">
                            <div class="footer-widget info-widget">
                                <h4 class="footer-title">联系我们</h4>
                                <div class="office-info">
                                    <ul>
                                        <li>邮箱: <a href="mailto:zxc@honggroup.com.cn">zxc@honggroup.com.cn</a></li>
                                        <li>地址:北京市海淀区中关村南大街2号数码大厦B座</li>
                                        <li>地址:陕西省西安市雁塔区金桥国际C座</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--Copyright-->
        <div class="footer-bottom">
            <div class="copyright">北京鸿果秋实科技有限公司
                <a class="copyright-a" href="https://beian.miit.gov.cn/">
                    京ICP备16044493号-1
                </a>
                <a  class="copyright-a"  href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802040581">
                    <img src="assets/img/beian.png" alt="" title="">
                    京公网安备11010802040581号
                </a>

            </div>
        </div>
    </footer>


    <!--====================================================================
                        End footer section
=====================================================================-->

    <!-- Scroll Top Button -->
    <button class="scroll-top scroll-to-target" data-target="html">
        <span class="fa fa-angle-up"></span>
    </button>

</div>


<!--====================================================================
                        Include All Js File
 ====================================================================-->
<!-- All Plugins -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/bootstrap-v4.1.3.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.countTo.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/appear.js"></script>
<script src="assets/js/main.js"></script>
<script src="src/main.js" type="module"></script>
</body>
</html>