/home/hdwebsolution/www/new/files/HTML/index.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" />
<!-- 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>
<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 active">
<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 class="active"><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">
<a class="nav-link" 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><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="pricing.html">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="pricing.html">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 d-none d-lg-inline-block">
<div class="tw-search">
<i class="fa fa-search"></i>
</div>
<div class="tw-menu-bar-default tw-menu-bar" id="open-button">
<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=-->
<!-- 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-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-analysis" class="tw-analysis-area">
<div class="analysis-bg-pattern d-none d-md-inline-block">
<img class="wow fadeInUp" src="images/check-seo/cloud.png" alt="">
<img class="wow fadeInUp" src="images/check-seo/cloud2.png" alt="">
<img class="wow fadeInUp" src="images/check-seo/announce.png" alt="">
<img class="wow fadeInUp" src="images/check-seo/chart.png" alt="">
</div>
<!-- End Analysis Pattern img -->
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8 text-center wow fadeInDown">
<h2 class="column-title">
Check your
<span class="text-white">Website’s SEO</span>
</h2>
<div class="analysis-form">
<form class="form-vertical">
<div class="row justify-content-center">
<div class="col-lg-4 col-md-12 no-padding">
<div class="form-group tw-form-round-shape">
<input type="url" id="url" name="url" placeholder="Type website URL" class="form-control">
</div>
</div>
<div class="col-lg-4 col-md-12 no-padding">
<div class="form-group tw-form-round-shape">
<input type="email" id="email" name="email" placeholder="Your Email" class="form-control">
</div>
</div>
<div class="col-lg-4 col-md-12 no-padding">
<div class="form-group">
<input type="submit" value="submit now">
</div>
</div>
</div>
</form>
<!-- End Form -->
</div>
<!-- End Analysis form -->
</div>
<!-- Col End -->
</div>
<!-- End Row -->
</div>
<!-- End container -->
</section>
<!-- End Analysis Section -->
<section id="tw-intro" class="tw-intro-area">
<div class="tw-ellipse-pattern">
<img src="images/about/about_ellipse.png" alt="">
</div>
<!-- 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>
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. Donec quam felis, ultricies nec, pellentesque eu.
</p>
<p>
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim
</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 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">
<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">
<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">
<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">
<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">
<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">
<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 & 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>
<!-- End Row -->
</div>
<!-- End Container -->
</section>
<!-- End TW testimonial -->
<section id="tw-pricing" class="tw-pricing">
<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>Pricing Table</small>
Our <span>Pricing</span>
</h2>
<span class="animate-border ml-auto mr-auto tw-mt-20"></span>
</div>
<!-- End Col -->
</div>
<!-- End Section Heading Row -->
<div class="row">
<div class="col-md-12">
<div class="pricing-tab">
<ul class="nav">
<li class="nav-item wow fadeInLeft" data-wow-duration="1s">
<a data-toggle="tab" href="#monthly" class="active">Monthly</a>
</li>
<li class="nav-item wow fadeInRight" data-wow-duration="1s">
<a data-toggle="tab" href="#yearly">Yearly</a>
</li>
</ul>
<!-- Nav Tabs ends -->
<div class="tab-content tw-tab-content">
<div class="tab-pane show active" id="monthly">
<div class="row animated fadeIn">
<div class="col-md-4 animated fadeIn">
<div class="tw-pricing-box border-left-radius">
<div class="price-icon-bg">
<div class="price-icon">
<img src="images/pricing/pricing_icon1.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Pricing icon bg -->
<div class="pricing-feaures">
<h3>Entrepreneur</h3>
<ul>
<li>25 Analytics Compaign</li>
<li>1,300 Keywords</li>
<li>25 social media reviews</li>
<li>1 Free Optimization</li>
</ul>
</div>
<!-- Pricing Features End -->
<div class="pricing-price">
<sup>$</sup>
<strong>9</strong>
<small>Month</small>
</div>
<!-- Pricing End -->
<a href="" class="btn btn-dark">buy now</a>
</div>
<!-- pricing box ends -->
</div>
<!-- COl end -->
<div class="col-md-4 animated fadeIn">
<div class="tw-pricing-box pricing-featured">
<div class="price-icon-bg">
<div class="price-icon">
<img src="images/pricing/pricing_icon2.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Pricing icon bg -->
<div class="pricing-feaures">
<h3>Growing Business</h3>
<ul>
<li>25 Analytics Compaign</li>
<li>1,300 Keywords</li>
<li>25 social media reviews</li>
<li>1 Free Optimization</li>
<li>24/7 support</li>
</ul>
</div>
<!-- Pricing Features End -->
<div class="pricing-price">
<sup>$</sup>
<strong>29</strong>
<small>Month</small>
</div>
<!-- Pricing End -->
<a href="" class="btn btn-dark">buy now</a>
</div>
<!-- pricing box ends -->
</div>
<!-- COl end -->
<div class="col-md-4 animated fadeIn">
<div class="tw-pricing-box border-right-radius">
<div class="price-icon-bg">
<div class="price-icon">
<img src="images/pricing/pricing_icon3.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Pricing icon bg -->
<div class="pricing-feaures">
<h3>Pro Business</h3>
<ul>
<li>25 Analytics Compaign</li>
<li>1,300 Keywords</li>
<li>25 social media reviews</li>
<li>1 Free Optimization</li>
</ul>
</div>
<!-- Pricing Features End -->
<div class="pricing-price">
<sup>$</sup>
<strong>49</strong>
<small>Month</small>
</div>
<!-- Pricing End -->
<a href="" class="btn btn-dark">buy now</a>
</div>
<!-- pricing box ends -->
</div>
<!-- COl end -->
</div>
<!-- Tab pane end -->
</div>
<!-- Tab Content End -->
<div class="tab-pane show fade" id="yearly">
<div class="row">
<div class="col-md-4 animated fadeIn">
<div class="tw-pricing-box">
<div class="price-icon-bg">
<div class="price-icon">
<img src="images/pricing/pricing_icon1.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Pricing icon bg -->
<div class="pricing-feaures">
<h3>Entrepreneur</h3>
<ul>
<li>25 Analytics Compaign</li>
<li>1,300 Keywords</li>
<li>25 social media reviews</li>
<li>1 Free Optimization</li>
</ul>
</div>
<!-- Pricing Features End -->
<div class="pricing-price">
<sup>$</sup>
<strong>7</strong>
<small>Yearly</small>
</div>
<!-- Pricing End -->
<a href="" class="btn btn-dark">buy now</a>
</div>
<!-- pricing box ends -->
</div>
<!-- COl end -->
<div class="col-md-4 animated fadeIn">
<div class="tw-pricing-box pricing-featured">
<div class="price-icon-bg">
<div class="price-icon">
<img src="images/pricing/pricing_icon2.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Pricing icon bg -->
<div class="pricing-feaures">
<h3>Growing Business</h3>
<ul>
<li>25 Analytics Compaign</li>
<li>1,300 Keywords</li>
<li>25 social media reviews</li>
<li>1 Free Optimization</li>
<li>24/7 support</li>
</ul>
</div>
<!-- Pricing Features End -->
<div class="pricing-price">
<sup>$</sup>
<strong>28</strong>
<small>Yearly</small>
</div>
<!-- Pricing End -->
<a href="" class="btn btn-dark">buy now</a>
</div>
<!-- pricing box ends -->
</div>
<!-- COl end -->
<div class="col-md-4 animated fadeIn">
<div class="tw-pricing-box">
<div class="price-icon-bg">
<div class="price-icon">
<img src="images/pricing/pricing_icon3.png" alt="" class="img-fluid">
</div>
</div>
<!-- End Pricing icon bg -->
<div class="pricing-feaures">
<h3>Pro Business</h3>
<ul>
<li>25 Analytics Compaign</li>
<li>1,300 Keywords</li>
<li>25 social media reviews</li>
<li>1 Free Optimization</li>
</ul>
</div>
<!-- Pricing Features End -->
<div class="pricing-price">
<sup>$</sup>
<strong>47</strong>
<small>Yearly</small>
</div>
<!-- Pricing End -->
<a href="" class="btn btn-dark">buy now</a>
</div>
<!-- pricing box ends -->
</div>
<!-- COl end -->
</div>
<!-- Tab pane end -->
</div>
<!-- Tab Content End -->
</div>
<!-- Row End -->
</div>
<!-- Pricing tab end -->
</div>
<!-- Content Col end -->
</div>
<!-- Content Row End -->
</div>
<!-- Container End -->
</section>
<!-- End Pricing -->
<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="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/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 © 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>
<!-- 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>
</body>
</html>