<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>Portfolio Grid</h2>
            <ul class="list-unstyled thm-breadcrumb">
                <li><a href="index.html">Home</a></li>
                <li><span>Portfolio Grid</span></li>
            </ul><!-- /.thm-breadcrumb -->
        </div><!-- /.container text-center -->
    </section><!-- /.page-header -->

    <section class="portfolio-grid">
        <div class="container">
            <div class="block-title text-center">
                <p class="color-2"><span>Portfolio</span></p>
                <h3>View Some of Our Latest Works <br> <span>& Case Studies for Clients</span></h3>
            </div><!-- /.block-title text-center -->
            <ul class="portfolio-filter list-unstyled post-filter ">
                <li data-filter=".filter-item" class="active"><span>All</span></li>
                <li data-filter=".strategy"><span>Strategy</span></li>
                <li data-filter=".optimization"><span>Optimization</span></li>
                <li data-filter=".advertising"><span>Advertising</span></li>
                <li data-filter=".social"><span>Social</span></li>
            </ul><!-- /.portfolio-filter list-unstyled -->
            <div class="row high-gutters masonary-layout filter-layout">
                <div class="col-lg-4 col-md-6 col-sm-12 filter-item masonary-item  strategy">
                    <div class="portfolio-one__single">
                        <div class="portfolio-one__image">
                            <img src="assets/images/portfolio/portfolio-1-1.jpg" alt="">
                            <a class="img-popup" href="assets/images/portfolio/portfolio-1-1.jpg"><i class="fal fa-plus"></i></a>
                        </div><!-- /.portfolio-one__image -->
                        <div class="portfolio-one__content">
                            <h3><a href="portfolio-details.html">Content Strategy</a></h3>
                            <p>Customized SEO services</p>
                        </div><!-- /.portfolio-one__content -->
                    </div><!-- /.portfolio-one__single -->
                </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
                <div class="col-lg-4 col-md-6 col-sm-12 filter-item masonary-item optimization ">
                    <div class="portfolio-one__single">
                        <div class="portfolio-one__image">
                            <img src="assets/images/portfolio/portfolio-1-2.jpg" alt="">
                            <a class="img-popup" href="assets/images/portfolio/portfolio-1-2.jpg"><i class="fal fa-plus"></i></a>
                        </div><!-- /.portfolio-one__image -->
                        <div class="portfolio-one__content">
                            <h3><a href="portfolio-details.html">SEO Optimization</a></h3>
                            <p>Customized SEO services</p>
                        </div><!-- /.portfolio-one__content -->
                    </div><!-- /.portfolio-one__single -->
                </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
                <div class="col-lg-4 col-md-6 col-sm-12 filter-item masonary-item advertising">
                    <div class="portfolio-one__single">
                        <div class="portfolio-one__image">
                            <img src="assets/images/portfolio/portfolio-1-3.jpg" alt="">
                            <a class="img-popup" href="assets/images/portfolio/portfolio-1-3.jpg"><i class="fal fa-plus"></i></a>
                        </div><!-- /.portfolio-one__image -->
                        <div class="portfolio-one__content">
                            <h3><a href="portfolio-details.html">Content Marketing</a></h3>
                            <p>Customized SEO services</p>
                        </div><!-- /.portfolio-one__content -->
                    </div><!-- /.portfolio-one__single -->
                </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
                <div class="col-lg-4 col-md-6 col-sm-12 filter-item masonary-item social">
                    <div class="portfolio-one__single">
                        <div class="portfolio-one__image">
                            <img src="assets/images/portfolio/portfolio-1-4.jpg" alt="">
                            <a class="img-popup" href="assets/images/portfolio/portfolio-1-4.jpg"><i class="fal fa-plus"></i></a>
                        </div><!-- /.portfolio-one__image -->
                        <div class="portfolio-one__content">
                            <h3><a href="portfolio-details.html">PPC Advertising</a></h3>
                            <p>Customized SEO services</p>
                        </div><!-- /.portfolio-one__content -->
                    </div><!-- /.portfolio-one__single -->
                </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
                <div class="col-lg-4 col-md-6 col-sm-12 filter-item masonary-item social">
                    <div class="portfolio-one__single">
                        <div class="portfolio-one__image">
                            <img src="assets/images/portfolio/portfolio-1-5.jpg" alt="">
                            <a class="img-popup" href="assets/images/portfolio/portfolio-1-5.jpg"><i class="fal fa-plus"></i></a>
                        </div><!-- /.portfolio-one__image -->
                        <div class="portfolio-one__content">
                            <h3><a href="portfolio-details.html">Social Marketing</a></h3>
                            <p>Customized SEO services</p>
                        </div><!-- /.portfolio-one__content -->
                    </div><!-- /.portfolio-one__single -->
                </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
                <div class="col-lg-4 col-md-6 col-sm-12 filter-item masonary-item advertising">
                    <div class="portfolio-one__single">
                        <div class="portfolio-one__image">
                            <img src="assets/images/portfolio/portfolio-1-6.jpg" alt="">
                            <a class="img-popup" href="assets/images/portfolio/portfolio-1-6.jpg"><i class="fal fa-plus"></i></a>
                        </div><!-- /.portfolio-one__image -->
                        <div class="portfolio-one__content">
                            <h3><a href="portfolio-details.html">SEM Strategy</a></h3>
                            <p>Customized SEO services</p>
                        </div><!-- /.portfolio-one__content -->
                    </div><!-- /.portfolio-one__single -->
                </div><!-- /.col-lg-4 col-md-6 col-sm-12 -->
            </div><!-- /.row -->
            <div class="text-center">
                <a href="#" class="thm-btn portfolio-grid__more-btn"><span>Load More</span></a><!-- /.thm-btn portfolio-grid__more-btn -->
            </div><!-- /.text-center -->
        </div><!-- /.container -->
    </section><!-- /.portfolio-grid -->

    <section class="brand-one">
        <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="contact-one">
        <div class="container wow fadeInUp" data-wow-duration="1500ms">
            <div class="inner-container">
                <img src="assets/images/shapes/contact-form-shape-1-1.png" class="contact-one__shape-1" alt="">
                <img src="assets/images/mocups/contact-1-moc-1.png" class="contact-one__shape-2" alt="">
                <img src="assets/images/mocups/contact-1-moc-2.png" class="contact-one__shape-3" alt="">
                <div class="block-title text-center">
                    <p><span>Analysis</span></p>
                    <h3>Get Free SEO Analysis?</h3>
                </div><!-- /.block-title text-center -->
                <form action="assets/inc/sendemail.php" class="contact-one__form">
                    <div class="row">
                        <div class="col-md-6">
                            <input type="text" placeholder="Your Name*">
                        </div><!-- /.col-md-6 -->
                        <div class="col-md-6">
                            <input type="text" placeholder="Email*">
                        </div><!-- /.col-md-6 -->
                        <div class="col-md-6">
                            <input type="text" placeholder="Website*">
                        </div><!-- /.col-md-6 -->
                        <div class="col-md-6">
                            <input type="text" placeholder="Subject">
                        </div><!-- /.col-md-6 -->
                        <div class="col-md-12 text-center">
                            <button type="submit" class="thm-btn contact-one__btn">Send Now</button>
                        </div><!-- /.col-md-12 -->
                    </div><!-- /.row -->
                </form><!-- /.contact-one__form -->

            </div><!-- /.inner-container -->
        </div><!-- /.container -->
    </section><!-- /.contact-one -->