/home/hdwebsolution/www/new/files/HTML/about-us-2.html
<!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 class="search-bar">
      <i class="fa fa-close"></i>
      <form class="search-bar-fixed" action="#">
         <input type="text" placeholder="search...">
         <button type="submit"><i class="fa fa-search"></i></button>
      </form>
   </div>
   <!--End Search bar -->

   <div class="offcanvas-menu">
      <div class="offcanvas-menu-overlay"></div>
      <div class="container">
         <div class="row">
            <div class="col-md-12">
               <div class="offcanvas-wrapper">
                  <div class="offcanvas-inner">
                     <a href="index.html" class="logo">
                        <img src="images/logo/logo.png" alt="">
                     </a>
                     <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</p>
                     <div class="row">
                        <div class="col-md-12">
                           <div class="contact-us">
                              <div class="contact-icon">
                                 <i class="icon icon-map2"></i>
                              </div>
                              <!-- End contact Icon -->
                              <div class="contact-info">
                                 <h3>New York, USA</h3>
                                 <p>1010 Grand Avenue</p>
                              </div>
                              <!-- End Contact Info -->
                           </div>
                           <!-- End Contact Us -->
                        </div>
                        <!-- End Col -->
                        <div class="col-md-12">
                           <div class="contact-us">
                              <div class="contact-icon">
                                 <i class="icon icon-phone3"></i>
                              </div>
                              <!-- End contact Icon -->
                              <div class="contact-info">
                                 <h3>009-215-5596</h3>
                                 <p>Give us a call</p>
                              </div>
                              <!-- End Contact Info -->
                           </div>
                           <!-- End Contact Us -->
                        </div>
                        <!-- End Col -->
                        <div class="col-md-12">
                           <div class="contact-us">
                              <div class="contact-icon">
                                 <i class="icon icon-envelope2"></i>
                              </div>
                              <!-- End contact Icon -->
                              <div class="contact-info">
                                 <h3>mail@example.com</h3>
                                 <p>24/7 online support</p>
                              </div>
                              <!-- End Contact Info -->
                           </div>
                           <!-- End Contact Us -->
                        </div>
                        <!-- End Col -->
                     </div>
                     <!-- End Contact Row -->
                     <div class="footer-social-link">
                        <ul>
                           <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                           <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                           <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                           <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                           <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                        </ul>
                     </div>
                     <div class="menu-subscribe">
                        <h3>
                           Subscribe
                           <span class="noanimate-border"></span>
                        </h3>
                        <form action="#">
                           <div class="form-row">
                              <div class="col tw-footer-form">
                                 <input type="email" class="form-control" placeholder="Email Address">
                                 <button type="submit"><i class="fa fa-send"></i></button>
                              </div>
                           </div>
                        </form>
                     </div>
                  </div>
                  <!-- Offcanvas inner end -->
                  <button class="menu-close-btn"><i class="fa fa-close"></i></button>
               </div>
               <!-- Offcanvas wrapper end -->
            </div>
            <!-- Col End -->
         </div>
         <!-- Row End -->
      </div>
      <!-- Container End -->
   </div>
   <!-- Off canvas menu End -->


   <div class="tw-top-bar">
         <div class="container">
            <div class="row">
               <div class="col-md-8 text-left">
                  <div class="top-contact-info">
                     <span><i class="icon icon-phone3"></i>1010 Avenue, NY, USA</span>
                     <span><i class="icon icon-envelope"></i>info@example.com</span>
                     <span><i class="icon icon-map-marker2"></i>009-215-5596</span>
                  </div>
               </div>
               <!-- Col End -->
               <div class="col-md-4 ml-auto text-right">
                  <div class="top-social-links">
                     <span>Follow us:</span>
                     <a href="#"><i class="fa fa-facebook"></i></a>
                     <a href="#"><i class="fa fa-twitter"></i></a>
                     <a href="#"><i class="fa fa-google-plus"></i></a>
                     <a href="#"><i class="fa fa-instagram"></i></a>
                  </div>
               </div>
               <!-- Col End -->
            </div>
            <!-- Row End -->
         </div>
         <!-- Container End -->
      </div>
      <!-- Top Bar end -->

   <!-- header======================-->
   <header>
      <div class="tw-head">
         <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light bg-white">
               <a class="navbar-brand tw-nav-brand" href="index.html">
                  <img src="images/logo/logo.png" alt="seobin">
               </a>
               <!-- End of Navbar Brand -->
               <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                  aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
               </button>
               <!-- End of Navbar toggler -->
               <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
                  <ul class="navbar-nav">
                     <li class="nav-item dropdown">
                        <a class="nav-link" href="#" data-toggle="dropdown">
                          Home
                          <span class="tw-indicator"><i class="fa fa-angle-down"></i></span>
                       </a>
                        <ul class="dropdown-menu tw-dropdown-menu">
                           <li><a href="index.html">Home One</a></li>
                           <li><a href="index-2.html">Home Two</a></li>
                           <li><a href="index-3.html">Home Three</a></li>
                           <li><a href="index-4.html">Home Four</a></li>
                           <li><a href="index-5.html">Home Five</a></li>
                           <li><a href="index-6.html">Home Six</a></li>
                           <li><a href="index-7.html">Home Seven</a></li>
                           <li><a href="index-8.html">Home Eight</a></li>
                           <li><a href="index-9.html">Home Nine</a></li>
                           <li><a href="index-10.html">Home Ten</a></li>
                        </ul>
                        <!-- End of Dropdown menu -->
                     </li>
                     <li class="nav-item dropdown active">
                        <a class="nav-link active" href="#" data-toggle="dropdown">
                          Pages
                          <span class="tw-indicator"><i class="fa fa-angle-down"></i></span>
                       </a>
                        <ul class="dropdown-menu tw-dropdown-menu">
                           <li><a href="about-us-1.html">About us 1</a></li>
                           <li class="active"><a href="about-us-2.html">About us 2</a></li>
                           <li><a href="team.html">Our Teams</a></li>
                           <li><a href="testimonial.html">Testimonial</a></li>
                           <li><a href="faq.html">FAQ</a></li>
                           <li><a href="contact.html">Contact</a></li>
                           <li><a href="404.html">404</a></li>
                        </ul>
                        <!-- End of Dropdown menu -->
                     </li>
                     <!-- End Dropdown -->
                     <li class="nav-item dropdown">
                        <a class="nav-link" href="#" data-toggle="dropdown">
                          Services
                          <span class="tw-indicator"><i class="fa fa-angle-down"></i></span>
                       </a>
                        <ul class="dropdown-menu tw-dropdown-menu">
                           <li><a href="service.html">Service All</a></li>
                           <li><a href="single-service.html">Service Single</a></li>
                        </ul>
                        <!-- End of Dropdown menu -->
                     </li>
                     <!-- End Dropdown -->
                     <li class="nav-item dropdown">
                        <a class="nav-link" href="#" data-toggle="dropdown">
                          Projects
                          <span class="tw-indicator"><i class="fa fa-angle-down"></i></span>
                       </a>
                        <ul class="dropdown-menu tw-dropdown-menu">
                           <li><a href="case-studies.html">Projects All</a></li>
                           <li><a href="single-case.html">Project Single</a></li>
                        </ul>
                        <!-- End of Dropdown menu -->
                     </li>
                     <!-- End Dropdown -->
                     <li class="nav-item dropdown tw-megamenu-wrapper">
                        <a class="nav-link" href="#" data-toggle="dropdown">
                          Features
                          <span class="tw-indicator">
                             <i class="fa fa-angle-down"></i>
                          </span>
                       </a>
                        <div id="tw-megamenu" class="dropdown-menu tw-mega-menu">
                           <div class="row">
                              <div class="col-md-12 col-lg-3 no-padding">
                                 <ul>
                                    <li class="tw-megamenu-title">
                                       <h3>Standard Pricing</h3>
                                    </li>
                                    <li><a href="#">SEO Pricing</a></li>
                                    <li><a href="#">Ecommerce SEO</a></li>
                                    <li><a href="#">Enterprise SEO</a></li>
                                    <li><a href="#">Local SEO</a></li>
                                    <li><a href="#">SEO Audits</a></li>
                                    <li><a href="#">PPC Management</a></li>
                                    <li><a href="#">SEO Link Buildings</a></li>
                                 </ul>
                                 <!-- End UL -->
                              </div>
                              <!-- End Col -->
                              <div class="col-md-12 col-lg-3 no-padding">
                                 <ul>
                                    <li class="tw-megamenu-title">
                                       <h3>Elements One</h3>
                                    </li>
                                    <li><a href="#">Addon list 1</a></li>
                                    <li><a href="#">Addon list 2</a></li>
                                    <li><a href="#">Addon list 3</a></li>
                                    <li><a href="#">Addon list 4</a></li>
                                    <li><a href="#">Addon list 5</a></li>
                                    <li><a href="#">Addon list 6</a></li>
                                 </ul>
                                 <!-- End UL -->
                              </div>
                              <!-- End Col -->
                              <div class="col-md-12 col-lg-3 no-padding">
                                 <ul>
                                    <li class="tw-megamenu-title">
                                       <h3>Elements Two</h3>
                                    </li>
                                    <li><a href="#">Addon list 7</a></li>
                                    <li><a href="#">Addon list 8</a></li>
                                    <li><a href="#">Addon list 9</a></li>
                                    <li><a href="#">Addon list 10</a></li>
                                 </ul>
                                 <!-- End Ul -->
                              </div>
                              <!-- End Col -->
                              <div class="col-md-12 col-lg-3 no-padding">
                                 <ul>
                                    <li class="tw-megamenu-title">
                                       <h3>Site review</h3>
                                    </li>
                                    <li>
                                       <p>Start working with the best company that provide you everything you need.</p>
                                    </li>
                                 </ul>
                                 <!-- End UL -->
                              </div>
                              <!-- End Col -->
                           </div>
                           <!-- End Row -->
                        </div>
                        <!-- End of Mega menu -->
                     </li>
                     <!-- End MegaMenu -->
                     <li class="nav-item dropdown">
                        <a class="nav-link" href="#" data-toggle="dropdown">
                          News
                          <span class="tw-indicator"><i class="fa fa-angle-down"></i></span>
                       </a>
                        <ul class="dropdown-menu tw-dropdown-menu">
                           <li><a href="news-right-sidebar.html">News Right Sidebar</a></li>
                           <li><a href="news-left-sidebar.html">News Left Sidebar</a></li>
                           <li><a href="news-single.html">News Single</a></li>
                        </ul>
                        <!-- End of Dropdown menu -->
                     </li>
                     <!-- End Dropdown -->
                     <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
                  </ul>
                  <!-- End Navbar Nav -->
               </div>
               <!-- End of navbar collapse -->
               <div class="tw-off-search">
                  <div class="tw-search">
                     <i class="fa fa-search"></i>
                  </div>
                  <div class="tw-menu-bar">
                     <span></span>
                     <span></span>
                     <span></span>
                  </div>
               </div>
               <!-- End off canvas menu -->
            </nav>
            <!-- End of Nav -->
         </div>
         <!-- End of Container -->
      </div>
      <!-- End tw head -->
   </header>
   <!-- End of Header area=-->


   <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">About us</h1>
                  <ol class="breadcrumb">
                     <li>Home</li>
                     <li><a href="#">About us</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-md-6">
               <div class="tw-about-bin">
                  <h2 class="column-title">About SeoBin</h2>
                  <span class="animate-border tw-mb-40 tw-mt-20"></span>
                  <p>Start working with an company that can provide everything you need to generate awareness, drive traffic,
                     connect with customers, and increase sales nascetur ridiculus mus. massa quis enim. Donec pede justo,
                     fringilla vel, aliquet nec, vulputate eget, arcu</p>
                  <p>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>
               <!-- About Bin End -->
            </div>
            <!-- Col End -->
            <div class="col-md-6 align-self-md-center">
               <img src="images/about/about_page_img1.png" alt="" class="img-fluid">
            </div>
            <!-- Col End -->
         </div>
         <!-- Row end -->
      </div>
      <!-- Container end -->
   </section>
   <!-- Main container end -->


   <section id="tw-mission" class="tw-mission">
      <div class="container">
         <div class="row">
            <div class="col-md-12">
               <div class="mission-carousel owl-carousel">
                  <div class="row">
                     <div class="col-md-6 mr-auto align-self-md-center">
                        <img src="images/about/our_mission.png" alt="" class="img-fluid">
                     </div>
                     <!-- Col End -->
                     <div class="col-md-6">
                        <div class="mission-body">
                           <div class="mission-title tw-mb-40">
                              <h2 class="column-title">Our Mission</h2>
                              <span class="animate-border bg-white border-orange tw-mt-30"></span>
                           </div>
                           <p>
                              Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
                              and increase sales nascetur ridiculus mus. massa quis enim. Donec pede justo.
                           </p>
                        </div>
                     </div>
                     <!-- Col End -->
                  </div>
                  <!-- Content Row End -->
                  <div class="row">
                     <div class="col-md-6 mr-auto align-self-md-center">
                        <img src="images/about/our_mission.png" alt="" class="img-fluid">
                     </div>
                     <!-- Col End -->
                     <div class="col-md-6">
                        <div class="mission-body">
                           <div class="mission-title tw-mb-40">
                              <h2 class="column-title">Our Mission</h2>
                              <span class="animate-border bg-white border-orange tw-mt-30"></span>
                           </div>
                           <p>
                              Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
                              and increase sales nascetur ridiculus mus. massa quis enim. Donec pede justo.
                           </p>
                        </div>
                     </div>
                     <!-- Col End -->
                  </div>
                  <!-- Content Row End -->
                  <div class="row animated fadeIn">
                     <div class="col-md-6 mr-auto align-self-md-center">
                        <img src="images/about/our_mission.png" alt="" class="img-fluid">
                     </div>
                     <!-- Col End -->
                     <div class="col-md-6">
                        <div class="mission-body">
                           <div class="mission-title tw-mb-40">
                              <h2 class="column-title">Our Mission</h2>
                              <span class="animate-border bg-white border-orange tw-mt-30"></span>
                           </div>
                           <p>
                              Start working with an company that can provide everything you need to generate awareness, drive traffic, connect with customers,
                              and increase sales nascetur ridiculus mus. massa quis enim. Donec pede justo.
                           </p>
                        </div>
                     </div>
                     <!-- Col End -->
                  </div>
                  <!-- Content Row End -->
               </div>
               <!-- Mission Carousel End -->
            </div>
            <!-- Col End -->
         </div>
         <!-- Row End -->
      </div>
      <!-- Container End -->
   </section>
   <!-- Mission End -->


   <section id="tw-timeline" class="tw-timeline">
      <div class="container">
         <div class="row">
            <div class="col-md-12">
               <div class="timeline-wrapper">
                  <div class="row">
                     <div class="col-md-6 timeline-item left-part">
                        <div class="timeline-badge"></div>
                        <div class="timeline-panel">
                           <p class="details">Our promising journey started on 08 February 2010 by Leonardo Decaprio, the CEO and Founder of
                              the SeoBin
                           </p>
                        </div>
                     </div>
                     <div class="col-md-6 timeline-item ">
                        <div class="timeline-date left-part">
                           <p class="title">2010</p>
                           <p class="tagline">we are featured</p>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-6 timeline-item">
                        <div class="timeline-date active">
                           <p class="title">2010</p>
                           <p class="tagline">we are featured</p>
                        </div>
                     </div>
                     <div class="col-md-6 timeline-item">
                        <div class="timeline-badge active"></div>
                        <div class="timeline-panel">
                           <p class="details">Our promising journey started on 08 February 2010 by Leonardo Decaprio, the CEO and Founder of
                              the SeoBin
                           </p>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-6 timeline-item left-part">
                        <div class="timeline-badge"></div>
                        <div class="timeline-panel">
                           <p class="details">Our promising journey started on 08 February 2010 by Leonardo Decaprio, the CEO and Founder of
                              the SeoBin
                           </p>
                        </div>
                     </div>
                     <div class="col-md-6 timeline-item ">
                        <div class="timeline-date left-part">
                           <p class="title">2010</p>
                           <p class="tagline">we are featured</p>
                        </div>
                     </div>
                  </div>
                  <div class="row">
                     <div class="col-md-6 timeline-item">
                        <div class="timeline-date">
                           <p class="title">2010</p>
                           <p class="tagline">we are featured</p>
                        </div>
                     </div>
                     <div class="col-md-6 timeline-item">
                        <div class="timeline-badge"></div>
                        <div class="timeline-panel">
                           <p class="details">Our promising journey started on 08 February 2010 by Leonardo Decaprio, the CEO and Founder of
                              the SeoBin
                           </p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </section>








   <section id="tw-team" class="tw-team bg-offwhite">
      <div class="container">
         <div class="row">
            <div class="col text-center">
               <div class="section-heading tw-mb-80">
                  <h2>
                     <small>our team</small>
                     Our Best <span>Experts</span>
                  </h2>
                  <span class="animate-border border-offwhite tw-mt-20 ml-auto mr-auto"></span>
               </div>
            </div>
            <!-- Title Col end -->
         </div>
         <!-- Title row End -->
         <div class="row">
            <div class="col-md-3">
               <div class="tw-team-box">
                  <div class="team-img">
                     <img src="images/team/expert1.png" alt="" class="img-fluid bg-green">
                  </div>
                  <div class="team-info">
                     <h3 class="team-name">Matthew Hunter</h3>
                     <p class="team-designation">Marketing Head</p>
                     <div class="team-social-links">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                     </div>
                  </div>
                  <!-- Team Info end -->
               </div>
               <!-- Team Box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-3">
               <div class="tw-team-box">
                  <div class="team-img">
                     <img src="images/team/expert2.png" alt="" class="img-fluid bg-orange">
                  </div>
                  <div class="team-info">
                     <h3 class="team-name">Donna Estrada</h3>
                     <p class="team-designation">Vice President</p>
                     <div class="team-social-links">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                     </div>
                  </div>
                  <!-- Team Info end -->
               </div>
               <!-- Team Box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-3">
               <div class="tw-team-box">
                  <div class="team-img">
                     <img src="images/team/expert3.png" alt="" class="img-fluid bg-blue">
                  </div>
                  <div class="team-info">
                     <h3 class="team-name">Harold Hopkins</h3>
                     <p class="team-designation">Hiring Manager</p>
                     <div class="team-social-links">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                     </div>
                  </div>
                  <!-- Team Info end -->
               </div>
               <!-- Team Box End -->
            </div>
            <!-- Col End -->
            <div class="col-md-3">
               <div class="tw-team-box">
                  <div class="team-img">
                     <img src="images/team/expert4.png" alt="" class="img-fluid bg-yellow">
                  </div>
                  <div class="team-info">
                     <h3 class="team-name">Rose Salazar</h3>
                     <p class="team-designation">Advisor</p>
                     <div class="team-social-links">
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                     </div>
                  </div>
                  <!-- Team Info end -->
               </div>
               <!-- Team Box End -->
            </div>
            <!-- Col End -->
         </div>
         <!-- Content Row End -->
      </div>
      <!-- Container end -->
   </section>
   <!-- Team Section 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-client" class="tw-client">
      <div class="container">
         <div class="row">
            <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/clients/client1.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/clients/client2.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/clients/client3.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/clients/client4.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/clients/client2.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/clients/client2.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/clients/client2.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/clients/client2.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/clients/client2.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 -->


   <footer id="tw-footer" class="tw-footer">
      <div class="container">
         <div class="row">
            <div class="col-md-12 col-lg-4">
               <div class="tw-footer-info-box">
                  <a href="index.html" class="footer-logo">
                     <img src="images/footer_logo.png" alt="footer_logo" class="img-fluid">
                  </a>
                  <p class="footer-info-text">
                     Lorem ipsum dolor sit amet, consec tetur adipisicing elit, sed do eiusmod tempor incididunt ut
                  </p>
                  <div class="footer-social-link">
                     <h3>Follow us</h3>
                     <ul>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                     </ul>
                  </div>
                  <!-- End Social link -->
               </div>
               <!-- End Footer info -->
               <div class="footer-awarad">
                  <img src="images/icon/best.png" alt="">
                  <p>Best Seo Company 2017</p>
               </div>
            </div>
            <!-- End Col -->
            <div class="col-md-12 col-lg-8">
               <div class="row">
                  <div class="col-md-6">
                     <div class="contact-us">
                        <div class="contact-icon">
                           <i class="icon icon-map2"></i>
                        </div>
                        <!-- End contact Icon -->
                        <div class="contact-info">
                           <h3>New York, USA</h3>
                           <p>1010 Grand Avenue</p>
                        </div>
                        <!-- End Contact Info -->
                     </div>
                     <!-- End Contact Us -->
                  </div>
                  <!-- End Col -->
                  <div class="col-md-6">
                     <div class="contact-us contact-us-last">
                        <div class="contact-icon">
                           <i class="icon icon-phone3"></i>
                        </div>
                        <!-- End contact Icon -->
                        <div class="contact-info">
                           <h3>009-215-5596</h3>
                           <p>Give us a call</p>
                        </div>
                        <!-- End Contact Info -->
                     </div>
                     <!-- End Contact Us -->
                  </div>
                  <!-- End Col -->
               </div>
               <!-- End Contact Row -->
               <div class="row">
                  <div class="col-md-12 col-lg-6">
                     <div class="footer-widget footer-left-widget">
                        <div class="section-heading">
                           <h3>Useful Links</h3>
                           <span class="animate-border border-black"></span>
                        </div>
                        <ul>
                           <li><a href="#">About us</a></li>
                           <li><a href="#">Services</a></li>
                           <li><a href="#">Projects</a></li>
                           <li><a href="#">Our Team</a></li>
                        </ul>
                        <ul>
                           <li><a href="#">Contact us</a></li>
                           <li><a href="#">Blog</a></li>
                           <li><a href="#">Testimonials</a></li>
                           <li><a href="#">Faq</a></li>
                        </ul>
                     </div>
                     <!-- End Footer Widget -->
                  </div>
                  <!-- End col -->
                  <div class="col-md-12 col-lg-6">
                     <div class="footer-widget">
                        <div class="section-heading">
                           <h3>Subscribe</h3>
                           <span class="animate-border border-black"></span>
                        </div>
                        <p>Don’t miss to subscribe to our new feeds, kindly fill the form below.</p>
                        <form action="#">
                           <div class="form-row">
                              <div class="col tw-footer-form">
                                 <input type="email" class="form-control" placeholder="Email Address">
                                 <button type="submit"><i class="fa fa-send"></i></button>
                              </div>
                           </div>
                        </form>
                        <!-- End form -->
                     </div>
                     <!-- End footer widget -->
                  </div>
                  <!-- End Col -->
               </div>
               <!-- End Row -->
            </div>
            <!-- End Col -->
         </div>
         <!-- End Widget Row -->
      </div>
      <!-- End Contact Container -->


      <div class="copyright">
         <div class="container">
            <div class="row">
               <div class="col-md-6">
                  <span>Copyright &copy; 2018, All Right Reserved Seobin</span>
               </div>
               <!-- End Col -->
               <div class="col-md-6">
                  <div class="copyright-menu">
                     <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Terms</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Contact</a></li>
                     </ul>
                  </div>
               </div>
               <!-- End col -->
            </div>
            <!-- End Row -->
         </div>
         <!-- End Copyright Container -->
      </div>
      <!-- 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>
   <!-- WOW JS -->
   <script src="js/wow.min.js"></script>
   <!-- SmoothScroll JS -->
   <script src="js/smoothscroll.js"></script>
   <!-- Template Custom -->
   <script src="js/main.js"></script>
</body>

</html>