/home/hdwebsolution/www/new/HTML/single-case.php
<?php include_once('header.php')?>
<!doctype html>
<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 bg-overlay case-bg-overlay" style="background-image:url(./images/banner/baner.jpg)">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="banner-heading case-banner-heading">
<h1 class="banner-case-title"><span>180%</span> web ranking increased <br/>on Google analysis</h1>
</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>The Beginning</small>
Challenge & <span>Solution</span>
</h2>
<span class="animate-border ml-auto mr-auto tw-mt-20 tw-mb-40"></span>
<p>
Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with . massa
quis enim. Donec pede justo. Dringilla vel, aliquet nec, vulputate eget, arcu Donec quam felis, ultricies
nec, pellentesque eu, pretium. quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla
vel, aliquet nec, vulputate eget, arcu
</p>
</div>
<!-- section Heading End -->
</div>
<!-- Col End -->
</div>
<!-- title Row End -->
<div class="row challange-bg-pattern">
<div class="col-md-6">
<div class="tw-challange-content">
<img class="img-fluid" src="images/cases/single_case_img1.png" alt="">
<h3>Less page views </h3>
</div>
</div>
<!-- Col End -->
<div class="col-md-6">
<div class="tw-challange-content challange-left-content">
<img class="img-fluid" src="images/cases/single_case_img2.png" alt="">
<h3>Increased page views </h3>
</div>
</div>
<!-- Col end -->
</div>
<!-- Content Row End -->
</div>
<!-- Container End -->
</section>
<!-- Case Challange End -->
<section id="tw-case-working-process" class="tw-case-working-process bg-offwhite">
<div class="container">
<div class="row">
<div class="col text-center">
<div class="section-heading">
<h2>
<small>easy steps</small>
Our Working <span>Process</span>
</h2>
<span class="animate-border ml-auto mr-auto tw-mt-20"></span>
</div>
</div>
<!-- Col End -->
</div>
<!-- Title Row End -->
<div class="row">
<div class="col-md-3 text-center">
<div class="tw-case-working-box">
<div class="working-icon-wrapper">
<div class="working-icon">
<img src="images/icon/process1.png" alt="" class="img-fluid">
<span class="case-process-number">1</span>
</div>
</div>
<!-- Icon Wrapper End -->
<h3>01. Research Project</h3>
</div>
<!-- Working Box End -->
</div>
<!-- Col End -->
<div class="col-md-3 text-center">
<div class="tw-case-working-box">
<div class="working-icon-wrapper">
<div class="working-icon">
<img src="images/icon/process2.png" alt="" class="img-fluid">
<span class="case-process-number">2</span>
</div>
</div>
<!-- Icon Wrapper End -->
<h3>02. Find Ideas</h3>
</div>
<!-- Working Box End -->
</div>
<!-- Col End -->
<div class="col-md-3 text-center">
<div class="tw-case-working-box">
<div class="working-icon-wrapper">
<div class="working-icon">
<img src="images/icon/process3.png" alt="" class="img-fluid">
<span class="case-process-number">3</span>
</div>
</div>
<!-- Icon Wrapper End -->
<h3>03. Start Optimize</h3>
</div>
<!-- Working Box End -->
</div>
<!-- Col End -->
<div class="col-md-3 text-center">
<div class="tw-case-working-box">
<div class="working-icon-wrapper">
<div class="working-icon">
<img src="images/icon/process4.png" alt="" class="img-fluid">
<span class="case-process-number">4</span>
</div>
</div>
<!-- Icon Wrapper End -->
<h3>04. Reach Target</h3>
</div>
<!-- Working Box End -->
</div>
<!-- Col End -->
</div>
<!-- Content Row End -->
</div>
<!-- Container End -->
</section>
<!-- Working Process End -->
<section id="tw-final-result" class="tw-final-result">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="section-heading">
<h2>
The final <span>Result</span>
<span class="animate-border tw-mt-20 tw-mb-35"></span>
</h2>
</div>
<div class="tw-results-content">
<p>Start working with an company that can provide everything you need to generate awareness, drive traffic,
connect with . massa quis enim. Donec pede justo.</p>
<div class="results-trafiic tw-mt-40">
<div class="traffic-info">
<img src="images/icon/final_icon1.png" alt="" class="img-fluid">
<span>44% growth in organic traffic</span>
</div>
<div class="traffic-info">
<img src="images/icon/final_icon2.png" alt="" class="img-fluid">
<span>No. 1 rankings for multiple</span>
</div>
</div>
</div>
</div>
<!-- Col End -->
<div class="col-md-6">
<div class="result-bg">
<img src="images/cases/final_result.png" alt="">
</div>
</div>
<!-- Col End -->
</div>
<!-- 1st Row End -->
<div class="row">
<div class="col-md-3 text-center">
<div class="tw-traffic-counter">
<div class="traffic-icon-bg traffic-bg-1">
<img src="images/icon/result_1.png" alt="" class="img-fluid">
</div>
<!-- Traffic bg end -->
<h3>Increased average page views </h3>
<p><span class="counter">6.5</span>%</p>
</div>
<!-- Traffic Counter end -->
</div>
<!-- Col End -->
<div class="col-md-3 text-center">
<div class="tw-traffic-counter">
<div class="traffic-icon-bg traffic-bg-2">
<img src="images/icon/result_2.png" alt="" class="img-fluid">
</div>
<!-- Traffic bg end -->
<h3>Increased Length of each visit </h3>
<p><span class="counter">7</span>%</p>
</div>
<!-- Traffic Counter end -->
</div>
<!-- Col End -->
<div class="col-md-3 text-center">
<div class="tw-traffic-counter">
<div class="traffic-icon-bg traffic-bg-3">
<img src="images/icon/result_3.png" alt="" class="img-fluid">
</div>
<!-- Traffic bg end -->
<h3>Increased Organic traffic </h3>
<p><span class="counter">80</span>%</p>
</div>
<!-- Traffic Counter end -->
</div>
<!-- Col End -->
<div class="col-md-3 text-center">
<div class="tw-traffic-counter">
<div class="traffic-icon-bg traffic-bg-4">
<img src="images/icon/result_4.png" alt="" class="img-fluid">
</div>
<!-- Traffic bg end -->
<h3>Decreased Bounce Rate
</h3>
<p><span class="counter">5.4</span>%</p>
</div>
<!-- Traffic Counter end -->
</div>
<!-- Col End -->
</div>
<!-- 2nd Row End -->
</div>
<!-- Container End -->
</section>
<!-- Result 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>
<?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>