/home/hdwebsolution/www/new/HTML/single-service.php
<!doctype html>
<?php include_once('header.php')?>
<html lang="en">
<head>
<!-- Basic Page Needs =======================================-->
<meta charset="utf-8">
<!-- Mobile Specific Metas ========================== -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Site Title -->
<title>SeoBin - SEO, Social Media and Marketing HTML Template</title>
<!-- CSS
==================================================== -->
<!--Font Awesome -->
<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- Iconic Fonts -->
<link rel="stylesheet" href="css/icofonts.css" />
<!-- Animate CSS -->
<link rel="stylesheet" href="css/animate.css" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owlcarousel.min.css" />
<!-- Video Popup -->
<link rel="stylesheet" href="css/magnific-popup.css" />
<!--Style CSS -->
<link rel="stylesheet" href="css/style.css">
<!--Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="banner-area" class="banner-area" style="background-image:url(images/banner/banner5.jpg)">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="banner-heading">
<h1 class="banner-title">Web Analytics</h1>
<ol class="breadcrumb">
<li>Home</li>
<li><a href="#">Services</a></li>
</ol>
</div>
</div>
<!-- Col end -->
</div>
<!-- Row end -->
</div>
<!-- Container end -->
</div>
<!-- Banner area end -->
<section id="main-container" class="main-container">
<div class="container">
<div class="row">
<div class="col text-center">
<div class="section-heading">
<h2>
<small>we are best</small>
Web <span>Analytics</span>
</h2>
<span class="animate-border tw-mt-20 tw-mb-40 mr-auto ml-auto"></span>
</div>
</div>
<!-- Col End -->
</div>
<!-- Row End -->
<div class="row">
<div class="col-md-6 align-self-md-center">
<img src="images/services/single_service_img1.png" alt="" class="img-fluid analytics-img">
</div>
<!-- Col End -->
<div class="col-md-5 ml-auto align-self-center">
<div class="tw-web-analytics-content">
<i class="icon icon-question-circle"></i>
<h3>Why should you be Interested?</h3>
<span class="bottom-border tw-mt-20 tw-mb-30"></span>
<p>
Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
and increase sales montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
<!-- Analytics Content End -->
</div>
<!-- Col End -->
</div>
<!-- 1st Content Row End -->
<div class="row">
<div class="col-md-5 align-self-center">
<div class="tw-web-analytics-content">
<i class="icon icon-coins-1"></i>
<h3>Improve website’s performance</h3>
<span class="bottom-border tw-mt-20 tw-mb-30"></span>
<p>
Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
and increase sales montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
<!-- Analytics Content End -->
</div>
<!-- Col End -->
<div class="col-md-6 ml-auto align-self-md-center">
<img src="images/services/single_service_img2.png" alt="" class="img-fluid analytics-img">
</div>
<!-- Col End -->
</div>
<!-- 2nd Content Row End -->
<div class="row">
<!-- Col End -->
<div class="col-md-6 align-self-md-center">
<img src="images/services/single_service_img3.png" alt="" class="img-fluid analytics-img">
</div>
<!-- Col End -->
<div class="col-md-5 ml-auto align-self-center">
<div class="tw-web-analytics-content">
<i class="icon icon-target"></i>
<h3>Improve website’s performance</h3>
<span class="bottom-border tw-mt-20 tw-mb-30"></span>
<p>
Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
and increase sales montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,
pretium quis, sem. Nulla consequat massa quis enim.
</p>
</div>
<!-- Analytics Content End -->
</div>
</div>
<!-- 3rd Content Row End -->
</div>
<!-- Container End -->
</section>
<!-- Web Analytics End -->
<section id="tw-service-value" class="tw-service-value bg-offwhite">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-12">
<div class="tw-value-desc">
<h2 class="column-title">Performance</h2>
<span class="animate-border border-offwhite tw-mt-20 tw-mb-35"></span>
<p>
Start working with an company that provide everything you need to anything is going very well but you dont know.
</p>
<a href="#" class="btn btn-primary tw-mt-20">contact us</a>
</div>
</div>
<div class="col-md-4 col-lg-3 text-center">
<div class="percent-area">
<div class="chart" data-percent="80">
<p class="percent">80%</p>
<small>899 of 1203</small>
</div>
<p>Unique Visitor</p>
<!-- Chart end -->
</div>
<!-- Percent area end -->
</div>
<div class="col-md-4 col-lg-3 text-center">
<div class="percent-area">
<div class="chart" data-percent="75">
<p class="percent">75%</p>
<small>899 of 1203</small>
</div>
<p>Conversions</p>
<!-- Chart end -->
</div>
<!-- Percent area end -->
</div>
<div class="col-md-4 col-lg-3 text-center">
<div class="percent-area">
<div class="chart" data-percent="70">
<p class="percent">70%</p>
<small>899 of 1203</small>
</div>
<p>Bounce Rate</p>
<!-- Chart end -->
</div>
<!-- Percent area end -->
</div>
</div>
<!-- Content Row End -->
</div>
<!-- Container End -->
</section>
<!-- Service Value End -->
<section id="tw-case" class="tw-case bg-white">
<div class="container">
<div class="row text-center">
<div class="col section-heading">
<h2>
<small>Success Stories</small>
Our
<span>Case Study</span>
</h2>
<!-- End Section Title -->
<span class="animate-border ml-auto mr-auto tw-mt-20"></span>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
<div class="row">
<div class="col-md-4 text-center">
<div class="tw-case-study-box tw-service-case-study">
<div class="case-img study-bg-1">
<img src="images/cases/case-study1.png" alt="" class="img-fluid">
</div>
<!-- End case img -->
<div class="casestudy-content">
<a href="#">
<h4>Web Traffic Management</h4>
</a>
<p>SEO, Marketing</p>
</div>
<!-- End case study content -->
</div>
<!-- End case study box -->
</div>
<!-- End Col -->
<div class="col-md-4 text-center">
<div class="tw-case-study-box tw-service-case-study">
<div class="case-img study-bg-2">
<img src="images/cases/case-study2.png" alt="" class="img-fluid">
</div>
<div class="casestudy-content">
<a href="#">
<h4>Web Traffic Management</h4>
</a>
<p>SEO, Marketing</p>
</div>
<!-- End case study content -->
</div>
<!-- End case study box -->
</div>
<!-- End Col -->
<div class="col-md-4 text-center">
<div class="tw-case-study-box tw-service-case-study">
<div class="case-img study-bg-3">
<img src="images/cases/case-study3.png" alt="" class="img-fluid">
</div>
<div class="casestudy-content">
<a href="#">
<h4>Web Traffic Management</h4>
</a>
<p>SEO, Marketing</p>
</div>
<!-- End case study content -->
</div>
<!-- End case study box -->
</div>
<!-- End col -->
<div class="col-md-12 text-center"><a href="#" class="btn btn-primary btn-lg tw-mt-80">view all</a></div>
</div>
<!-- End Row -->
</div>
<!-- Container End -->
</section>
<!-- TW case end -->
<section id="tw-testimonial" class="tw-testimonial">
<div class="container">
<div class="row align-items-center justify-content-center">
<div class="col-md-6 wow fadeInLeft" data-wow-duration="1s">
<div class="tw-testimonial-content text-center">
<h2 class="section-title">Love From Clients</h2>
<span class="animate-border border-green tw-mt-20 tw-mb-40 ml-auto mr-auto"></span>
</div>
<div class="tw-testimonial-carousel owl-carousel">
<div class="tw-testimonial-wrapper">
<div class="testimonial-bg testimonial-bg-orange">
<div class="testimonial-icon">
<img src="images/icon-image/testimonial1.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Testimonial bg -->
<div class="testimonial-text">
<p>Start working with an company that can do provide every thing at you need to generate awareness,
drive traffic, connect with</p>
<div class="testimonial-meta">
<h4>
Jason Stattham
<small>CEO Microhost</small>
</h4>
<i class="icon icon-quote2"></i>
</div>
<!-- End Testimonial Meta -->
</div>
<!-- End testimonial text -->
</div>
<!-- End Tw testimonial wrapper -->
<div class="tw-testimonial-wrapper">
<div class="testimonial-bg testimonial-bg-orange">
<div class="testimonial-icon">
<img src="images/icon-image/testimonial1.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Testimonial bg -->
<div class="testimonial-text">
<p>Start working with an company that can do provide every thing at you need to generate awareness,
drive traffic, connect with</p>
<div class="testimonial-meta">
<h4>
Jason Stattham
<small>CEO Microhost</small>
</h4>
<i class="icon icon-quote2"></i>
</div>
<!-- End Testimonial meta -->
</div>
<!-- End Testimonial Text -->
</div>
<!-- End Tw testimonial wrapper -->
<div class="tw-testimonial-wrapper">
<div class="testimonial-bg testimonial-bg-orange">
<div class="testimonial-icon">
<img src="images/icon-image/testimonial1.png" alt="" class="img-fluid">
</div>
</div>
<!-- end testimonial bg -->
<div class="testimonial-text">
<p>Start working with an company that can do provide every thing at you need to generate awareness,
drive traffic, connect with</p>
<div class="testimonial-meta">
<h4>
Jason Stattham
<small>CEO Microhost</small>
</h4>
<i class="icon icon-quote2"></i>
</div>
<!-- End testimonial meta -->
</div>
<!-- End testimonial text -->
</div>
<!-- End tw testimonial wrapper -->
</div>
<!-- End Tw testimonial carousel -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Container -->
</section>
<!-- End TW testimonial -->
<section id="tw-call-to-action" class="tw-call-to-action">
<div class="container">
<div class="call-action-bg-pattern">
<img src="images/services/call_to _action_img1.png" alt="">
<img src="images/services/call_to _action_img2.png" alt="">
</div>
<!-- Bg Pattern End -->
<div class="row">
<div class="col text-center">
<h2 class="column-title">
<small>Promise to take you on top</small>
Take your website to TOP of <span>Search Engines</span>
</h2>
<a href="#" class="btn btn-primary tw-mt-20 btn-lg">call us</a>
</div>
<!-- Col End -->
</div>
<!-- Row End -->
</div>
<!-- Container End -->
</section>
<!-- Call to Action End -->
<?php include_once('footer.php')?>
<!-- Javascripts File
=============================================================================-->
<!-- initialize jQuery Library -->
<script src="js/jquery-2.0.0.min.js"></script>
<!-- Popper JS -->
<script src="js/popper.min.js"></script>
<!-- Bootstrap jQuery -->
<script src="js/bootstrap.min.js"></script>
<!-- Owl Carousel -->
<script src="js/owl-carousel.2.3.0.min.js"></script>
<!-- Waypoint -->
<script src="js/waypoints.min.js"></script>
<!-- Counter Up -->
<script src="js/jquery.counterup.min.js"></script>
<!-- Video popUp -->
<script src="js/jquery.magnific.popup.js"></script>
<!-- Easy Pie Chart -->
<script src="js/easy-pie-chart.js"></script>
<!-- WOW JS -->
<script src="js/wow.min.js"></script>
<!-- SmoothScroll -->
<script src="js/smoothscroll.js"></script>
<!-- Template Custom -->
<script src="js/main.js"></script>
</body>
</html>