monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by wangtao
Commit ae1254ee44cae8f553cacb456b602808f9f22bcf 1 parent be7c1df9

公司网站 关于我们&产品

Inline Side-by-side
Showing 12 changed files with 669 additions and 31 deletions
No preview for this file type
<div>
<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>
<div class="shape shapeAnimationOne l-10 t-60">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo l-70 t-60">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
<div class="shape shapeAnimationThree l-50 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</div>
</section>
<!--====================================================================
End Banner Section
=====================================================================-->
about
<!--====================================================================
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="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>
<h2>鸿果科技</h2>
</div>
<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="about-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/about/about.png" alt="about image">
</div>
</div>
</div>
</div>
<div class="shape shapeAnimationFour l-10 t-5">
<img src="assets/img/shapes/shape4.png" alt="Shape">
</div>
<div class="shape shapeAnimationFive r-10 t-100 zm-1">
<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">
<div class="col-lg-12 col-md-12">
<h4><a href="#">企业文化</a></h4>
<p>诚心铸就品质，创新引导未来</p>
</div>
</div>
<div class="row">
<!-- single-service -->
<div class="col-lg-3 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>
</div>
</div>
<!-- single-service -->
<div class="col-lg-2 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>
</div>
</div>
<!-- single-service -->
<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-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">
<h4>互利共赢</h4>
</div>
</div>
</div>
</div>
</div>
<div class="shape shapeAnimationOne l-10 t-0">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
<div class="shape shapeAnimationTwo t-100 r-5">
<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">
<div class="col-lg-3 col-md-6">
<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>
<p>资质证书</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<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>
<p>客户数</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<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>
<p>团队</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<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>
<p>完成的项目</p>
</div>
</div>
</div>
</div>
</div>
<div class="success-bg small"></div>
<div class="shape shapeAnimationFour r-5 t-100">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
</section>
<div class="video-section rel mb-115">
<div class="container">
<div class="video-wrap">
<img src="assets/img/video-bg.png" alt="Video BG">
<a href="assets/img/about/about.mp4" class="vedio-play mfp-iframe"><i class="flaticon-play"></i></a>
</div>
</div>
<div class="shape shapeAnimationThree b-40 l-10">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</div>
<div class="shape shapeAnimationFive b-5 l-5">
<img src="assets/img/shapes/shape3.png" alt="Shape">
</div>
<div class="shape left-right r-10 b-30">
<img src="assets/img/shapes/shape5.png" alt="Shape">
</div>
<div class="shape shapeAnimationOne r-10 b-0">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
</div>
<section class="team-section rel mb-65">
<div class="container">
<div class="section-title mb-35 pr-65">
<span class="sub-title">资质&证书</span>
<!--<h2>Our Skilled Member Whose Efforts <br>资质&证书</h2>-->
</div>
<div class="team-carousel owl-carousel text-center">
<div class="team-item" v-for="item in imgs">
<img :src="item.path" alt="资质&证书" style="height: 100%">
<div class="service-two-content">
<h5>{{item.name}}</h5>
</div>
</div>
</div>
</div>
<div class="shape shapeAnimationFour l-10 t-100">
<img src="assets/img/shapes/shape2.png" alt="Shape">
</div>
<div class="shape shapeAnimationThree b-30 r-10">
<img src="assets/img/shapes/shape1.png" alt="Shape">
</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/about/hzlc.png">
</div>
</div>
</div>
<!--<div class="col-lg-12 col-md-12">
<div class="single-service-box">
<div class="service-content">
<h4><a href="#">合作流程</a></h4>
<p>专业技术顾问，提供一对一服务</p>
</div>
<div class="service-icon mb-25">
<img src="assets/img/services/service5.png" alt="Service Icon">
</div>
</div>
</div>-->
</div>
</section>
... ...
... ... @@ -5,6 +5,319 @@ export default {
props: [],
setup(props, {attrs, slots, emit}) {
var imgs = [{
name:'质量管理体系认证证书',
path:'assets/img/zzzs/1.jpg'
},{
name:'技术服务管理体系认证证书',
path:'assets/img/zzzs/2.jpg'
},{
name:'连续性管理体系认证证书',
path:'assets/img/zzzs/3.png'
},{
name:'信息安全管理体系认证证书',
path:'assets/img/zzzs/4.png'
},{
name:'北京市“专精特新”中小企业',
path:'assets/img/zzzs/5.jpg'
}];
Vue.onMounted(() =>{
// Loading Box (Preloader)
function handlePreloader() {
setTimeout(function (){
if ($('.preloader').length) {
$('.preloader').delay(200).fadeOut(500);
}
},1000);
}
// Header Style and Scroll to Top
function headerStyle() {
if ($('.main-header').length) {
var windowpos = $(window).scrollTop();
var siteHeader = $('.main-header');
var scrollLink = $('.scroll-top');
if (windowpos >= 250) {
siteHeader.addClass('fixed-header');
scrollLink.fadeIn(300);
} else {
siteHeader.removeClass('fixed-header');
scrollLink.fadeOut(300);
}
}
}
headerStyle();
// dropdown menu
var mobileWidth = 991;
var navcollapse = $('.navigation li.dropdown');
$(window).on('resize', function () {
navcollapse.children('ul').hide();
});
navcollapse.hover(function () {
if ($(window).innerWidth() >= mobileWidth) {
$(this).children('ul').stop(true, false, true).slideToggle(300);
$(this).children('.megamenu').stop(true, false, true).slideToggle(300);
}
});
//Submenu Dropdown Toggle
if ($('.navigation li.dropdown ul').length) {
$('.navigation li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-right"></span></div>');
//Dropdown Button
$('.navigation li.dropdown .dropdown-btn').on('click', function () {
$(this).prev('ul').slideToggle(500);
$(this).prev('.megamenu').slideToggle(800);
});
//Disable dropdown parent link
$('.navigation li.dropdown > a').on('click', function (e) {
e.preventDefault();
});
}
//Submenu Dropdown Toggle
if ($('.main-header .main-menu').length) {
$('.main-header .main-menu .navbar-toggle').on('click', function () {
$(this).prev().prev().next().next().children('li.dropdown').hide();
});
}
// End Main menu
new WOW().init();
/* Fact Counter + Text Count */
if ($('.success-box').length) {
$('.success-box').appear(function () {
var $t = $(this),
n = $t.find(".count-text").attr("data-stop"),
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
if (!$t.hasClass("counted")) {
$t.addClass("counted");
$({
countNum: $t.find(".count-text").text()
}).animate({
countNum: n
}, {
duration: r,
easing: "linear",
step: function () {
$t.find(".count-text").text(Math.floor(this.countNum));
},
complete: function () {
$t.find(".count-text").text(this.countNum);
}
});
}
}, {
accY: 0
});
}
/*========== Start Portfolio isotop Js ==========*/
// isotop
// init Isotope
var $grid = $('.custom-row').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
// use outer width of grid-sizer for columnWidth
columnWidth: 1,
}
});
// magnificPopup
if ($('.projects-popup-link').length) {
$('.projects-popup-link').magnificPopup({
type: 'image',
gallery: {
enabled: true
},
});
}
/*============================== start video element ========================================*/
// magnificPopup start
$('.vedio-play').magnificPopup({
type: 'video',
});
// magnificPopup end
//service-carousel
if ($('.service-carousel').length) {
$('.service-carousel').owlCarousel({
loop: true,
items: 3,
margin: 20,
nav: false,
dots: true,
active: true,
dotsEach: 2,
smartSpeed: 1000,
autoplay: 5000,
responsive: {
0: {
items: 1,
},
575: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 3,
},
1200: {
items: 3,
}
}
});
}
//team-carousel
if ($('.team-carousel').length) {
$('.team-carousel').owlCarousel({
loop: true,
items: 3,
margin: 20,
nav: true,
dots: false,
active: true,
dotsEach: 2,
smartSpeed: 1000,
autoplay: 5000,
navText: ['<span class="flaticon-left-arrow"></span>', '<span class="flaticon-right-arrow"></span>'],
responsive: {
0: {
items: 1,
},
575: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 3,
},
1200: {
items: 3,
}
}
});
}
// Scroll to a Specific Div
if ($('.scroll-to-target').length) {
$(".scroll-to-target").on('click', function () {
var target = $(this).attr('data-target');
// animate
$('html, body').animate({
scrollTop: $(target).offset().top
}, 1000);
});
}
$('.testi-image-wrap').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.testi-content-wrap',
dots: false,
focusOnSelect: true,
prevArrow: '<i class="flaticon-left-arrow left"></i>',
nextArrow: '<i class="flaticon-right-arrow right"></i>',
responsive: [
{
breakpoint: 500,
settings: {
slidesToShow: 1,
}
},
]
});
$('.testi-content-wrap').slick({
asNavFor: '.testi-image-wrap',
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
dots: false,
});
$('.testimonial-two-wrap').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: true,
dots: false,
autoplay: true,
prevArrow: '<i class="flaticon-left-arrow left"></i>',
nextArrow: '<i class="flaticon-right-arrow right"></i>',
});
/* ==========================================================================
When document is scroll, do
========================================================================== */
$(window).on('scroll', function () {
headerStyle();
});
/* ==========================================================================
When document is loaded, do
========================================================================== */
$(window).on('load', function () {
handlePreloader();
/*========== Start Portfolio isotop Js ==========*/
// isotop
// init Isotope
var $grid = $('.custom-row').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
// use outer width of grid-sizer for columnWidth
columnWidth: 1,
}
});
});
})
return {
imgs
}
}
}
... ...
<section class="banner-section rel">
<div class="container">
<h2 class="page-title">Services</h2>
<nav aria-label="breadcrumb">
<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>
</nav>-->
<div class="shape shapeAnimationOne l-10 t-60">
... ... @@ -23,16 +23,22 @@
<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">Ui/UX Design</span>
<h3>We Offer UX/UI Design Services</h3>
<span class="sub-title">综合告警算法平台</span>
</div>
<p>Consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla paria tur. <br>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<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">
... ... @@ -51,11 +57,15 @@
<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">Web Development</span>
<h3>We Provide Quality Web Development Service at Low Cost</h3>
<span class="sub-title">综合监控A_view</span>
</div>
<p>Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. </p>
<p>Congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis.</p>
<p>全方位监控应用/平台资源/基础设施，基于IT资源图谱，洞察问题根因，随时掌握业务健康状况，快速定位故障，保持IT业务良性、稳定和长效发展</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">
... ... @@ -75,11 +85,15 @@
<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">Apps Development</span>
<h3>We Have a Huge Reputation in Mobile Apps Development</h3>
<span class="sub-title">CMDB</span>
</div>
<p>Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. <br>
Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique.</p>
<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">
... ... @@ -98,11 +112,15 @@
<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">Marketing</span>
<h3>We Have Skilled Manpower in Online Marketing</h3>
<span class="sub-title">业务及应用综合分析平台</span>
</div>
<p>Nunc sem lacus, accumsan quis, faucibus non, congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis. Vivamus a mauris eget arcu gravida tristique. Nunc iaculis mi in ante. </p>
<p>Congue vel, arcu. Ut scelerisque hendrerit tellus. Integer sagittis.</p>
<p>全新的端到端，全链路的应用性能管理平台，对业务性能问题进行快速发现，帮助用户有效地降低 MTTR、 提升IT部门对业务和用户体验的把控</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">
... ... @@ -116,16 +134,14 @@
<section class="sps-five mb-150 rmb-50">
<div class="container">
<div class="row align-items-center">
<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">Content Writing</span>
<h3>There Are Also Experienced Content Writers</h3>
<span class="sub-title">综合日志智能分析平台</span>
</div>
<p>Consectetur adipisicing elitsed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla paria tur.</p>
<p>通过对日志的采集、存储、备份、查询、告警分析和报表统计功能，实现海量日志管理。</p>
</div>
</div>
<div class="col-lg-6">
... ... @@ -137,13 +153,57 @@
</div>
</section>
<section class="sps-one 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>
</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-left-image wow customFadeInLeft delay-0-1s slow">
<img src="assets/img/services/s1.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
<section class="call-for-action text-center">
<section class="sps-two mb-50 rmb-100">
<div class="container">
<div class="call-action-content">
<h2>Have any question about us?</h2>
<p> Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commo do consequat.</p>
<a href="contant.html" class="theme-btn">Please Contact</a>
<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/s2.png" alt="Service image">
</div>
</div>
</div>
</div>
</section>
... ...
export default {
name: 'home',
name: 'services',
template: '',
components: {},
props: [],
... ...