/home/hdwebsolution/www/new/HTML/index.php
<?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" />

   <!-- Animate CSS -->
   <link rel="stylesheet" href="css/animate.css">

   <!-- Iconic Fonts -->
   <link rel="stylesheet" href="css/icofonts.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>

   <!-- Start hero slider/ Owl Carousel Slider -->
   <div class="tw-hero-slider owl-carousel">

      <div class="slider-1 slider-map-pattern">
         <!-- Slider arrow end -->
         <div class="slider-wrapper d-table">
            <div class="slider-inner d-table-cell">
               <div class="container">
                  <div class="row justify-content-center">
                     <div class="col-md-12">
                        <img src="images/slider/slider1.png" alt="" class="slider-img img-fluid">
                     </div>
                     <!-- Col End -->
                  </div>
                  <!-- Row End -->
                  <div class="row justify-content-center text-center">
                     <div class="col-md-10">
                        <h1 class="tw-slider-subtitle">Search Engine Optimization</h1>
                        <h4 class="tw-slider-title">Digital Marketing
                           <span>Solution</span>
                        </h4>
                        <a href="#" class="btn btn-primary">Submit Now</a>
                     </div>
                     <!-- End Col -->
                  </div>
                  <!-- Row End -->
               </div>
               <!-- Container End -->
            </div>
            <!-- Slider Inner End -->
         </div>
         <!-- Slider Wrapper End -->
      </div>
      <!-- Slider 1 end -->


      <div class="slider-2">
         <div class="slider-arrow">
            <img src="images/slider/pattern_arrow2.png" alt="sliderArrow1">
            <img src="images/slider/pattern_arrow1.png" alt="sliderArrow2">
            <img src="images/slider/pattern_arrow3.png" alt="sliderArrow3">
         </div>
         <div class="slider-wrapper d-table">
            <div class="slider-inner d-table-cell">
               <div class="container">
                  <div class="row justify-content-center">
                     <div class="col-md-6">
                        <div class="slider-content">
                           <h1>We are Creating Custom
                              <span>SEO</span>
                           </h1>
                           <p>Start working with an company that provide everything you need to generate awareness, drive traffic,
                              connect with customers, and increase sales montes</p>
                           <a href="#" class="btn btn-dark">Free Analysis</a>
                        </div>
                     </div>
                     <!-- Col end -->
                     <div class="col-md-6">
                        <img src="images/slider/slider2.png" alt="" class="img-fluid slider-img">
                     </div>
                     <!-- col end -->
                  </div>
                  <!-- Row End -->
               </div>
               <!-- Container End -->
            </div>
            <!-- Slider Inner End -->
         </div>
         <!-- Slider Wrapper End -->
      </div>
      <!-- Slider 2 end -->


      <div class="slider-3">
         <div class="slider-arrow">
            <img src="images/slider/pattern_arrow2.png" alt="sliderArrow1">
            <img src="images/slider/pattern_arrow1.png" alt="sliderArrow2">
            <img src="images/slider/pattern_arrow3.png" alt="sliderArrow3">
         </div>
         <div class="slider-wrapper d-table">
            <div class="slider-inner d-table-cell">
               <div class="container">
                  <div class="row justify-content-center">
                     <div class="col-md-6">
                        <img src="images/slider/slider3.png" alt="" class="img-fluid slider-img">
                     </div>
                     <!-- Col end -->

                     <div class="col-md-6">
                        <div class="slider-content">
                           <h1>We serve best
                              <span>Local SEO</span> service </h1>
                           <p>Start working with an company that provide everything you need to generate awareness, drive traffic,
                              connect with customers, and increase sales montes</p>
                           <a href="#" class="btn btn-dark">Free Analysis</a>
                        </div>
                        <!-- End Slider Content -->
                     </div>
                     <!-- col end -->
                  </div>
                  <!-- Row End -->
               </div>
               <!-- COntainer End -->
            </div>
            <!-- Slider Inner End -->
         </div>
         <!-- Slider Wrapper End -->
      </div>
      <!-- Slider 3 end -->
   </div>
   <!-- End Carousel -->
   
     <section id="tw-client" class="tw-client">
      <div class="container">
             <div class="col section-heading wow fadeInDown">
               <h2 style="text-align:center;">
                
                Our Latest
                  <span>Technologies</span>
               </h2>
               <span class="animate-border ml-auto mr-auto tw-mt-20"></span>
            </div>
         <div class="row  wow fadeInUp">
            <div class="col-md-12">
               <div class="clients-carousel owl-carousel">
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i1.png" alt="">
                        <h3>HTML</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i2.png" alt="">
                        <h3>CSS</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i3.png" alt="">
                        <h3>Boostrap</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i4.png" alt="">
                        <h3>PHP</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                 <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i5.png" alt="">
                        <h3>Magneto</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                 <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i6.png" alt="">
                        <h3>Wordpress</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                 <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i7.png" alt="">
                        <h3>Android</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
              <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i8.png" alt="">
                        <h3>Swift/ IOS</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
               <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i9.png" alt="">
                        <h3>Laravel</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                      <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i10.png" alt="">
                        <h3>React JS</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                      <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/gallery/i11.png" alt="">
                        <h3>Node JS</h3>
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
               </div>
               <!-- End Carousel -->
            </div>
            <!-- End Col -->
         </div>
         <!-- End Row -->
      </div>
      <!-- End Container -->
   </section>
   <!-- End Tw Client -->


<section id="tw-intro" class="tw-intro-area">
  
      <!-- End Ellipse Pattern -->
      <div class="container">
         <div class="row">

            <div class="col-lg-6 col-md-12 text-lg-right text-md-center wow fadeInLeft" data-wow-duration="1s">
               <img src="images/about/about_image.png" alt="" class="img-fluid">
            </div>
            <!-- End Col -->
            <div class="col-lg-5 ml-auto col-md-12 wow fadeInRight" data-wow-duration="1s">
               <h2 class="column-title">A better website means better user experience</h2>
               <span class="animate-border tw-mb-40"></span>
               <p>
                 Made4Brand is the Best Digital Marketing Agency In India and serves globally. We have been serving in business marketing & promotions for more than a decade and encompass a team of truly skilled & professional experts. With 360-degree digital marketing solutions, we serve a comprehensive range of IT services, including digital marketing, content management, web development, app development, UI/UX designing, and many more. We’re certain that our super-knowledgeable and reliable professionals will content you with advanced and high-end technological endeavours. <p>Not only this, but as we all know that today’s advancements have reached the pinnacle, and so has our adept team.</p>
               </p>
               <!-- End Intro list -->
               <a href="#" class="btn btn-primary">learn more</a>
               <!-- Default Round Btn -->
               <a href="#" class="btn btn-secondary">contact us</a>
            </div>
            <!-- End Col -->
         </div>
         <!-- End Row -->
      </div>
      <!-- End Container -->
   </section>
   <!-- Intro section End -->
   <section class="projects-section">
                <div class="container">
                     <div class="col section-heading wow fadeInDown">
               <h2 style="text-align:center;">
                
                Our 
                  <span>Certificate</span>
               </h2>
               <span class="animate-border ml-auto mr-auto tw-mt-20"></span>
            </div>
                </div>
                <div class="container">
                    <div class="projects-carousel owl-carousel owl-theme owl-loaded owl-drag">
                       					   
	   					   
	   					   
	                       <div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-1890px, 0px, 0px); transition: all 0.7s ease 0s; width: 3465px;"><div class="owl-item cloned" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036725_8266ec87b73727ad6d63.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item cloned" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036698_8b6d05436f20fa9b0375.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item cloned" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036712_ccb122ae8a45355533cf.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item cloned" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036725_8266ec87b73727ad6d63.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036698_8b6d05436f20fa9b0375.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036712_ccb122ae8a45355533cf.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item active" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036725_8266ec87b73727ad6d63.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item cloned active" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036698_8b6d05436f20fa9b0375.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item cloned active" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036712_ccb122ae8a45355533cf.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item cloned active" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036725_8266ec87b73727ad6d63.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div><div class="owl-item cloned" style="width: 285px; margin-right: 30px;"><div class="project-block">
                            <div class="image-box">
                                <figure class="image"><img src="https://hdwebsolution.com/uploads/1709036698_8b6d05436f20fa9b0375.png" class="our_certificate" style="    max-width: 280px;"></figure>
                            </div>
                        </div></div></div></div><div class="owl-nav disabled"><div class="owl-prev"><span class="fa fa-angle-left"></span></div><div class="owl-next"><span class="fa fa-angle-right"></span></div></div><div class="owl-dots disabled"><div class="owl-dot active"><span></span></div></div></div>
                </div>
            </section>

   <section id="tw-features" class="tw-features-area">
      <div class="container">
         <div class="row tw-mb-65">
            <div class="col-md-4 wow fadeInLeft" data-wow-duration="1s">
               <h2 class="column-title text-md-right text-sm-center">Best Digital<br/> Marketing Services!</h2>
            </div>
            <!-- Col End -->
            <div class="col-md-7 ml-md-auto wow fadeInRight" data-wow-duration="1s">
               <p class="features-text">Start working with an company that can provide everything you need to generate awareness, drive traffic, connect
                  with customers, and increase sales montes,
                  <br/> nascetur ridiculus mus.</p>
            </div>
            <!-- Col End -->
         </div>
         <!-- End Row 1 -->
         <div class="row">
            <div class="col-lg-4 col-md-12 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
               <div class="features-box">
                  <div class="features-icon d-table">
                     <div class="features-icon-inner d-table-cell">
                        <img src="images/icon/feature1.png" alt="">
                     </div>
                     <!-- End Features icon inner -->
                  </div>
                  <!-- End Features Icon -->
                  <h3>Socail Marketing</h3>
                  <p>Start working with an company that provide everything you need to any create awareness drive
                  </p>
                  <a href="#" class="tw-readmore">Read More
                     <i class="fa fa-angle-right"></i>
                  </a>
               </div>
               <!-- End Single Features -->
            </div>
            <!-- Col End -->
            <div class="col-lg-4 col-md-12  wow fadeInUp" data-wow-duration="1.6s" data-wow-delay=".4s">
               <div class="features-box">
                  <div class="features-icon d-table">
                     <div class="features-icon-inner d-table-cell">
                        <img src="images/icon/feature2.png" alt="">
                     </div>
                     <!-- End Features Icon inner -->
                  </div>
                  <!-- End Features Icon -->
                  <h3>SEO Optimization</h3>
                  <p>Start working with an company that provide everything you need to any create awareness drive
                  </p>
                  <a href="#" class="tw-readmore">Read More
                     <i class="fa fa-angle-right"></i>
                  </a>
               </div>
               <!-- End Single Features -->
            </div>
            <!-- end col -->
            <div class="col-lg-4 col-md-12  wow fadeInUp" data-wow-duration="1.9s" data-wow-delay=".6s">
               <div class="features-box">
                  <div class="features-icon d-table">
                     <div class="features-icon-inner d-table-cell">
                        <img src="images/icon/feature3.png" alt="">
                     </div>
                     <!-- End Features Icon inner -->
                  </div>
                  <!-- End Features Icon -->
                  <h3>SEO Management</h3>
                  <p>Start working with an company that provide everything you need to any create awareness drive
                  </p>
                  <a href="#" class="tw-readmore">Read More
                     <i class="fa fa-angle-right"></i>
                  </a>
               </div>
               <!-- End Single Features -->
            </div>
            <!-- End col -->
         </div>
         <!-- End Row 2 -->
      </div>
      <!-- End Container -->
   </section>
   <!-- End Features section -->


  


   


   <section id="tw-facts" class="tw-facts">
      <div class="facts-bg-pattern d-none d-lg-block">
         <img class="wow fadeInLeft" src="images/funfacts/arrow_left.png" alt="arrwo_left">
         <img class="wow fadeInRight" src="images/funfacts/arrow_right.png" alt="arrow_right">
      </div>
      <div class="container">
         <div class="row">
            <div class="col-md-3 text-center">
               <div class="tw-facts-box">
                  <div class="facts-img wow zoomIn" data-wow-duration="1s">
                     <img src="images/icon/fact1.png" alt="" class="img-fluid">
                  </div>
                  <!-- End Fatcs image -->
                  <div class="facts-content wow fadeInUp" data-wow-duration="1s">
                     <h4 class="facts-title">Active clients</h4>
                     <span class="counter">200</span>
                     <sup>+</sup>
                  </div>
                  <!-- Facts Content End -->
               </div>
               <!-- Facts Box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-3 text-center">
               <div class="tw-facts-box">
                  <div class="facts-img wow zoomIn">
                     <img src="images/icon/fact2.png" alt="" class="img-fluid">
                  </div>
                  <!-- End Facts Image -->
                  <div class="facts-content wow slideInUp">
                     <h4 class="facts-title">Projects Done</h4>
                     <span class="counter">570</span>
                     <sup>+</sup>
                  </div>
                  <!-- End Facts Content -->
               </div>
               <!-- End Facts Box -->
            </div>
            <!-- Col End -->
            <div class="col-md-3 text-center">
               <div class="tw-facts-box">
                  <div class="facts-img wow zoomIn">
                     <img src="images/icon/fact3.png" alt="" class="img-fluid">
                  </div>
                  <!-- End Facts Image -->
                  <div class="facts-content wow slideInUp">
                     <h4 class="facts-title">Success Rate</h4>
                     <span class="counter">98</span>
                     <sup>%</sup>
                  </div>
                  <!-- End Facts Content -->
               </div>
               <!-- End Facts Box -->
            </div>
            <!-- Col End -->
            <div class="col-md-3 text-center">
               <div class="tw-facts-box">
                  <div class="facts-img wow zoomIn">
                     <img src="images/icon/fact4.png" alt="" class="img-fluid">
                  </div>
                  <!-- End Facts Image -->
                  <div class="facts-content wow slideInUp">
                     <h4 class="facts-title">Awards</h4>
                     <span class="counter">50</span>
                     <sup>+</sup>
                  </div>
                  <!-- End Facts Content -->
               </div>
               <!-- End Facts Box -->
            </div>
            <!-- Col End -->
         </div>
         <!-- Row End -->
      </div>
      <!-- Container End -->
   </section>
   <!-- Facts End -->


   <section id="tw-service" class="tw-service">
      <div class="container">
         <div class="row text-center">
            <div class="col section-heading wow fadeInDown">
               <h2>
                  <small>Our services</small>
                  Our Best
                  <span>Services</span>
               </h2>
               <span class="animate-border ml-auto mr-auto tw-mt-20"></span>
            </div>
            <!-- Title Col End -->
         </div>
         <!-- Title Row End -->
         <div class="row">
            <div class="col-md-4 text-center">
               <div class="tw-service-box wow zoomIn" data-wow-duration="1s" data-wow-delay=".2s" style="border: 3px solid;
    border-radius: 23px;
    padding: 10px;">
                  <div class="service-icon service-icon-bg-1 d-table">
                     <div class="service-icon-inner d-table-cell">
                        <img src="images/icon/service1.png" alt="search engine" class="img-fluid">
                     </div>
                  </div>
                  <!-- Service icon end -->
                  <div class="service-content">
                     <h3>SEO Optimization</h3>
                     <p>One of the top 100 advertising and marketing agencies knows what it means to be</p>
                     <a href="#" class="tw-readmore">Read More
                        <i class="fa fa-angle-right"></i>
                     </a>
                  </div>
                  <!-- Service Content end -->
               </div>
               <!-- Service box end -->
            </div>
            <!-- Col End -->
            <div class="col-md-4 text-center">
               <div class="tw-service-box wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s"style="border: 3px solid;
    border-radius: 23px;
    padding: 10px;">
                  <div class="service-icon service-icon-bg-2 d-table">
                     <div class="service-icon-inner d-table-cell">
                        <img src="images/icon/service2.png" alt="search engine" class="img-fluid">
                     </div>
                  </div>
                  <!-- Service icon end -->
                  <div class="service-content">
                     <h3>Content Marketing</h3>
                     <p>One of the top 100 advertising and marketing agencies knows what it means to be</p>
                     <a href="#" class="tw-readmore">Read More
                        <i class="fa fa-angle-right"></i>
                     </a>
                  </div>
                  <!-- Service content end -->
               </div>
               <!-- Service box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-4 text-center">
               <div class="tw-service-box wow zoomIn" data-wow-duration="1s" data-wow-delay=".6s"style="border: 3px solid;
    border-radius: 23px;
    padding: 10px;">
                  <div class="service-icon service-icon-bg-3 d-table">
                     <div class="service-icon-inner d-table-cell">
                        <img src="images/icon/service3.png" alt="search engine" class="img-fluid">
                     </div>
                  </div>
                  <!-- Service Icon End -->
                  <div class="service-content">
                     <h3>Data Analysis</h3>
                     <p>One of the top 100 advertising and marketing agencies knows what it means to be</p>
                     <a href="#" class="tw-readmore">Read More
                        <i class="fa fa-angle-right"></i>
                     </a>
                  </div>
                  <!-- Service content end -->
               </div>
               <!-- Service box End -->
            </div>
            <!-- Col end -->
         </div>
         <!-- Row end -->
         <div class="tw-mb-60"></div>
         <div class="row">
            <div class="col-md-4 text-center">
               <div class="tw-service-box wow zoomIn" data-wow-duration="1s" data-wow-delay=".2s"style="border: 3px solid;
    border-radius: 23px;
    padding: 10px;">
                  <div class="service-icon service-icon-bg-4 d-table">
                     <div class="service-icon-inner d-table-cell">
                        <img src="images/icon/service4.png" alt="search engine" class="img-fluid">
                     </div>
                  </div>
                  <!-- Service icon end -->
                  <div class="service-content">
                     <h3>Digital Marketing</h3>
                     <p>One of the top 100 advertising and marketing agencies knows what it means to be</p>
                     <a href="#" class="tw-readmore">Read More
                        <i class="fa fa-angle-right"></i>
                     </a>
                  </div>
                  <!-- Service content end -->
               </div>
               <!-- Service Box end -->
            </div>
            <!-- Col end -->
            <div class="col-md-4 text-center">
               <div class="tw-service-box wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s"style="border: 3px solid;
    border-radius: 23px;
    padding: 10px;">
                  <div class="service-icon service-icon-bg-5 d-table">
                     <div class="service-icon-inner d-table-cell">
                        <img src="images/icon/service5.png" alt="search engine" class="img-fluid">
                     </div>
                  </div>
                  <!-- Service icon end -->
                  <div class="service-content">
                     <h3>Web Analytics</h3>
                     <p>One of the top 100 advertising and marketing agencies knows what it means to be</p>
                     <a href="#" class="tw-readmore">Read More
                        <i class="fa fa-angle-right"></i>
                     </a>
                  </div>
                  <!-- Service content end -->
               </div>
               <!-- Service box end -->
            </div>
            <!-- Row End -->
            <div class="col-md-4 text-center">
               <div class="tw-service-box wow zoomIn" data-wow-duration="1s" data-wow-delay=".6s"style="border: 3px solid;
    border-radius: 23px;
    padding: 10px;">
                  <div class="service-icon service-icon-bg-6 d-table">
                     <div class="service-icon-inner d-table-cell">
                        <img src="images/icon/service6.png" alt="search engine" class="img-fluid">
                     </div>
                  </div>
                  <!-- Service Icon end-->
                  <div class="service-content">
                     <h3>Social Marketing</h3>
                     <p>One of the top 100 advertising and marketing agencies knows what it means to be</p>
                     <a href="#" class="tw-readmore">Read More
                        <i class="fa fa-angle-right"></i>
                     </a>
                  </div>
                  <!-- Service Content end -->
               </div>
               <!-- Service box end-->
            </div>
            <!-- Col end -->
         </div>
         <!-- Row End -->
      </div>
      <!-- container -->
   </section>
   <!-- Tw Service End -->


   <!--<section id="tw-case" class="tw-case">-->
   <!--   <div class="container">-->
   <!--      <div class="row text-center">-->
   <!--         <div class="col section-heading wow fadeInDown" data-wow-deuration="1s" data-wow-delay=".2s">-->
   <!--            <h2>-->
   <!--               <small>Success Stories</small>-->
   <!--               Our-->
   <!--               <span>Case Study</span>-->
   <!--            </h2>-->
               <!-- End Section Title -->
   <!--            <span class="animate-border border-offwhite ml-auto mr-auto tw-mt-20"></span>-->
   <!--         </div>-->
            <!-- End Col -->
   <!--      </div>-->
         <!-- End Row -->
   <!--      <div class="row">-->
   <!--         <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s">-->
   <!--            <div class="tw-case-study-box">-->
   <!--               <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 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".6s">-->
   <!--            <div class="tw-case-study-box">-->
   <!--               <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>Cloaking &amp; Doorway Pages</h4>-->
   <!--                  </a>-->
   <!--                  <p>Social, SEO</p>-->
   <!--               </div>-->
                  <!-- End case study content -->
   <!--            </div>-->
               <!-- End case study box -->
   <!--         </div>-->
            <!-- End Col -->
   <!--         <div class="col-md-4 text-center wow fadeInUp" data-wow-duration="1s" data-wow-delay=".8s">-->
   <!--            <div class="tw-case-study-box">-->
   <!--               <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>Hosting company rank</h4>-->
   <!--                  </a>-->
   <!--                  <p>Hosting, Marketing</p>-->
   <!--               </div>-->
                  <!-- End case study content -->
   <!--            </div>-->
               <!-- End case study box -->
   <!--         </div>-->
            <!-- End col -->
   <!--         <div class="col-md-12 text-center wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.4s"><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="work-process" class="work-process">
      <div class="work-bg-pattern d-none d-lg-inline-block">
         <img src="images/process/work_process.png" alt="" class="img-fluid wow fadeInLeft" data-wow-duration="1s" data-wow-delay="1.2s">
      </div>
      <!-- End Work BG Pattern -->
      <div class="container">
         <div class="row text-center">
            <div class="col section-heading wow fadeInDown" data-wow-duration="1s">
               <h2>
                  <small>ease steps</small>Our Working <span>Process</span></h2>
               <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-3">
               <div class="tw-work-process">
                  <div class="process-wrapper d-table wow zoomIn" data-wow-duration="1s" data-wow-delay=".2s">
                     <div class="process-inner d-table-cell">
                        <img src="images/icon/process1.png" alt="" class="img-fluid">
                     </div>
                  </div>
                  <!-- End process wrapper -->
                  <p>01. Research Project</p>
               </div>
               <!-- End Tw work process -->
            </div>
            <!-- End Col -->
            <div class="col-md-3">
               <div class="tw-work-process">
                  <div class="process-wrapper bg-orange d-table wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
                     <div class="process-inner d-table-cell">
                        <img src="images/icon/process2.png" alt="" class="img-fluid">
                     </div>
                  </div>
                  <!-- End Process Wrapper -->
                  <p>02. Find Ideas</p>
               </div>
               <!-- End Word Process -->
            </div>
            <!-- End Col -->
            <div class="col-md-3">
               <div class="tw-work-process">
                  <div class="process-wrapper bg-blue d-table wow zoomIn" data-wow-duration="1s" data-wow-delay=".6s">
                     <div class="process-inner d-table-cell">
                        <img src="images/icon/process3.png" alt="" class="img-fluid">
                     </div>
                  </div>
                  <!-- End Process Wrapper -->
                  <p>03. Start Optimize</p>
               </div>
               <!-- End Work Process -->
            </div>
            <!-- End Col -->
            <div class="col-md-3">
               <div class="tw-work-process">
                  <div class="process-wrapper bg-yellow d-table wow zoomIn" data-wow-duration="1s" data-wow-delay=".8s">
                     <div class="process-inner d-table-cell">
                        <img src="images/icon/process4.png" alt="" class="img-fluid">
                     </div>
                  </div>
                  <!-- End PRocess Wrapper -->
                  <p>04. Reach Target</p>
               </div>
               <!-- End Work Process -->
            </div>
            <!-- End Col -->
            <div class="col-md-12 text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="1.2s"><a href="#" class="btn btn-primary tw-mt-80">Get Started</a></div>
         </div>
         <!-- End Row -->
      </div>
      <!-- End Container -->
   </section>
   <!-- End Word Process -->



   <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 class="col-md-6 wow fadeInRight" data-wow-duration="1s" style="visibility: visible; animation-duration: 1s; animation-name: fadeInRight;">
               <div class="login-form box-shadow white-bg p-4 p-md-3 text-center"> 
                     <div class="tw-testimonial-content text-center">
                  <h2 class="section-title myquiiee">Connect with our Digital Marketing Experts</h2>
                  <span class="animate-border border-green tw-mt-20 tw-mb-40 ml-auto mr-auto"></span>
               </div>
                     <form method="post">
                        <div class="row">
                           <div class="col-md-6">
                              <div class="form-group">
                                 <input type="text" name="username" class="form-control" placeholder="Name" required="required" data-error="">
                              </div>
                           </div>
                           <div class="col-md-6">
                              <div class="form-group">
                                 <input type="text" class="form-control" name="company" placeholder="Company Name" required="required" data-error="">
                              </div>
                           </div> 
                           <div class="col-md-6">
                              <div class="form-group">
                                 <input type="text" class="form-control" name="contact" pattern="[1-9]{1}[0-9]{9}" placeholder="Mobile No." required="required" data-error="">
                              </div>
                           </div>
                           
                           <div class="col-md-6">
                              <div class="form-group">
                                 <input type="email" class="form-control" name="email" placeholder="Email Address" required="required" data-error="">
                              </div>
                           </div> 
                           <div class="col-md-12">
                              <div class="form-group">
                                  <select name="selection" class="form-control">
                                      <option>Select Service</option>
                                      <option>Website Designing</option>
                                      <option>Web Development</option>
                                      <option>E-Commerce Website</option>
                                      <option>Web Application Development</option>
                                      <option>Professional logo Designing</option>
                                      <option>Social Media Optimization</option>
                                      <option>Search Engine Optimization</option>
                                      <option>Web Promotion</option>
                                      <option>Others</option>
                                   </select>
                              </div>
                           </div> 
                          <div class="form-group col-md-12">
                             <textarea class="form-control" name="message" rows="4" cols="40"> Descriptions</textarea>
                          </div>
                          <div class="form-group col-md-12">
                          <div class="g-recaptcha" data-sitekey=""></div>
                          </div>
                        </div>
                        <button type="submit" name="adding" value="add" class="btn btn-secondary submi-btn"><span>Submit Now</span></button>
                           <a href="review.php" class="btn btn-secondary mw-80 no-shadows">Write A Review..</a>            
                     </form>
                  </div>
                  
            </div>
         </div>
         <!-- End Row -->
      </div>
      <!-- End Container -->
   </section>
   <!-- End TW testimonial -->

   


   <section id="tw-blog" class="tw-blog">
      <div class="container">
         <div class="row text-center">
            <div class="col section-heading wow fadeInDown" data-wow-duration="1s" data-wow-delay=".5s">
               <h2>
                  <small>our blog</small>
                  Latest <span>Blog</span>
               </h2>
               <span class="animate-border border-offwhite ml-auto mr-auto tw-mt-20"></span>
            </div>
            <!-- Col end -->
         </div>
         <!-- Row End -->
         <div class="row wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
            <div class="col-lg-4 col-md-12">
               <div class="tw-latest-post">
                  <div class="latest-post-media text-center">
                     <img src="images/news/post1.jpg" alt="blog_image_one" class="img-fluid">
                  </div>
                  <!-- End Latest Post Media -->
                  <div class="post-body">
                     <div class="post-item-date">
                        <div class="post-date">
                           <span class="date">29</span>
                           <span class="month">May</span>
                        </div>
                     </div>
                     <!-- End Post Item Date -->
                     <div class="post-info">
                        <div class="post-meta">
                           <span class="post-author">
                              Posted by <a href="">Admin</a>
                           </span>
                        </div>
                        <!-- End Post Meta -->
                        <h3 class="post-title"><a href="#">SEO trend to look for the best in 2018</a></h3>
                        <div class="entry-content">
                           <p>
                              One of the top 100 advertising of a marketing agencies know that how to grow your busines
                           </p>
                        </div>
                        <!-- End Entry Content -->
                     </div>
                     <!-- End Post info -->
                  </div>
                  <!-- End Post Body -->
               </div>
               <!-- End Tw Latest Post -->
            </div>
            <!-- End Col -->
            <div class="col-lg-4 col-md-12">
               <div class="tw-latest-post">
                  <div class="latest-post-media text-center">
                     <img src="images/news/post2.jpg" alt="blog_image_one" class="img-fluid">
                  </div>
                  <!-- End Latest Post Media -->
                  <div class="post-body">
                     <div class="post-item-date">
                        <div class="post-date">
                           <span class="date">29</span>
                           <span class="month">May</span>
                        </div>
                     </div>
                     <!-- End Post Item Date -->
                     <div class="post-info">
                        <div class="post-meta">
                           <span class="post-author">
                              Posted by <a href="">Admin</a>
                           </span>
                        </div>
                        <!-- End Post Meta -->
                        <h3 class="post-title"><a href="#">SEO trend to look for the best in 2018</a></h3>
                        <div class="entry-content">
                           <p>
                              One of the top 100 advertising of a marketing agencies know that how to grow your busines
                           </p>
                        </div>
                        <!-- End Entry Content -->
                     </div>
                     <!-- End Post info -->
                  </div>
                  <!-- End Post Body -->
               </div>
               <!-- End Tw Latest Post -->
            </div>
            <!-- End Col -->
            <div class="col-lg-4 col-md-12">
               <div class="tw-latest-post">
                  <div class="latest-post-media text-center">
                     <img src="images/news/post3.jpg" alt="blog_image_one" class="img-fluid">
                  </div>
                  <!-- End Latest Post Media -->
                  <div class="post-body">
                     <div class="post-item-date">
                        <div class="post-date">
                           <span class="date">29</span>
                           <span class="month">May</span>
                        </div>
                     </div>
                     <!-- End Post Item Date -->
                     <div class="post-info">
                        <div class="post-meta">
                           <span class="post-author">
                              Posted by <a href="">Admin</a>
                           </span>
                        </div>
                        <!-- End Post Meta -->
                        <h3 class="post-title"><a href="#">SEO trend to look for the best in 2018</a></h3>
                        <div class="entry-content">
                           <p>
                              One of the top 100 advertising of a marketing agencies know that how to grow your busines
                           </p>
                        </div>
                        <!-- End Entry Content -->
                     </div>
                     <!-- End Post info -->
                  </div>
                  <!-- End Post Body -->
               </div>
               <!-- End Tw Latest Post -->
            </div>
            <!-- End Col -->
            <div class="col-md-12 text-center wow zoomIn" data-wow-duration="1s" data-wow-delay="1s"><a href="#" class="btn btn-primary btn-lg tw-mt-80">view all</a></div>
         </div>
         <!-- End Row -->
      </div>
      <!-- Container End -->
   </section>
   <!-- End tw blog -->

   <section id="tw-client" class="tw-client">
      <div class="container">
            <div class="col section-heading wow fadeInDown">
               <h2 style="text-align:center;">
                
                Our 
                  <span>Featured</span>
               </h2>
               <span class="animate-border ml-auto mr-auto tw-mt-20"></span>
            </div>
         <div class="row  wow fadeInUp">
            <div class="col-md-12">
               <div class="clients-carousel owl-carousel">
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo3.jpg" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/pizzhut.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo6.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo2.jpg" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/tcs (1).png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/flogo1.jpg" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/kingfisher.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/hdfc.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
                  <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/hin.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                   <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/fortune.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                   <div class="client-logo-wrapper d-table">
                     <div class="client-logo d-table-cell">
                        <img src="images/dominos.png" alt="">
                     </div>
                     <!-- End Clients logo -->
                  </div>
                  <!-- End Client wrapper -->
               </div>
               <!-- End Carousel -->
            </div>
            <!-- End Col -->
         </div>
         <!-- End Row -->
      </div>
      <!-- End Container -->
   </section>
   <!-- End Tw Client -->



      <!-- End Copyright -->
      <!-- Back to top -->
      <div id="back-to-top" class="back-to-top">
         <button class="btn btn-dark" title="Back to Top">
            <i class="fa fa-angle-up"></i>
         </button>
      </div>
      <!-- End Back to top -->
   </footer>
   <!-- End Footer -->




   <!-- 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>
   <!-- Smooth scroll -->
   <script src="js/smoothscroll.js"></script>
   <!-- WoW js -->
   <script src="js/wow.min.js"></script>
   <!-- Template Custom -->
   <script src="js/main.js"></script>
   <?php include_once('footer.php')?>
</body>

</html>