- 扫描 ID：
- dad39ad2-8729-4bb4-b994-2a07b15cc2f9已完成
- 提交的 URL：
- https://masterhubit.com/
- 报告完成时间：
链接 · 找到 0 个
从页面中识别出的传出链接
JavaScript 变量 · 找到 32 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| html5 | object |
| Modernizr | object |
| yepnope | function |
| $ | function |
| jQuery | function |
| object | |
| litHtmlVersions | object |
控制台日志消息 · 找到 5 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| warning | other |
|
| log | other |
|
| error | network |
|
| log | other |
|
| log | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en" style="" class=" js flexbox flexboxlegacy canvas canvastext draganddrop rgba multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients csstransitions generatedcontent video audio localstorage"><head>
<meta charset="utf-8">
<title>Master Hub IT</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.png">
<!-- Template CSS Files -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/skins/yellow.css">
<!-- Revolution Slider CSS Files -->
<link rel="stylesheet" type="text/css" href="js/plugins/revolution/css/settings.css">
<link rel="stylesheet" type="text/css" href="js/plugins/revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="js/plugins/revolution/css/navigation.css">
<!-- Live Style Switcher - demo only -->
<link rel="alternate stylesheet" type="text/css" title="blue" href="css/skins/blue.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="blueviolet" href="css/skins/blueviolet.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="goldenrod" href="css/skins/goldenrod.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="green" href="css/skins/green.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="magenta" href="css/skins/magenta.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="orange" href="css/skins/orange.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="purple" href="css/skins/purple.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="red" href="css/skins/red.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="yellow" href="css/skins/yellow.css" disabled="">
<link rel="alternate stylesheet" type="text/css" title="yellowgreen" href="css/skins/yellowgreen.css" disabled="">
<!-- Template JS Files -->
<script type="text/javascript" src="js/modernizr.js"></script>
</head>
<body class="dark double-diagonal">
<!-- Preloader Starts -->
<div class="preloader loading" id="preloader">
<div class="loader" id="loader"></div>
</div>
<!-- Preloader Ends -->
<!-- Page Wrapper Starts -->
<div class="wrapper">
<!-- Header Starts -->
<header id="header" class="header">
<div class="header-inner">
<!-- Navbar Starts -->
<nav class="navbar navbar-expand-lg p-0" id="singlepage-nav">
<!-- Logo Starts -->
<div class="logo">
<a data-toggle="collapse" data-target=".navbar-collapse.show" class="navbar-brand link-menu scroll-to-target" href="#mainslider" style=" font-size:24px; text-transform:uppercase; font-family:'Courier New', Courier, monospace; color:#FFFFFF; font-weight:900">
<!-- Logo White Starts -->
Master Hub IT </a>
</div>
<!-- Logo Ends -->
<!-- Hamburger Icon Starts -->
<button class="navbar-toggler p-0" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span id="icon-toggler">
<span></span>
<span></span>
<span></span>
<span></span>
</span>
</button>
<!-- Hamburger Icon Ends -->
<!-- Navigation Menu Starts -->
<div class="collapse navbar-collapse nav-menu" id="navbarSupportedContent">
<ul class="nav-menu-inner ml-auto">
<li><a data-toggle="collapse" data-target=".navbar-collapse.show" class="link-menu" href="#mainslider"><i class="fa fa-home"></i> home</a></li>
<li><a data-toggle="collapse" data-target=".navbar-collapse.show" class="link-menu current" href="#services"><i class="fa fa-cog"></i> services</a></li>
<li><a data-toggle="collapse" data-target=".navbar-collapse.show" class="link-menu" href="#testimonials"><i class="fa fa-user"></i> Testimonials</a></li>
<li><a data-toggle="collapse" data-target=".navbar-collapse.show" class="link-menu" href="#contact"><i class="fa fa-envelope"></i> contact</a></li>
</ul>
</div>
<!-- Navigation Menu Ends -->
</nav>
<!-- Navbar Ends -->
</div>
</header>
<!-- Header Ends -->
<!-- Main Slider Section Starts -->
<section class="mainslider" id="mainslider">
<!-- Slider Hero Starts -->
<div class="forcefullwidth_wrapper_tp_banner" id="rev_slider_forcefullwidth" style="position:relative;width:100%;height:auto;margin-top:0px;margin-bottom:0px"><div class="rev_slider_wrapper fullwidthbanner-container dark-slider" data-alias="vimeo-hero" style="margin: 0px auto; background-color: transparent; padding: 0px; position: absolute; max-height: none; overflow: visible; height: 600px; width: 790px; left: 0px;">
<!-- START REVOLUTION SLIDER 5.0.7 fullwidth mode -->
<div id="rev_slider" class="rev_slider fullwidthabanner revslider-initialised tp-simpleresponsive" style="max-height: none; margin-top: 0px; margin-bottom: 0px; height: 100%;" data-version="5.0.7">
<ul class="tp-revslider-mainul" style="visibility: visible; display: block; overflow: hidden; width: 100%; height: 100%; max-height: none;">
<!-- SLIDE -->
<li data-index="rs-18" data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-thumb="img/revolution-slider/kenburns/thumb1.jpg" data-rotate="0" data-saveperformance="off" data-title="Ken Burns" data-description="" class="tp-revslider-slidesli processing-revslide" style="width: 100%; height: 100%; overflow: hidden; z-index: 20; visibility: inherit; opacity: 1; background-color: rgba(255, 255, 255, 0);">
<!-- MAIN IMAGE -->
<div class="slotholder" style="position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); visibility: inherit; opacity: 0.191091;"><!--Runtime Modification - Img tag is Still Available for SEO Goals in Source - <img alt="" src="img/revolution-slider/kenburns/kenburns1.jpg" data-bgposition="center center" data-kenburns="on" data-duration="30000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="180" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 0" data-offsetend="0 0" data-bgparallax="10" class="rev-slidebg defaultimg" data-no-retina="">--><div class="tp-bgimg defaultimg" style="background-color: rgba(0, 0, 0, 0); background-repeat: no-repeat; background-image: url("img/revolution-slider/kenburns/kenburns1.jpg"); background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit;" src="img/revolution-slider/kenburns/kenburns1.jpg"></div><div class="tp-kbimg-wrap" style="z-index: 2; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; transform: translate3d(-64.9px, -6.6px, 0px); transform-origin: 0% 0% 0px;"><img class="tp-kbimg" src="img/revolution-slider/kenburns/kenburns1.jpg" style="position: absolute; height: 600px; width: 900px; transform: translate3d(0px, 0px, 0px) scale(1.022, 1.022); transform-origin: 0% 0% 0px;" width="1920" height="1280"></div></div>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-parallax-wrap" style="position: absolute; visibility: hidden; left: 104px; top: 265px; z-index: 5;"><div class="tp-loop-wrap" style="position:absolute;"><div class="tp-mask-wrap" style="position: absolute; overflow: hidden; transform: matrix(1, 0, 0, 1, 0, 0); height: auto; width: auto;"><div class="tp-caption NotGeneric-Title tp-resizeme rs-parallaxlevel-0 splitted" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" data-fontsize="['70','70','70','45']" data-lineheight="['70','70','70','50']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="x:[105%];z:0;rX:45deg;rY:0deg;rZ:90deg;sX:1;sY:1;skX:0;skY:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:0px;s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1000" data-splitin="chars" data-splitout="none" data-responsive_offset="on" data-elementdelay="0.05" style="z-index: 5; white-space: nowrap; visibility: inherit; transition: none 0s ease 0s; line-height: 54px; border-width: 0px; margin: 0px; padding: 8px 0px; letter-spacing: 0px; font-weight: 800; font-size: 54px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);"><div class="tp-splitted tp-linesplit" style="display: block; text-align: left; position: relative;"><div style="position:relative;display:inline-block;" class="tp-splitted tp-wordsplit"><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">W</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">E</div></div> <div style="position:relative;display:inline-block;" class="tp-splitted tp-wordsplit"><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">A</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">R</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">E</div></div> <div style="position:relative;display:inline-block;" class="tp-splitted tp-wordsplit"><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">M</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">a</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">s</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">t</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">e</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">r</div></div> <div style="position:relative;display:inline-block;" class="tp-splitted tp-wordsplit"><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">H</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">u</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">b</div></div> <div style="position:relative;display:inline-block;" class="tp-splitted tp-wordsplit"><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">I</div><div style="position: relative; display: inline-block; visibility: inherit; opacity: 1; transform-origin: 50% 50% 0px; transform: matrix3d(0, 1, 0, 0, -0.707107, 0, 0.707107, -0.0011785, 0.707107, 0, 0.707107, -0.0011785, 614.25, 0, 0, 1);" class="tp-splitted tp-charsplit">T</div></div> </div></div></div></div></div>
<!-- LAYER NR. 2 -->
<div class="tp-parallax-wrap" style="position: absolute; visibility: hidden; left: 261px; top: 347px; z-index: 6;"><div class="tp-loop-wrap" style="position:absolute;"><div class="tp-mask-wrap" style="position: absolute; overflow: hidden; transform: matrix(1, 0, 0, 1, 0, 17); height: auto; width: auto;"><div class="tp-caption NotGeneric-SubTitle tp-resizeme rs-parallaxlevel-0 nowrap-normal text-center px-15" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']" data-width="none" data-height="none" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="1500" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 6; visibility: inherit; transition: none 0s ease 0s; line-height: 15px; border-width: 0px; margin: 0px; padding: 0px 12px; letter-spacing: 3px; font-weight: 500; font-size: 10px; white-space: normal; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 0.0001; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 17, 0, 1);">We are data providing company
</div></div></div></div>
<!-- LAYER NR. 3 -->
<div class="tp-parallax-wrap" style="position: absolute; visibility: hidden; left: 0px; top: -52px; z-index: 7;"><div class="tp-loop-wrap" style="position:absolute;"><div class="tp-mask-wrap" style="position: absolute; overflow: hidden; transform: matrix(1, 0, 0, 1, 0, 602); height: auto; width: auto;"><div class="tp-caption NotGeneric-Icon tp-resizeme rs-parallaxlevel-0 rs-hover-ready" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['-68','-68','-68','-68']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-style_hover="cursor:default;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_in="x:0px;y:[100%];s:inherit;e:inherit;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;" data-start="2000" data-splitin="none" data-splitout="none" data-responsive_offset="on" style="z-index: 7; white-space: nowrap; visibility: inherit; transition: none 0s ease 0s; border-radius: 0px; font-style: normal; text-decoration: none solid rgb(255, 255, 255); color: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: rgba(0, 0, 0, 0); line-height: 23px; margin: 0px; padding: 0px; letter-spacing: 2px; font-weight: 400; font-size: 23px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 0.0001; transform-origin: 50% 50% 0px; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 602, 0, 1);"><i class="pe-7s-refresh" style="transition: none 0s ease 0s; line-height: 23px; border-width: 0px; margin: 0px; padding: 0px; letter-spacing: 2px; font-weight: 400; font-size: 23px;"></i>
</div></div></div></div>
<!-- LAYER NR. 4 -->
<div class="tp-parallax-wrap" style="position: absolute; visibility: visible; left: 288px; top: 434px; z-index: 11;"><div class="tp-loop-wrap" style="position:absolute;"><div class="tp-mask-wrap" style="position: absolute; overflow: visible; height: auto; width: auto;"><div class="tp-caption rs-hover-ready" data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" data-y="['middle','middle','middle','middle']" data-voffset="['150','210','210','180']" data-width="none" data-height="none" data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_hover="o:1;rX:0;rY:0;rZ:0;z:0;s:300;e:Power1.easeInOut;" data-style_hover="c:rgba(255, 255, 255, 1.00);bc:rgba(255, 255, 255, 1.00);" data-transform_in="y:100px;sX:1;sY:1;opacity:0;s:2000;e:Power3.easeInOut;" data-transform_out="y:50px;opacity:0;s:1000;e:Power2.easeInOut;" data-start="750" data-splitin="none" data-splitout="none" data-responsive_offset="on" data-responsive="off" style="z-index: 11; white-space: nowrap; outline: none; box-shadow: none; box-sizing: border-box; cursor: pointer; visibility: inherit; transition: none 0s ease 0s; border-radius: 0px; font-style: normal; text-decoration: none solid rgb(204, 204, 204); color: rgb(204, 204, 204); border-width: 0px; border-style: none; border-color: rgb(204, 204, 204); background-color: rgba(0, 0, 0, 0); line-height: 22px; margin: 0px; padding: 0px; letter-spacing: 0px; font-weight: 400; font-size: 14px; min-height: 0px; min-width: 0px; max-height: none; max-width: none; opacity: 0.000115819; transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 77.1472, 0, 1); transform-origin: 50% 50% 0px;"><a href="#about" class="custom-button slider-button scroll-to-target"><span data-hover="learn more about us">learn more about us</span></a></div></div></div></div>
</li>
</ul>
<div class="tp-static-layers"></div>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important; width: 0%;"></div>
<div class="tp-loader off" style="display: none;"><div class="dot1"></div><div class="dot2"></div><div class="bounce1"></div><div class="bounce2"></div><div class="bounce3"></div></div><div class="tp-leftarrow tparrows zeus noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, 90, -35); left: 0px; visibility: hidden; opacity: 0;"><div class="tp-title-wrap"> <div class="tp-arr-imgholder"></div> </div></div><div class="tp-rightarrow tparrows zeus noSwipe" style="top: 50%; transform: matrix(1, 0, 0, 1, -160, -35); left: 100%; visibility: hidden; opacity: 0;"><div class="tp-title-wrap"> <div class="tp-arr-imgholder"></div> </div></div></div>
</div><div class="tp-fullwidth-forcer" style="width: 100%; height: 600px;"></div></div>
<!-- END REVOLUTION SLIDER -->
<!-- Slider Hero Ends -->
</section>
<!-- Main Slider Section Ends -->
<!-- Services Section Starts -->
<section id="services" class="services">
<!-- Container Starts -->
<div class="container">
<!-- Main Heading Starts -->
<div class="text-center top-text">
<h1><span>Our</span> Services</h1>
<h4>What We Doing</h4>
</div>
<!-- Main Heading Starts -->
<!-- Divider Starts -->
<div class="divider text-center">
<span class="outer-line"></span>
<span class="fa fa-cogs" aria-hidden="true"></span>
<span class="outer-line"></span>
</div>
<!-- Divider Ends -->
<!-- Services Starts -->
<div class="row services-box">
<!-- Service Item Starts -->
<div class="col-lg-4 col-md-12 col-sm-12 services-box-item">
<!-- Service Item Cover Starts -->
<span class="services-box-item-cover fa fa-leaf" data-headline="Data Consulting"></span>
<!-- Service Item Cover Ends -->
<!-- Service Item Content Starts -->
<div class="services-box-item-content fa fa-leaf">
<h2>Data Consulting</h2>
<p>Master Hub IT Provide Strategy, Engineering And Analytics To Help You Maximize Your Data Insights. Our End-To-End Services, Matched With Industry-Specific Skills And Processes, Help You Make Your Data Simpler To Access And Understand, Accelerate Time To Capability And Can Improve Data-Driven Business Outcomes</p>
</div>
<!-- Service Item Content Ends -->
</div>
<!-- Service Item Ends -->
<!-- Service Item Starts -->
<div class="col-lg-4 col-md-12 col-sm-12 services-box-item">
<!-- Service Item Cover Starts -->
<span class="services-box-item-cover fa fa-anchor" data-headline="Technographics Data"></span>
<!-- Service Item Cover Ends -->
<!-- Service Item Content Starts -->
<div class="services-box-item-content fa fa-anchor">
<h2>Technographics Data</h2>
<p>The Tools And Applications Companies Use Provides Insight Into Their Tech Buying Habits, How They Work, The Challenges They Face And What Tech They’ll Buy Next. For Technology Providers, Technographics Is Your Lens Into This World. This Data Provides A Competitive Advantage For Your Business.</p> </div>
<!-- Service Item Content Ends -->
</div>
<!-- Service Item Ends -->
<!-- Service Item Starts -->
<div class="col-lg-4 col-md-12 col-sm-12 services-box-item">
<!-- Service Item Cover Starts -->
<span class="services-box-item-cover fa fa-comments-o" data-headline="Global B2B Data"></span>
<!-- Service Item Cover Ends -->
<!-- Service Item Content Starts -->
<div class="services-box-item-content fa fa-comments-o">
<h2>Global B2B Data</h2>
<p>An Absolute Data Matching Services Can Make Your Business Work Wonders. You Can Experience Outstanding Results With Our Services; Give Your List A Clean Up Every Now And Then To Perform A Rewarding Campaign Activity. Talk To Our Experts Right Away And Get To Know How You Can Give A Face Lift To Your B2B Database.</p> </div>
<!-- Service Item Content Ends -->
</div>
<!-- Service Item Ends -->
</div>
<!-- Services Ends -->
</div>
</section>
<!-- Services Section Ends -->
<!-- Testimonials Section Starts -->
<section class="testimonials" id="testimonials">
<div class="section-overlay">
<!-- Container Starts -->
<div class="container">
<!-- Main Heading Starts -->
<div class="text-center top-text">
<h1><span>Happy</span> Customers</h1>
<h4>Testimonials</h4>
</div>
<!-- Main Heading Starts -->
<!-- Blockquotes Starts -->
<div id="quote-carousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper For Sliders Starts -->
<!-- Indicators Starts -->
<ol class="carousel-indicators mx-auto">
<li data-target="#quote-carousel" data-slide-to="0" class="active"></li>
<li data-target="#quote-carousel" data-slide-to="1"></li>
<li data-target="#quote-carousel" data-slide-to="2"></li>
</ol>
<!-- Indicators Ends -->
<div class="carousel-inner">
<!-- Quote #1 Starts -->
<div class="carousel-item active">
<blockquote>
<img class="rounded-circle img-fluid" src="img/testimonial/client1.jpg" alt="client">
<p>Master Hub IT are timely, efficient and use best practices in their development work. They move our project along quickly and keep us agile enough to be competitive. I would recommend them to anyone.</p>
<h5> Elina Pool</h5>
</blockquote>
</div>
<!-- Quote #1 Ends -->
<!-- Quote #2 Starts -->
<div class="carousel-item">
<blockquote>
<img class="rounded-circle img-fluid" src="img/testimonial/client2.jpg" alt="client">
<p>We've been working together with Master Hub IT for more than 4 years now and it is has been a very positive experience for me and my company. Blueberry Partnerz has been a trusted partner and always willing to help resolve the most complex of issues.</p>
<h5> Antoine Varane</h5>
</blockquote>
</div>
<!-- Quote #2 Ends -->
<!-- Quote #3 Starts -->
<div class="carousel-item">
<blockquote>
<img class="rounded-circle img-fluid" src="img/testimonial/client3.jpg" alt="client">
<p>I have worked with Master Hub IT for a little more than 1 year and am very pleased with their performance. The organization is very professional, talented and helpful in their work on our web portal.</p>
<h5> Lucy Walker</h5>
</blockquote>
</div>
<!-- Quote #3 Ends -->
</div>
<!-- Wrapper For Sliders Ends -->
</div>
<!-- Blockquotes Ends -->
</div>
<!-- Container Ends -->
</div>
</section>
<!-- Testimonials Section Ends -->
<!-- Contact Section Starts -->
<section id="contact" class="contact">
<!-- Container Starts -->
<div class="container">
<!-- Main Heading Starts -->
<div class="text-center top-text">
<h1><span>Contact</span> Us</h1>
<h4>Get in Touch</h4>
</div>
<!-- Main Heading Starts -->
<!-- Divider Starts -->
<div class="divider text-center">
<span class="outer-line"></span>
<span class="fa fa-envelope" aria-hidden="true"></span>
<span class="outer-line"></span>
</div>
<!-- Divider Ends -->
</div>
<!-- Container Ends -->
<!-- Map Section Starts -->
<div class="info-map">
<div class="google-map">
<div class="gmap_container">
<div id="gmap_canvas"></div>
</div>
</div>
</div>
<!-- Info Map Boxes Starts -->
<div class="container">
<div class="row info-map-boxes">
<!-- Left Info Map Box Starts -->
<div class="col-md-6 col-sm-12">
<div class="info-map-boxes-item fa fa-clock-o">
<h1>Working Hours</h1>
<p>Monday-Thursday : 08:00–17:00
<br>Friday & Saturday : 08:00–12:30
<br>Sunday - Close</p>
</div>
</div>
<!-- Left Info Map Box Ends -->
<!-- Right Info Map Box Starts -->
<div class="col-md-6 col-sm-12">
<div class="info-map-boxes-item fa fa-phone">
<h1>Address & Online</h1>
<p>Surabhi, Sudarshana Lane, KP Vallon Rd, Kadavanthra, Kochi, Kerala 682020, India</p>
<p class="email-add">Email: <a style="color:#ffa500" href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<!-- Right Info Map Box Ends -->
</div>
</section></div>
<!-- Info Map Boxes Ends -->
<!-- Contact Section Ends -->
<!-- Contact Form Section Starts -->
<section class="contactform">
<div class="section-overlay">
<div class="container">
<!-- Main Heading Starts -->
<div class="text-center top-text">
<h1><span>Send Us</span> an email</h1>
<h4>We are very responsive to messages</h4>
</div>
<!-- Main Heading Ends -->
<div class="form-container">
<!-- Contact Form Starts -->
<form class="formcontact" method="post" action="contactus.php">
<div class="row form-inputs">
<!-- First Name Field Starts -->
<div class="col-md-6 form-group custom-form-group">
<span class="input custom-input">
<input placeholder="First Name" class="input-field custom-input-field" id="firstname" name="firstname" type="text" required="" data-error="NEW ERROR MESSAGE">
<i class="fa fa-user icon icon-field"></i>
</span>
</div>
<!-- First Name Field Ends -->
<!-- Last Name Field Starts -->
<div class="col-md-6 form-group custom-form-group">
<span class="input custom-input">
<input placeholder="Last Name" class="input-field custom-input-field" id="lastname" name="lastname" type="text" required="">
<i class="fa fa-user-o icon icon-field"></i>
</span>
</div>
<!-- Last Name Field Ends -->
<!-- Message Field Starts -->
<div class="form-group custom-form-group col-md-12">
<textarea placeholder="Message" id="message" name="message" cols="45" rows="7" required=""></textarea>
</div>
<!-- Message Field Ends -->
<!-- Email Name Field Starts -->
<div class="col-md-6 form-group custom-form-group">
<span class="input custom-input">
<input placeholder="Email" class="input-field custom-input-field" id="email" name="email" type="text" required="">
<i class="fa fa-envelope icon icon-field"></i>
</span>
</div>
<!-- Email Name Field Ends -->
<!-- Submit Button Starts -->
<div class="col-md-6 submit-form">
<button id="form-submit" name="submit" type="submit" class="custom-button" title="Send"><span data-hover="Send Message">Send Message</span></button>
</div>
<!-- Submit Button Ends -->
<!-- Form Submit Message Starts -->
<div class="col-sm-12 text-center output_message_holder d-none">
<p class="output_message"></p>
</div>
<!-- Form Submit Message Ends -->
</div>
</form>
<!-- Contact Form Ends -->
</div>
</div>
</div>
</section>
<!-- Contact Form Section Ends -->
<!-- Footer Section Starts -->
<footer class="footer text-center">
<!-- Container Starts -->
<div class="container">
<!-- Copyright Text Starts -->
<p>
© Copyright Master Hub IT </p>
<!-- Copyright Text Ends -->
</div>
<!-- Container Ends -->
</footer>
<!-- Footer Section Starts -->
<!-- Back To Top Starts -->
<div id="back-top-wrapper" class="d-none d-sm-block">
<p id="back-top">
<a href="index.html#top"><span></span></a>
</p>
</div>
<!-- Back To Top Ends -->
<!-- Wrapper Ends -->
<!-- Template JS Files -->
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.easing.1.3.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyAFnEvJfyoQ8unR5hK1u87h73EdYP46-hE"></script>
<script type="text/javascript" src="js/plugins/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.filterizr.js"></script>
<script type="text/javascript" src="js/plugins/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.singlePageNav.min.js"></script>
<!-- Revolution Slider Main JS Files -->
<script type="text/javascript" src="js/plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- Revolution Slider Extensions -->
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- Live Style Switcher JS File - only demo -->
<script type="text/javascript" src="js/styleswitcher.js"></script>
<!-- Main JS Initialization File -->
<script type="text/javascript" src="js/custom.js"></script>
<!-- Revolution Slider Initialization Starts -->
<script type="text/javascript">
(function(){
"use strict";
var tpj = jQuery;
var revapi4;
tpj(document).ready(function() {
if (tpj("#rev_slider").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider");
} else {
revapi4 = tpj("#rev_slider").show().revolution({
sliderType: "standard",
jsFileLocation: "js/plugins/revolution/js/",
dottedOverlay: "none",
sliderLayout:"fullscreen",
delay: 9000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
onHoverStop: "off",
touch: {
touchenabled: "on",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
},
arrows: {
style: "zeus",
enable: true,
hide_onmobile: true,
hide_under: 600,
hide_onleave: true,
hide_delay: 200,
hide_delay_mobile: 1200,
tmp: '<div class="tp-title-wrap"> <div class="tp-arr-imgholder"></div> </div>',
left: {
h_align: "left",
v_align: "center",
h_offset: 90,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 90,
v_offset: 0
}
},
bullets: {
enable: false,
hide_onmobile: true,
hide_under: 600,
style: "metis",
hide_onleave: true,
hide_delay: 200,
hide_delay_mobile: 1200,
direction: "horizontal",
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 30,
space: 5,
tmp: '<span class="tp-bullet-img-wrap"> <span class="tp-bullet-image"></span></span>'
}
},
viewPort: {
enable: true,
outof: "pause",
visible_area: "80%"
},
responsiveLevels: [1240, 1024, 778, 480],
gridwidth: [1240, 1024, 778, 480],
gridheight: [600, 600, 500, 400],
lazyType: "none",
parallax: {
type: "mouse",
origo: "slidercenter",
speed: 2000,
levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50],
},
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
hideThumbsOnMobile: "off",
autoHeight: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
}
});
})(jQuery);
</script>
<!-- Revolution Slider Initialization Ends -->
</body></html>