<div class="preloader">
    <div class="lds-ripple">
        <div></div>
        <div></div>
    </div>
</div><!-- /.preloader -->

<div class="page-wrapper">

    <nav class="main-nav-one stricky">
        <div class="container-fluid">
            <div class="inner-container">
                <div class="logo-box">
                    <a href="index.html">
                        <img src="assets/images/logo-1-1.png" alt="">
                    </a>
                    <a href="#" class="side-menu__toggler"><i class="fa fa-bars"></i></a>
                </div><!-- /.logo-box -->
                <div class="main-nav__main-navigation">
                    <ul class="main-nav__navigation-box">
                        <li class="dropdown">
                            <a href="index.html">Home</a>
                            <ul>
                                <li><a href="index.html">Default Home</a></li>
                                <li><a href="index-2.html">Home Two</a></li>
                                <li><a href="index-3.html">Home Three</a></li>
                                <li class="dropdown">
                                    <a href="#">Header Styles</a>
                                    <ul>
                                        <li><a href="index.html">Header 01</a></li>
                                        <li><a href="index-2.html">Header 02</a></li>
                                        <li><a href="index-3.html">Header 03</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="about-1.html">About</a>
                            <ul>
                                <li><a href="about-1.html">About One</a></li>
                                <li><a href="about-2.html">About Two</a></li>
                                <li><a href="team.html">Team Page</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="services.html">Services</a>
                            <ul>
                                <li><a href="services.html">Services</a></li>
                                <li><a href="service-d-content.html">Content Marketing</a></li>
                                <li><a href="service-d-ppc.html">PPC Marketing</a></li>
                                <li><a href="service-d-seo.html">Seo Optimizations</a></li>
                                <li><a href="service-d-smm.html">SMM Services</a></li>
                                <li><a href="service-d-social.html">Social Marketing</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#">Pages</a>
                            <ul>
                                <li><a href="pricing.html">Pricing</a></li>
                                <li><a href="testimonials.html">Testimonials</a></li>
                                <li><a href="faq.html">FAQ</a></li>
                                <li><a href="error-404.html">404 Page</a></li>
                                <li class="dropdown">
                                    <a href="portfolio-grid.html">Portfolio </a>
                                    <ul>
                                        <li><a href="portfolio-col.html">Portfolio Column</a></li>
                                        <li><a href="portfolio-grid.html">Portfolio Grid</a></li>
                                        <li><a href="portfolio-masonry.html">Portfolio Masonary</a></li>
                                        <li><a href="portfolio-details.html">Portfolio Deatails</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="blog-standard.html">News</a>
                            <ul>
                                <li><a href="blog-standard.html">News Standard</a></li>
                                <li><a href="blog-grid.html">News Grid</a></li>
                                <li><a href="blog-details.html">News Details</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul><!-- /.main-nav__navigation-box -->
                </div><!-- /.main-nav__main-navigation -->
                <div class="main-nav__right">
                    <a href="#" class="search-popup__toggler main-nav__search"><i class="far fa-search"></i></a>
                    <a href="contact.html" class="thm-btn main-nav-one__btn"><span>Contact Us</span></a>
                    <!-- /.thm-btn main-nav-one__btn -->
                </div><!-- /.main-nav__right -->
            </div><!-- /.inner-container -->
        </div><!-- /.container-fluid -->
    </nav><!-- /.main-nav-one -->

    <section class="page-header">
        <div class="particles-snow" id="header-snow"></div><!-- /#header-snow.particles-snow -->

        <img src="assets/images/shapes/page-header-shape-1-1.png" class="page-header__bg-shape-1" alt="">
        <img src="assets/images/shapes/page-header-shape-1-2.png" class="page-header__bg-shape-2" alt="">
        <img src="assets/images/shapes/footer-shape-1-1.png" class="page-header__bg-shape-3" alt="">
        <img src="assets/images/shapes/footer-shape-1-3.png" class="page-header__bg-shape-4" alt="">
        <div class="container text-center">
            <h2>Services</h2>
            <ul class="list-unstyled thm-breadcrumb">
                <li><a href="index.html">Home</a></li>
                <li><span>Services</span></li>
            </ul><!-- /.thm-breadcrumb -->
        </div><!-- /.container text-center -->
    </section><!-- /.page-header -->

    <section class="service-one">
        <div class="container">
            <div class="block-title text-center">
                <p><span>Our Services</span></p>
                <h3>We Provided Best Digital <br> <span>Services</span></h3>
            </div><!-- /.block-title text-center -->
            <div class="row high-gutters">
                <div class="col-lg-6 col-md-12 wow fadeInLeft" data-wow-duration="1500ms">
                    <div class="service-one__single">
                        <div class="service-one__icon">
                            <div class="service-one__icon-inner">
                                <img src="assets/images/shapes/service-i-1.png" alt="">
                            </div><!-- /.service-one__icon-inner -->
                        </div><!-- /.service-one__icon -->
                        <div class="service-one__content">
                            <h3><a href="service-details.html">Content Marketing</a></h3>
                            <p>Lorem ipsum dolor amet consectetur adipisicing sed do eiusmod tempor. incididunt
                                labore.</p>
                        </div><!-- /.service-one__content -->
                    </div><!-- /.service-one__single -->
                </div><!-- /.col-lg-6 col-md-12 -->
                <div class="col-lg-6 col-md-12 wow fadeInRight" data-wow-duration="1500ms">
                    <div class="service-one__single">
                        <div class="service-one__icon">
                            <div class="service-one__icon-inner">
                                <img src="assets/images/shapes/service-i-2.png" alt="">
                            </div><!-- /.service-one__icon-inner -->
                        </div><!-- /.service-one__icon -->
                        <div class="service-one__content">
                            <h3><a href="service-details.html">Social Marketing</a></h3>
                            <p>Lorem ipsum dolor amet consectetur adipisicing sed do eiusmod tempor. incididunt
                                labore.</p>
                        </div><!-- /.service-one__content -->
                    </div><!-- /.service-one__single -->
                </div><!-- /.col-lg-6 col-md-12 -->
                <div class="col-lg-6 col-md-12 wow fadeInLeft" data-wow-duration="1500ms">
                    <div class="service-one__single">
                        <div class="service-one__icon">
                            <div class="service-one__icon-inner">
                                <img src="assets/images/shapes/service-i-3.png" alt="">
                            </div><!-- /.service-one__icon-inner -->
                        </div><!-- /.service-one__icon -->
                        <div class="service-one__content">
                            <h3><a href="service-details.html">SEO Optimization</a></h3>
                            <p>Lorem ipsum dolor amet consectetur adipisicing sed do eiusmod tempor. incididunt
                                labore.</p>
                        </div><!-- /.service-one__content -->
                    </div><!-- /.service-one__single -->
                </div><!-- /.col-lg-6 col-md-12 -->
                <div class="col-lg-6 col-md-12 wow fadeInRight" data-wow-duration="1500ms">
                    <div class="service-one__single">
                        <div class="service-one__icon">
                            <div class="service-one__icon-inner">
                                <img src="assets/images/shapes/service-i-4.png" alt="">
                            </div><!-- /.service-one__icon-inner -->
                        </div><!-- /.service-one__icon -->
                        <div class="service-one__content">
                            <h3><a href="service-details.html">PPC Advertising</a></h3>
                            <p>Lorem ipsum dolor amet consectetur adipisicing sed do eiusmod tempor. incididunt
                                labore.</p>
                        </div><!-- /.service-one__content -->
                    </div><!-- /.service-one__single -->
                </div><!-- /.col-lg-6 col-md-12 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.service-one -->

    <section class="cta-one">
        <div class="particles-snow" id="cta-one-snow"></div><!-- /#cta-one-snow.particles-snow -->

        <img src="assets/images/shapes/footer-shape-1-1.png" class="cta-one__bg-shape-1" alt="">
        <img src="assets/images/shapes/footer-shape-1-2.png" class="cta-one__bg-shape-2" alt="">
        <img src="assets/images/shapes/footer-shape-1-3.png" class="cta-one__bg-shape-3" alt="">
        <img src="assets/images/shapes/footer-shape-1-4.png" class="cta-one__bg-shape-4" alt="">

        <div class="container">
            <h3>You Want to Showcase Your Website in <br> <span>Top Join With Us</span></h3>
            <a href="#" class="thm-btn cta-one__btn"><span>Join Us Now</span></a><!-- /.thm-btn cta-one__btn -->
        </div><!-- /.container -->
    </section><!-- /.cta-one -->

    <section class="pricing-one">
        <div class="container">
            <div class="block-title text-center">
                <p class="color-2"><span>Pricing Plan</span></p>
                <h3>No Any Hidden Charge Select <br> <span>Your Pricing Plan</span></h3>
            </div><!-- /.block-title text-center -->

            <div class="row high-gutters">
                <div class="col-lg-4 wow fadeInLeft" data-wow-duration="1500ms">
                    <div class="pricing-one__single">
                        <div class="pricing-one__icon">
                            <img src="assets/images/shapes/pricing-icon-1-1.png" alt="">
                        </div><!-- /.pricing-one__icon -->
                        <h3>Basic Pack</h3>
                        <ul class="pricing-one__list list-unstyled">
                            <li>2gb Hosting</li>
                            <li>10 Custom Domain</li>
                            <li>SSD Hosting</li>
                            <li class="disabled">50 gb Bandwith</li>
                            <li class="disabled">Free Support</li>
                        </ul><!-- /.pricing-one__list list-unstyled -->
                        <p>$19.00</p>
                        <a href="#" class="thm-btn pricing-one__btn">Try Now</a><!-- /.thm-btn pricing-one__btn -->
                    </div><!-- /.pricing-one__single -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 wow fadeInUp" data-wow-duration="1500ms">
                    <div class="pricing-one__single">
                        <div class="pricing-one__icon">
                            <img src="assets/images/shapes/pricing-icon-1-2.png" alt="">
                        </div><!-- /.pricing-one__icon -->
                        <h3>Standard Pack</h3>
                        <ul class="pricing-one__list list-unstyled">
                            <li>2gb Hosting</li>
                            <li>10 Custom Domain</li>
                            <li>SSD Hosting</li>
                            <li>50 gb Bandwith</li>
                            <li class="disabled">Free Support</li>
                        </ul><!-- /.pricing-one__list list-unstyled -->
                        <p>$29.00</p>
                        <a href="#" class="thm-btn pricing-one__btn">Try Now</a><!-- /.thm-btn pricing-one__btn -->
                    </div><!-- /.pricing-one__single -->
                </div><!-- /.col-lg-4 -->
                <div class="col-lg-4 wow fadeInRight" data-wow-duration="1500ms">
                    <div class="pricing-one__single">
                        <div class="pricing-one__icon">
                            <img src="assets/images/shapes/pricing-icon-1-3.png" alt="">
                        </div><!-- /.pricing-one__icon -->
                        <h3>Premium Pack</h3>
                        <ul class="pricing-one__list list-unstyled">
                            <li>2gb Hosting</li>
                            <li>10 Custom Domain</li>
                            <li>SSD Hosting</li>
                            <li>50 gb Bandwith</li>
                            <li>Free Support</li>
                        </ul><!-- /.pricing-one__list list-unstyled -->
                        <p>$39.00</p>
                        <a href="#" class="thm-btn pricing-one__btn">Try Now</a><!-- /.thm-btn pricing-one__btn -->
                    </div><!-- /.pricing-one__single -->
                </div><!-- /.col-lg-4 -->
            </div><!-- /.row -->
        </div><!-- /.container -->
    </section><!-- /.pricing-one -->


    <section class="brand-one brand-one__service-page">
        <div class="container">
            <div class="brand-one__carousel owl-carousel thm__owl-carousel owl-theme" data-options='{
            "items": 5, "margin": 95, "smartSpeed": 700, "loop": true, "autoplay": true, "autoplayTimeout": 5000, "autoplayHoverPause": false, "nav": false, "dots": false, "responsive": {"0": { "margin": 20, "items": 2 }, "575": { "margin": 30, "items": 3 },"767": { "margin": 40, "items": 4 },   "991": { "margin": 70, "items": 4 }, "1199": { "margin": 95, "items": 5 } } }'>
                <div class="item">
                    <img src="assets/images/brand/brand-1-1.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-2.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-3.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-4.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-5.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-1.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-2.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-3.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-4.png" alt="">
                </div><!-- /.item -->
                <div class="item">
                    <img src="assets/images/brand/brand-1-5.png" alt="">
                </div><!-- /.item -->
            </div><!-- /.brand-one__carousel owl-carousel thm__owl-carousel owl-theme -->
        </div><!-- /.container -->
    </section><!-- /.brand-one -->

    <section class="mailchimp-one">
        <div class="container">
            <div class="inner-container">
                <img src="assets/images/mocups/subscribe-moc-1-1.png" class="mailchimp-one__moc-1" alt="">
                <img src="assets/images/mocups/subscribe-moc-1-2.png" class="mailchimp-one__moc-2" alt="">

                <img src="assets/images/shapes/subscribe-dot-1-1.png" class="mailchimp-one__bg-shape-1" alt="">
                <img src="assets/images/shapes/subscribe-shape-1-1.png" class="mailchimp-one__bg-shape-2" alt="">
                <div class="block-title text-center">
                    <p><span>Newsletter</span></p>
                    <h3>Signup for Our Latest <br> <span>Update</span></h3>
                </div><!-- /.block-title text-center -->
                <form action="#" class="mailchimp-one__form">
                    <input type="text" name="email" placeholder="Enter your email">
                    <button type="submit" class="thm-btn mailchimp-one__btn">Subscribe Now</button>
                    <!-- /.thm-btn mailchimp-one__btn -->
                </form><!-- /.mailchimp-one__form -->
            </div><!-- /.inner-container -->
        </div><!-- /.container -->
    </section><!-- /.mailchimp-one -->