monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit e3f06d4de3d015b78d1212677029452801b46b1e 1 parent e2a740f9

公司网站优化

Inline Side-by-side
Showing 25 changed files with 160 additions and 155 deletions
... ... @@ -337,14 +337,28 @@ textarea:placeholder,
background-position: center bottom;
background-size: cover;
}
.concat-top {
.concat-concat {
position: relative;
background: url('../img/concat/bg.png');
background-position: center bottom;
background-size: cover;
padding: 200px;
}
.concat-service {
position: relative;
background: url('../img/services/service-bg.png');
background-position: center bottom;
background-size: cover;
padding: 200px;
}
.concat-about {
position: relative;
background: url('../img/about/about-bg.png');
background-position: center bottom;
background-size: cover;
padding: 200px;
}
.hero-content h1 {
font-weight: 300;
margin-bottom: 25px;
... ... @@ -373,7 +387,7 @@ textarea:placeholder,
====================================================================
***/
.banner-section {
height: 550px;
height: 300px;
display: flex;
text-align: center;
align-items: center;
... ... @@ -1714,7 +1728,6 @@ blockquote:before {
====================================================================***/
.hg-logo{
width: 162px;
height: 40px;
}
@media (min-width: 992px){
.col-lg-3-self {
... ...

152 KB | W: | H:

5.21 MB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -630,30 +630,9 @@
</div>
</div>
</div>
<div class="testi-two-item">
<i class="flaticon-quote"></i>
<p>Amet nibh viverra malesuada. Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
<div class="author-info">
<div class="author-img">
<img src="assets/img/testimonials/testi2.png" alt="Testimonial Author">
</div>
<div class="author-about">
<h4>Farzana Khan</h4>
<h6>Australia</h6>
<div class="rattings">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="shape shapeAnimationFive r-20 t-5">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
... ...
... ... @@ -78,7 +78,7 @@
<router-link to="/">首页</router-link>
</li>
<li top-nav="services">
<router-link to="/services">产品</router-link>
<router-link to="/services">产品及服务</router-link>
</li>
<li top-nav="about">
<router-link to="/about">了解鸿果</router-link>
... ... @@ -133,7 +133,7 @@
<div class="widget-content">
<ul>
<li><a href="#">综合告警智能算法平台</a></li>
<li><a href="#">综合监控管理A-view3</a></li>
<li><a href="#">综合监控管理A-view</a></li>
<li><a href="#">CMDB资产管理</a></li>
<li><a href="#">业务及应用综合分析平台</a></li>
</ul>
... ...
<section class="banner-section rel">
<div class="container">
<h2 class="page-title">关于鸿果科技</h2>
<!--<nav aria-label="breadcrumb">
<ol class="breadcrumb-list">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About</li>
</ol>
</nav>-->
<section class="hero-section rel rpt-150 pb-130 rpb-0">
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
... ... @@ -17,21 +8,24 @@
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</div>
</section>
<!--====================================================================
End Banner Section
=====================================================================-->
<section class="concat-service rel rpt-150 pb-130 rpb-0 text-left ">
</section>
<section class="banner-section rel" style="height: 100px">
<div class="container">
<h2 class="page-title">关于鸿果科技</h2>
</div>
</section>
<!--====================================================================
Start About Section
=====================================================================-->
<section class="about-section rel mt-85 mb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="col-lg-7">
<div class="about-content mr-20 rmr-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title mb-35">
<span class="sub-title">公司简介</span>
... ... @@ -40,9 +34,9 @@
<p>北京鸿果秋实科技有限公司2012年成立，定位于提供4S信息化解决方案的高科技公司：（Software-软件，Service-服务，Solution-解决方案，Sale-销售），公司专注于软件解决方案和整体服务交付领域，已陆续成为税务、社保、财政、通信运营商等行业业IT运维领域的领先者。北京鸿果科技依托“金税三期” 、“互联网+智能化AI+行业应用”的变革时机，充分运用智能化、运维大数据思维，引入AI、算法和业务深度理解，共同打造AIOps生态圈。公司基于多年政府行业的市场、销售、技术、产品经验积累，先后在多省市政府、央企承建了“综合监控管理平台（A-view V1.0）、自动化巡检平台、智能告警算法平台、数据安全运维管理平台、一体化运维大数据管理应用平台（D-viewV1.0）”等，陆续承建了浙江省、新疆、陕西、贵州、天津、吉林、辽宁、内蒙古、宁夏等税务局“金三”重大信息化项目。 目前公司拥有《国家高新企业》《中国信息安全服务集成资质》、《中国信息安全运维资质》、 《软件企业》资质、多项自主的软件著作权，评选为“优秀信息化软件企业合作伙伴”、"专精特新"企业。</p>
</div>
</div>
<div class="col-lg-7">
<div class="col-lg-5">
<div class="about-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/about/about.png" alt="about image">
<img src="assets/img/about/about1.jpg" style="border-radius: 10px">
</div>
</div>
</div>
... ... @@ -55,15 +49,7 @@
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
</section>
<!--====================================================================
End About Section
=====================================================================-->
<!--====================================================================
Start services section
=====================================================================-->
<section class="services-section rel text-center mt-100 mb-80">
<div class="container">
<div class="row">
... ... @@ -74,58 +60,35 @@
</div>
<div class="row">
<!-- single-service -->
<div class="col-lg-3 col-md-6">
<div class="col-lg-4 col-md-6">
<div class="single-service-box">
<div class="service-icon mb-25">
<img src="assets/img/services/service4.png" alt="Service Icon">
</div>
<div class="service-content">
<h4>快乐</h4>
<div class="service-content pb-2">
<h4>快乐高效</h4>
</div>
</div>
</div>
<!-- single-service -->
<div class="col-lg-2 col-md-6">
<div class="col-lg-4 col-md-6">
<div class="single-service-box">
<div class="service-icon mb-25">
<img src="assets/img/services/service5.png" alt="Service Icon">
</div>
<div class="service-content">
<h4><a href="#">高效</a></h4>
<div class="service-content pb-2">
<h4><a href="#">成长进步</a></h4>
</div>
</div>
</div>
<!-- single-service -->
<div class="col-lg-2 col-md-6">
<div class="col-lg-4 col-md-6">
<div class="single-service-box">
<div class="service-icon mb-25">
<img src="assets/img/services/service6.png" alt="Service Icon">
</div>
<div class="service-content">
<h4>成长</h4>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6">
<div class="single-service-box">
<div class="service-icon mb-25">
<img src="assets/img/services/service6.png" alt="Service Icon">
</div>
<div class="service-content">
<h4>进步</h4>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="single-service-box">
<div class="service-icon mb-25">
<img src="assets/img/services/service6.png" alt="Service Icon">
</div>
<div class="service-content">
<div class="service-content pb-2">
<h4>互利共赢</h4>
</div>
</div>
... ... @@ -140,14 +103,7 @@
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
</section>
<!--====================================================================
End services section
=====================================================================-->
<!--====================================================================
Start Our Success Section
=====================================================================-->
<section class="success-section pt-105 pb-50">
<div class="container">
<div class="row">
... ... @@ -155,7 +111,7 @@
<div class="success-box">
<i class="flaticon-competition"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="78">100</span>
<span class="count-text plus" data-speed="5000" data-stop="78"></span>
<p>资质证书</p>
</div>
</div>
... ... @@ -164,7 +120,7 @@
<div class="success-box">
<i class="flaticon-happy"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="250">30</span>
<span class="count-text plus" data-speed="5000" data-stop="280"></span>
<p>客户数</p>
</div>
</div>
... ... @@ -173,7 +129,7 @@
<div class="success-box">
<i class="flaticon-admin"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="26">100</span>
<span class="count-text plus" data-speed="5000" data-stop="100"></span>
<p>团队</p>
</div>
</div>
... ... @@ -182,7 +138,7 @@
<div class="success-box">
<i class="flaticon-startup"></i>
<div class="count-wrap">
<span class="count-text plus" data-speed="5000" data-stop="320">10</span>
<span class="count-text plus" data-speed="5000" data-stop="320"></span>
<p>完成的项目</p>
</div>
</div>
... ...
... ... @@ -20,10 +20,10 @@ export default {
},{
name:'信息安全管理体系认证证书',
path:'assets/img/zzzs/4.png'
},{
}/*,{
name:'北京市“专精特新”中小企业',
path:'assets/img/zzzs/5.jpg'
}];
}*/];
Vue.onMounted(() =>{})
... ...
... ... @@ -11,12 +11,18 @@
</section>
<section class="concat-top rel rpt-150 pb-130 rpb-0 text-left ">
<section class="concat-concat rel rpt-150 pb-130 rpb-0 text-left ">
<h1 class="color-white mb-2">加入鸿果，成为你想成为的人</h1>
<h2 class="color-white mb-2">齐心协力、积极乐观、共同发展、团队共赢！</h2>
<h4 class="color-white mb-2">具备足够的勇气及长远的眼光，大家携手一起，齐心协力，积极乐观，超共同的目标前进实现共同发展及利益最大化</h4>
</section>
<section class="banner-section rel" style="height: 100px">
<div class="container">
<h2 class="page-title">加入我们</h2>
</div>
</section>
<section class="sps-one pt-120 mb-70 rmb-100">
<div class="container">
<div class="row align-items-center">
... ... @@ -81,3 +87,18 @@
</div>
</div>
</section>
<section class="services-section rel text-center mt-100 mb-80">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<!-- <h4><a href="#">合作流程</a></h4>
<p>专业技术顾问，提供一对一服务</p>-->
<div class="service-icon mb-25">
<img src="assets/img/concat/gw.png">
</div>
</div>
</div>
</div>
</section>
... ...
<div>
<section class="hero-section rel pt-220 rpt-150 pb-130 rpb-0">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-content my-50">
<h1 class="wow customFadeInUp delay-0-1s slow">"魔镜智能"全面完成国产化兼容适配认证</h1>
<p class="wow customFadeInUp delay-0-3s slow">鸿果科技旗下“魔镜智能”自研“A-View智能综合监控管理平台系统”V3.0</p>
<a href="#" class="theme-btn btn-big wow customFadeInUp delay-0-5s slow">完成对主流国产服务器、数据库、操作系统、中间件等兼容适配，并取得一系列兼容性互认证</a>
</div>
</div>
<div class="col-lg-5">
<div class="hero-img">
<img src="assets/img/hero/hero.png" alt="Hero Image">
</div>
</div>
</div>
</div>
<section class="hero-section rel rpt-150 pb-130 rpb-0">
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
... ... @@ -26,9 +8,22 @@
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</section>
</section>
<section class=" rel rpt-150 pb-130 rpb-0 text-center" id="homeBanner">
<div class="owl-carousel owl-theme owl-loaded">
<div class="owl-stage-outer owl-height">
<div class="owl-stage">
<div class="owl-item" v-for="item in 3">
<img :src="'assets/img/index/' + item + '.png'" class="d-block w-100 h-75">
</div>
</div>
</div>
</div>
</section>
<section class="services-section rel text-center mt-100 mb-70">
<section class="services-section rel text-center mt-100 mb-70">
<div class="container">
<h3>技术优势</h3>
<h4>以AI激活运维数据智慧，助力客户数字化运维</h4>
... ... @@ -37,9 +32,10 @@
<!-- single-service -->
<div v-for="item in techData" :key="item" class="col-lg-3 col-md-6 col-lg-3-self">
<div class="single-service-box style-three">
<div class="service-icon" data-toggle="tooltip" @mouseenter="tooltipHover(item)" @mouseleave="tooltipLeave">
<div class="service-icon" data-toggle="tooltip" @mouseenter="tooltipHover(item)"
@mouseleave="tooltipLeave">
<img :src="'assets/img/technology/technology-0'+item.id+'.png'" alt="Service Icon">
<div :class="['tooltip-inner', 'tooltip', 'tooltip-self',{'opacity1':item.isHover,'opacity0':!item.isHover}]" >
<div :class="['tooltip-inner', 'tooltip', 'tooltip-self',{'opacity1':item.isHover,'opacity0':!item.isHover}]">
<img :src="'assets/img/technology/technology-0'+item.id+'-tip.png'" alt="Service Icon">
<!-- 横向融合市场主流IT系统架构，从传统巨石IT架构到现今的分布式微服务架构；纵向融合从基础IaaS层、PaaS层到应用层及业务层，实现从普通运维监控到系统洞察与业务洞察的提升。-->
</div>
... ... @@ -56,9 +52,9 @@
<div class="shape shapeAnimationTwo t-100 r-5">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
</section>
</section>
<section class="success-section pt-105 pb-70 color-white">
<section class="success-section pt-105 pb-70 color-white">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
... ... @@ -112,9 +108,9 @@
<div class="shape shapeAnimationFour r-5 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</section>
</section>
<section class="about-section rel mb-100 pt-105 pb-70">
<section class="about-section rel mb-100 pt-105 pb-70">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
... ... @@ -138,9 +134,9 @@
<div class="shape shapeAnimationFive r-10 t-100 zm-1">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
</section>
</section>
<section class="team-section rel mb-65">
<section class="team-section rel mb-65">
<div class="container">
<div class="section-title mb-35 pr-65 align-items-center flex-column-center">
<h2>”魔镜智能“全面完成国产化兼容适配认证</h2>
... ... @@ -179,6 +175,5 @@
<div class="shape shapeAnimationTwo t-90 l-10">
<img src="assets/img/shapes/shape4.png" alt="Shape">
</div>
</section>
</section>
</div>
... ...
... ... @@ -92,7 +92,21 @@ export default {
])
// 挂载完
Vue.onMounted(() => {})
Vue.onMounted(() => {
$('.owl-carousel').owlCarousel({
margin:10,
autoHeight:false,
//整数5幻灯片每页可见个数
items : 1,
//分页
dots : true,
touchDrag:true,
//循环
loop: true,
autoplay: true,//自动轮播
autoplayTimeout:3000, //轮播时间
});
})
return{
isHover,
... ...
<section class="banner-section rel">
<div class="container">
<h2 class="page-title">产品中心</h2>
<!--<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Services</li>
</ol>
</nav>-->
<section class="hero-section rel rpt-150 pb-130 rpb-0">
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
... ... @@ -18,17 +8,27 @@
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</div>
</section>
<section class="concat-service rel rpt-150 pb-130 rpb-0 text-left ">
</section>
<section class="banner-section rel" style="height: 100px">
<div class="container">
<h2 class="page-title">产品中心</h2>
</div>
</section>
<section class="sps-one pt-120 mb-70 rmb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">综合告警算法平台</span>
<span class="sub-title">综合告警智能算法平台</span>
</div>
<p>
能快速接入各类告警信息，通过告警算法自动去重、规则压缩、算法降噪，实现告警降噪，避免告警风暴，更快响应告警，提升告警管理能力
... ... @@ -43,7 +43,7 @@
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s1.png" alt="Service image">
<img src="assets/img/services/p1.png" alt="Service image">
</div>
</div>
</div>
... ... @@ -57,7 +57,7 @@
<div class="col-lg-6">
<div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">综合监控A_view</span>
<span class="sub-title">综合监控管理A-view</span>
</div>
<p>全方位监控应用/平台资源/基础设施，基于IT资源图谱，洞察问题根因，随时掌握业务健康状况，快速定位故障，保持IT业务良性、稳定和长效发展</p>
<ol>
... ... @@ -70,7 +70,7 @@
</div>
<div class="col-lg-6">
<div class="service-right-image wow customFadeInRight delay-0-1s slow">
<img src="assets/img/services/s2.png" alt="Service image">
<img src="assets/img/services/p2.png" alt="Service image">
</div>
</div>
</div>
... ... @@ -85,7 +85,7 @@
<div class="col-lg-6 order-lg-2">
<div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">CMDB</span>
<span class="sub-title">CMDB资产管理</span>
</div>
<p>建立以应用为中心的资源 管理模型，促进资产到资源的转变</p>
<ol>
... ... @@ -98,7 +98,7 @@
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s3.png" alt="Service image">
<img src="assets/img/services/p3.png" alt="Service image">
</div>
</div>
</div>
... ... @@ -125,7 +125,7 @@
</div>
<div class="col-lg-6">
<div class="service-right-image wow customFadeInRight delay-0-1s slow">
<img src="assets/img/services/s4.png" alt="Service image">
<img src="assets/img/services/p4.png" alt="Service image">
</div>
</div>
</div>
... ... @@ -139,7 +139,7 @@
<div class="col-lg-6 order-lg-2">
<div class="service-right-content ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">综合日志智能分析平台</span>
<span class="sub-title">日志综合智能分析平台</span>
</div>
<p>通过对日志的采集、存储、备份、查询、告警分析和报表统计功能，实现海量日志管理。</p>
<ol>
... ... @@ -152,7 +152,7 @@
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s5.png" alt="Service image">
<img src="assets/img/services/p5.png" alt="Service image">
</div>
</div>
</div>
... ... @@ -181,7 +181,7 @@
</div>
<div class="col-lg-6">
<div class="service-right-image wow customFadeInRight delay-0-1s slow">
<img src="assets/img/services/s2.png" alt="Service image">
<img src="assets/img/services/p6.png" alt="Service image">
</div>
</div>
</div>
... ... @@ -195,7 +195,7 @@
<div class="service-right-content mt-50 ml-50 rml-0 rmb-50 wow customFadeInRight delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">运维一体机</span>
<span class="sub-title">魔镜智能运维管理一体机</span>
</div>
<p>数据中心已有的各类运维数据，包括业务指标数据、机器指标数据、各类监控工具的告警数据，建立涵盖数据管理、 故障发现、故障定位和故障预警的综合运维体系。</p>
<ol>
... ... @@ -208,12 +208,39 @@
</div>
<div class="col-lg-6">
<div class="service-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s1.png" alt="Service image">
<img src="assets/img/services/p7.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
<section class="sps-two mb-50 rmb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="service-left-content mr-50 rmr-0 rmb-50 wow customFadeInLeft delay-0-1s slow">
<div class="section-title style-three mb-15">
<span class="sub-title">魔镜智能多云运维平台</span>
</div>
<p>
基于“人工智能+大数据”底座对全新业务、系统、流程、管理、虚拟团队“全新”模式下的信息化协同。
</p>
<ol>
<li style="color: #0b2e13">■ 告警消息统一在平台管理</li>
<li style="color: #0b2e13">■ 基于智能算法对告警消息压缩合并</li>
<li style="color: #0b2e13">■ 支持阈值、同环比、预测异常检测</li>
<li style="color: #0b2e13">■ 自动故障修复</li>
</ol>
</div>
</div>
<div class="col-lg-6">
<div class="service-right-image wow customFadeInRight delay-0-1s slow">
<img src="assets/img/services/p8.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
... ...