index.html 10.6 KB
<!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.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">
                                <li class="current" top-nav="/">
                                    <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">了解鸿果</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 mt-125 pt-100">
        <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 src="assets/img/logo.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" style="width: 175px;" alt="" title="">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--Footer Column-->
                        <div class="col-sm-4">
                            <div class="footer-widget links-widget">
                                <h4 class="footer-title">产品内容1</h4>
                                <div class="widget-content">
                                    <ul>
                                        <li><a href="#">综合告警智能算法平台</a></li>
                                        <li><a href="#">综合监控管理A-view3</a></li>
                                        <li><a href="#">CMDB资产管理</a></li>
                                        <li><a href="#">业务及应用综合分析平台</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-4">
                            <div class="footer-widget links-widget">
                                <h4 class="footer-title">产品内容2</h4>
                                <div class="widget-content">
                                    <ul>
                                        <li><a href="#">日志综合智能分析平台</a></li>
                                        <li><a href="#">信息化协同管理支撑平台</a></li>
                                        <li><a href="#">魔镜智能运维管理一体机</a></li>
                                        <li><a href="#">魔镜智能多云运维平台</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--big column-->
                <div class="col-lg-5">
                    <div class="row">
                        <!--Footer Column-->
                        <div class="col-sm-5">
                            <div class="footer-widget links-widget">
                                <h4 class="footer-title">关于我们</h4>
                                <div class="widget-content">
                                    <ul>
                                        <li><a href="#">公司简介</a></li>
                                        <li><a href="#">合作流程</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!--Footer Column-->
                        <div class="col-sm-7">
                            <div class="footer-widget info-widget">
                                <h4 class="footer-title">联系我们</h4>
                                <div class="office-info">
                                    <ul>
                                        <li><i class="flaticon-home"></i>北京电话 <br>010-51726651</li>
                                        <li><i class="flaticon-placeholder"></i>北京地址 <br>
                                            北京市海淀区中关村南大街2号数码大厦B座11层
                                        </li>
                                        <li><i class="flaticon-home"></i>西安电话 <br>029-89194260</li>
                                        <li><i class="flaticon-placeholder"></i>西安地址 <br>
                                            陕西省西安市雁塔区金桥国际18层
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!--Copyright-->
        <div class="footer-bottom">
            <div class="copyright">北京鸿果秋实科技有限公司@2016-2022.com版权所有</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>