<!DOCTYPE html>
<html lang="en-US">

<head>
    <title>WordPress Experts At your Service | Ignite Design Pro</title>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <meta content="Our WordPress website development will give you a business platform that will be specialized to provide you max value for your budget." name="description">
    <meta content="WordPress developers, WordPress expert, WordPress development company, WordPress website development, WordPress development agency, WordPress website developer" name="keywords">
    <meta name='robots' content="noindex, nofollow" />
    <meta name="description" content="Ignite Design Pro is highly-rated WordPress development company in USA, known for custom WordPress development services. Get Website Quote!" />
    <meta name="google-site-verification" content="RMJdf8j5HSs49-T8rVnB6VffLjMHg5Q071JHFyLC_8I" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="WordPress Development Company in USA | Ignite Design Pro" />
    <meta property="og:description" content="Ignite Design Pro is highly-rated WordPress development company in USA, known for custom WordPress development services. Get Website Quote!" />
    <meta property="og:url" content="https://ignitedesignpro.com/wordpress-website/" />
    <meta property="og:site_name" content="Ignite Design Pro" />
    <meta property="article:publisher" content="https://www.facebook.com/ignitedesignpro" />
    <meta property="article:modified_time" content="2023-10-23T18:43:24+00:00" />
    <!-- <meta property="og:image" content="https://ignitedesignpro.com/custom-website/assets/images/footer-logo.png" /> -->
    <meta property="og:image" content="https://ignitedesignpro.com/custom-website/assets/images/sharecard.jpg" />
    <meta property="og:image:width" content="696" />
    <meta property="og:image:height" content="696" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="WordPress Development Company in USA | Ignite Design Pro" />
    <meta name="twitter:description" content="Ignite Design Pro is highly-rated WordPress development company in USA, known for custom WordPress development services. Get Website Quote!" />
    <meta name="twitter:site" content="@IgniteDesignPro" />
    <meta name="twitter:label1" content="Est. reading time" />
    <meta name="twitter:data1" content="15 minutes" />
    <script type="application/ld+json" class="yoast-schema-graph">
        {
            "@context": "https://schema.org",
            "@graph": [{
                "@type": "WebPage",
                "@id": "https://ignitedesignpro.com/wordpress-website/",
                "url": "https://ignitedesignpro.com/wordpress-website/",
                "name": "WordPress Development Company in USA | Ignite Design Pro",
                "isPartOf": {
                    "@id": "https://ignitedesignpro.com/#website"
                },
                "datePublished": "2023-07-20T22:02:28+00:00",
                "dateModified": "2023-10-23T18:43:24+00:00",
                "description": "Ignite Design Pro is highly-rated WordPress development company in USA, known for custom WordPress development services. Get Website Quote!",
                "breadcrumb": {
                    "@id": "https://ignitedesignpro.com/wordpress-website/#breadcrumb"
                },
                "inLanguage": "en-US",
                "potentialAction": [{
                    "@type": "ReadAction",
                    "target": ["https://ignitedesignpro.com/wordpress-website/"]
                }]
            }, {
                "@type": "BreadcrumbList",
                "@id": "https://ignitedesignpro.com/wordpress-website/#breadcrumb",
                "itemListElement": [{
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://ignitedesignpro.com/"
                }, {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "WordPress Development"
                }]
            }, {
                "@type": "WebSite",
                "@id": "https://ignitedesignpro.com/#website",
                "url": "https://ignitedesignpro.com/",
                "name": "Ignite Design Pro",
                "description": "Creative Digital Agency in USA",
                "publisher": {
                    "@id": "https://ignitedesignpro.com/#organization"
                },
                "potentialAction": [{
                    "@type": "SearchAction",
                    "target": {
                        "@type": "EntryPoint",
                        "urlTemplate": "https://ignitedesignpro.com/?s={search_term_string}"
                    },
                    "query-input": "required name=search_term_string"
                }],
                "inLanguage": "en-US"
            }, {
                "@type": "Organization",
                "@id": "https://ignitedesignpro.com/#organization",
                "name": "Ignite Design Pro",
                "alternateName": "IGNITE",
                "url": "https://ignitedesignpro.com/",
                "logo": {
                    "@type": "ImageObject",
                    "inLanguage": "en-US",
                    "@id": "https://ignitedesignpro.com/#/schema/logo/image/",
                    "url": "https://ignitedesignpro.com/custom-website/assets/images/footer-logo.png",
                    "contentUrl": "https://ignitedesignpro.com/custom-website/assets/images/footer-logo.png",
                    "width": 696,
                    "height": 696,
                    "caption": "Ignite Design Pro"
                },
                "image": {
                    "@id": "https://ignitedesignpro.com/#/schema/logo/image/"
                },
                "sameAs": ["https://www.linkedin.com/company/ignite-design-pro", "https://twitter.com/IgnitedesignPro", "https://www.instagram.com/ignitedesignpro/", "https://www.facebook.com/ignitedesignpro", "https://www.yelp.com/biz/ignite-design-pro-st-petersburg", "https://www.pinterest.com/ignitedesignpro/", "https://www.google.com/search?q=ignitedesignpro&rlz=1C1ONGR_en-GBPK1070PK1070&oq=ignitedesignpro&gs_lcrp=EgZjaHJvbWUqCAgAEEUYJxg7MggIABBFGCcYOzIGCAEQRRg7MgYIAhBFGEEyBggDEEUYPDIGCAQQRRg8MgYIBRBFGDwyBggGEEUYQTIGCAcQRRhB0gEINTcxN2owajeoAgCwAgA&sourceid=chrome&ie=UTF-8"]
            }]
        }
    </script>
    <link href="assets/images/favicon.png" rel="icon" />
    <link href="assets/css/all.css?s" rel="stylesheet">
    <link href="assets/css/custom.css" rel="stylesheet">
    <link rel="preload" as="style" onload="this.rel = 'stylesheet'" href="https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i&display=swap">
    <link href="https://site-assets.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">

    <!--Old Google tag (gtag.js) -->
    <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-0CWQW10EGW"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-0CWQW10EGW');
    </script> -->
    <!--Old Google tag (gtag.js) -->

    <!--New Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-R4NHG6LSE7"></script>
    <script>
        window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());

        gtag('config', 'G-R4NHG6LSE7');
    </script>
    <!--New Google tag (gtag.js) -->

</head>
<!-- <div class="cursor"></div> -->

<body>




    <!-- Header Section Begin -->

    <header class="mainHeader" style="position: fixed;">
        <nav class="navbar navbar-expand-lg navbar-light">
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3">
                <a href="/index.php" class="logo">
                    <img src="assets/images/footer-logo.png" class="img-fluid" alt="">
                </a>
                <button class="navbar-toggler" style="float: right; background-color:#e05834; margin-top:15px; font-size:14px;" 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>
            </div>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto navLinks" style="text-align: left; padding:20px 0px 0px 10px">
                    <li class="nav-item" style="padding: 0px 20px;">
                        <a class="nav-link" href="/index.php">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item" style="padding: 0px 20px;">
                        <a class="nav-link" href="/portfolio.php">Portfolio</a>
                    </li>
                    <li class="nav-item" style="padding: 0px 20px;">
                        <a class="nav-link" href="/pricing.php">Pricing</a>
                    </li>
                    <li class="nav-item dropdown" style="padding: 0px 20px;">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Services
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="/logo_design/index.php" style="color: white;">Logo Design</a>
                            <a class="dropdown-item" href="/custom-website/index.php" style="color: white;">Custom Website</a>
                            <a class="dropdown-item" href="/ecommerce-development/index.php" style="color: white;">E-Commerce Development</a>
                            <a class="dropdown-item" href="/shopify-store/index.php" style="color: white;">Shopify</a>
                            <a class="dropdown-item" href="/wordpress-website/" style="color: white;">WordPress</a>
                            <a class="dropdown-item" href="/mobile-app-development/index.php" style="color: white;">Mobile App Development</a>
                            <a class="dropdown-item" href="/digital-marketing/index.php" style="color: white;">Digital Marketing</a>
                            <a class="dropdown-item" href="/seo/index.php" style="color: white;">Search Engine Optimization</a>
                        </div>
                    </li>
                    <li class="nav-item dropdown" style="padding: 0px 20px;">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Resources
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="/Blogs/index.php" style="color: white;">Blogs</a>
                        </div>
                    </li>
                    <li class="nav-item" style="padding: 0px 20px;">
                        <a class="nav-link" href="/contact-us.php">Contact Us</a>
                    </li>
                </ul>
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3">
                    <ul class="info">
                        <div class="banner-btn wow fadeIn" data-wow-duration=".6s" data-wow-delay=".8s">
                            <ul>
                                <li><a data-toggle="modal" data-target="#started_pop" style="border-radius:40px; width:200px; font-size:13px; background-color:#e05834; text-align:center; text-transform:capitalize;">Get a Free Consultation</a></li>
                            </ul>
                        </div>
                    </ul>
                </div>
            </div>
        </nav>
    </header>

    <!-- Header Section End -->





    <!-- Banner Section Begin -->


    <section class="main-section">
        <div class="Banner_img">
            <div class="banner_content">
                <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Get Stunning WordPress Website Tailored to Your <span>Brand!</span></h2>
                <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".6s"> Our years of expertise in WordPress website and development enable us to deliver a website that toss at you an unbridled set of remarkable features, helping you generate profitable results.</p>
                <div class="banner-btn wow fadeIn" data-wow-duration=".6s" data-wow-delay=".8s">
                    <ul>
                        <li><a data-toggle="modal" data-target="#started_pop">Get Started</a></li>
                        <!--     <li class="chng_clr"><a href="javascript:$zopim.livechat.window.show()">Schedule a Call </a></li> -->
                    </ul>
                </div>
                <div class="links_logo">
                    <ul>
                        <li>
                            <a href="#" class="wow zoomIn" data-wow-duration=".6s" data-wow-delay=".7s"><img src="assets/images/trust_logo.png"></a>
                        </li>
                    </ul>
                    <div class="bark_logo">
                        <li>
                            <a href="https://www.bark.com/en/us/company/ignite-design-pro/ZMp0P/" target="_blank">
                                <img src="assets/images/barklogo-dark2.png" class="img-fluid lazy" alt="">
                            </a>
                        </li>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!--<section class="banner_Sec_main">-->
    <!--    <div class="container-fluid">-->
    <!--        <div class="row">-->
    <!--            <div class="col-sm-5">-->
    <!--                <div class="banner_content_sec">-->
    <!--                    <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Your Max Value For Budget Business Website Is <span>Here</span></h2>-->

    <!--                    <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".6s">If you need a platform with the highest potential but at the least cost, WordPress website development is the best option for you, regardless of your business needs.</p>-->

    <!--                    <div class="banner-btn wow fadeIn" data-wow-duration=".6s" data-wow-delay=".8s">-->
    <!--                        <ul>-->
    <!--                            <li><a data-toggle="modal" data-target="#started_pop">Get Started Now</a></li>-->
    <!--                            <li class="chng_clr"><a href="javascript:;" onclick="$zopim.livechat.window.toggle()">Free Consultation</a></li>-->
    <!--                        </ul>-->
    <!--                    </div>-->

    <!--                    <div class="banner_vector">-->
    <!--                        <ul>-->
    <!--                            <li>-->
    <!--                                <a href="#" class="wow zoomIn" data-wow-duration=".6s" data-wow-delay=".7s"><img src="assets/images/trust_logo.png"></a>-->
    <!--                            </li>-->
    <!--                            <li>-->
    <!--                                <a href="#" class="wow zoomIn" data-wow-duration=".6s" data-wow-delay=".8s"><img src="assets/images/topdigi.png"></a>-->
    <!--                            </li>-->
    <!--                        </ul>-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->

    <!--            <div class="col-sm-7">-->
    <!--                <div class="banner_right_img banner_slider">-->
    <!--                    <div class="banner_img_tab">-->
    <!--                        <img src="assets/images/web-designdok2.png" class="img-fluid lazy" alt="">-->
    <!--                    </div>-->

    <!--                    <div class="banner_img_tab">-->
    <!--                        <img src="assets/images/web-designdok.png" class="img-fluid lazy" alt="">-->
    <!--                    </div>-->

    <!--                    <div class="banner_img_tab">-->
    <!--                        <img src="assets/images/web-designdok3.png" class="img-fluid lazy" alt="">-->
    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->

    <!--        </div>-->
    <!--    </div>-->
    <!--</section>-->

    <!-- Banner Section End -->


    <!-- Solutions Section Begin -->

    <section class="solutions-situation_sec padding_70">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="web_head">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Our WordPress Developers Can Customize Your Project For Your Business</h2>
                    </div>
                </div>
            </div>

            <div class="situation_sec_tab pt-5">
                <div class="row situation_box_slider">
                    <div class="situation_box_sec">
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="situations_content_Sec">
                                    <h4>Need A Highly Customizable CMS-Based Website?</h4>
                                    <p>The WordPress CMS is the best option if you want to customize your own website. It is the one platform that can be used for all types of businesses.</p>
                                    <div class="banner-btn pt-5">
                                        <ul>
                                            <!-- <li><a  href="javascript:$zopim.livechat.window.show()">Consult Now</a></li> -->
                                            <li class="chng_clr"><a data-toggle="modal" data-target="#started_pop">Find Solution</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="question-img">
                                    <img src="assets/images/question-img-01.png" class="img-fluid lazy">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="situation_box_sec">
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="situations_content_Sec">
                                    <h4>Want To Start A Business-Based Blog For Marketing?</h4>
                                    <p>Our WordPress experts can do that for you. The WordPress platform specializes in creating blogging websites, and we can help you customize them to your brand identity.</p>
                                    <div class="banner-btn pt-5">
                                        <ul>
                                            <!-- <li><a  href="javascript:$zopim.livechat.window.show()">Consult Now</a></li> -->
                                            <li class="chng_clr"><a data-toggle="modal" data-target="#started_pop">Find Solution</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="question-img">
                                    <img src="assets/images/question-img-02.png" class="img-fluid lazy">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="situation_box_sec">
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="situations_content_Sec">
                                    <h4>Want To Create A Website Ready For Any Online Business Need?</h4>
                                    <p>WordPress is the best Website CMS because it can be converted into an eCommerce website completely equipped with all the tools for commerce, blogging, and marketing.</p>
                                    <div class="banner-btn pt-5">
                                        <ul>
                                            <!-- <li><a href="javascript:$zopim.livechat.window.show()">Consult Now</a></li> -->
                                            <li class="chng_clr"><a data-toggle="modal" data-target="#started_pop">Find Solution</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="question-img">
                                    <img src="assets/images/question-img-03.png" class="img-fluid lazy">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>


    <!-- Solutions Section End -->




    <!-- CTA Section Begin -->

    <!-- <section class="cta_Sec_main padding_70">
    <div class="container">
      <div class="row">
        <div class="col-sm-8">
          <div class="cta_content">
            <h3>Consult with our Website Expert</h3>
            <h4>to find the <span>best solution!</span></h4>
          </div>
        </div>

        <div class="col-sm-4">
          <div class="cta_btn">
            <ul>
              <li><a href="#">Talk to our Expert</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section> -->

    <!-- CTA Section End -->


    <!-- Portfolio Section Begin -->

    <section class="portfolio_Sec_main padding_70">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="portfolio_heading">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Ignite Design Pro Is Proud To Hold Such A Diverse Portfolio.</h2>
                        <div class="row">
                            <div class="col-12 col-lg-7">
                                <p class="wow fadeIn" data-wow-duration=".6s" data-wow-delay=".5s">
                                    We have worked for every type of niche present online. If you have a business that can be expanded online, we have worked for it and can offer our experience to support your project as well.
                                </p>
                            </div>
                            <div class="col-12 col-lg-5 text-right">
                                <!-- <a href="javascript:$zopim.livechat.window.show()" class="arrowBtn">Let's Discuss</a> -->
                                <a href="tel:(727) 428-8355" class="arrowBtn change_btn"> (727) 428-8355</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="tab_portfolio">
                        <ul class="nav nav-tabs">

                            <li class="nav-item">
                                <a class="nav-link active show" data-toggle="tab" href="#Randon-port">All </a>
                            </li>


                            <li class="nav-item">
                                <a class="nav-link " data-toggle="tab" href="#Beauty">Beauty</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#Auto">Auto</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#RealEstate">Real Estate</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#ecommerce-port">E-commerce</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#cbd-port">CBD </a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#education-port">Education </a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#fitness-port">Fitness </a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#food-port">Food </a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#health-port">Health </a>
                            </li>

                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#non-profit-port">Non Profit </a>
                            </li>


                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div class="tab-content">

            <div class="tab-pane active" id="Randon-port">
                <div class="container-fluid ">
                    <div class="row">

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>


                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>





                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/randon/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/randon/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane " id="Beauty">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/beauty/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/beauty/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>


            <div class="tab-pane" id="Auto">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/auto/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/auto/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="RealEstate">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/real-estate/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/real-estate/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="ecommerce-port">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/ecommerce/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/ecommerce/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="cbd-port">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/cbd/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/cbd/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="education-port">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/education/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/education/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="fitness-port">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/fitness/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/fitness/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="food-port">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/food/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/food/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="health-port">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/health/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/health/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>

            <div class="tab-pane" id="non-profit-port">
                <div class="container-fluid ">
                    <div class="row">
                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-01.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-01.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-02.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-02.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-03.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-03.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-04.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-04.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-05.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-05.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-06.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-06.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-07.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-07.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                        <div class="col-sm-3 p-0">
                            <div class="portfolio_boxes">
                                <a class="black" data-fancybox="port" href="assets/images/portfolio/non-profit/portfolio-img-08.webp">
                                    <figure><img data-src="assets/images/portfolio/non-profit/portfolio-img-08.webp" class="img-fluid lazy" alt=""></figure>
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>


        </div>
    </section>

    <!-- Portfolio Section End -->



    <!-- Form Section Begin -->

    <section class="form_Sec_main padding_70">
        <div class="container-fluid p-0">
            <div class="row align-items-center">
                <div class="col-sm-6 p-0">
                    <div class="form_sec_left">
                        <img src="assets/images/form-banner.png" class="img-fluid lazy" alt="">
                    </div>
                </div>
                <div class="col-sm-6 p-0">
                    <div class="form_sec_tab">
                        <h4 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Sign Up today and Get 30% Off on Your Project! Talk to Our Consultant.</h4>
                        <div class="cta_form">
                            <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                                <div class="row">
                                    <div class="col-md-6">
                                        <input type="text" name="quote[Name]" class="form-control" placeholder="Your Name" required="">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" name="quote[Email]" class="form-control" placeholder="Email Address" required="">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="intl-tel-input separate-dial-code">
                                            <div class="flag-container">
                                                <div class="selected-flag" title="Unknown">
                                                    <div class="iti-flag "></div>
                                                    <div class="selected-dial-code"></div>
                                                </div>
                                            </div>
                                            <input id="phone-country" name="quote[Number]" rangelength="[7,12]" type="number" placeholder="Phone Number" required="" class="cta-phone" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <textarea name="quote[Message]" class="form-control" placeholder="Your Message"></textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="btn_form">
                                            <input type="submit" value="Submit">
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Form Section End -->


    <!-- Packages Section Begin -->

    <section class="packages_sec_main padding_70">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="web_head text-center">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Our Service Packages Are Planned To Provide Maximum Value</h2>
                    </div>
                </div>
            </div>

            <div class="row pt-5">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="package-box">
                            <div class="package-top text-center">
                                <h4>Basic Package</h4>
                                <span class="cutprice">$794.00 Only</span> <span class="h5"><sup>$</sup>199.00 Only</span>
                                <div class="package-details">
                                    <p>Suitable for potential super-startups and brand revamps for companies.</p>
                                </div>
                            </div>
                            <ul class="pkg-list">
                                <li>3 Page Website</li>
                                <li>2 Stock Images</li>
                                <li>1 jQuery Slider Banner</li>
                                <li>Contact/Query Form</li>
                                <li>48 to 72 hours TAT</li>
                                <li>Complete Deployment</li>
                                <li>100% Satisfaction Guarantee</li>
                                <li>100% Unique Design Guarantee</li>
                                <li>100% Money Back Guarantee *</li>
                            </ul>

                            <div class="btn_packages">
                                <a data-toggle="modal" data-target="#order_pop" name="for $199" class="btn-line-fill">Order Now</a>
                            </div>

                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="package-box">
                            <div class="package-top text-center">
                                <h4>Startup Package</h4>
                                <span class="cutprice">$1294.00 Only</span> <span class="h5"><sup>$</sup>349.00 Only</span>
                                <div class="package-details">
                                    <p>Suitable for potential super-startups and brand revamps for companies.</p>
                                </div>
                            </div>
                            <ul class="pkg-list">
                                <li>5 Page Website</li>
                                <li>5 Stock Photos</li>
                                <li>3 Banner Design</li>
                                <li>1 jQuery Slider Banner</li>
                                <li>FREE Google Friendly Sitemap</li>
                                <li>Complete W3C Certified HTML</li>
                                <li>48 to 72 hours TAT</li>
                                <li>100% Satisfaction Guarantee</li>
                                <li>100% Unique Design Guarantee</li>
                                <li>100% Money Back Guarantee *</li>
                                <li>Mobile Responsive will be Additional $200*</li>
                                <li>CMS will be Additional $250*</li>
                            </ul>

                            <div class="btn_packages">
                                <a data-toggle="modal" data-target="#order_pop" name="for $349" class="btn-line-fill">Order Now</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="package-box">
                            <div class="package-top text-center">
                                <h4>Professional Package</h4>
                                <span class="cutprice">$1694.00 Only</span> <span class="h5"><sup>$</sup>649.00 Only</span>
                                <div class="package-details">
                                    <p>Suitable for potential super-startups and brand revamps for companies.</p>
                                </div>
                            </div>
                            <ul class="pkg-list">
                                <li> 10 Unique Pages Website</li>
                                <li> CMS / Admin Panel Support</li>
                                <li> 8 Stock images</li>
                                <li> 5 Banner Designs</li>
                                <li> Mobile Responsive</li>
                                <li> 1 jQuery Slider Banner</li>
                                <li> FREE Google Friendly Sitemap</li>
                                <li> Complete W3C Certified HTML</li>
                                <li> 48 to 72 hours TAT</li>
                                <li> Complete Deployment</li>
                                <li> 100% Satisfaction Guarantee</li>
                                <li> 100% Unique Design Guarantee</li>
                                <li> 100% Money Back Guarantee *</li>
                            </ul>

                            <div class="btn_packages">
                                <a data-toggle="modal" data-target="#order_pop" name="for $649" class="btn-line-fill">Order Now</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="package-box">
                            <div class="package-top text-center">
                                <h4>Elite Package</h4>
                                <span class="cutprice">$2594.00 Only</span> <span class="h5"><sup>$</sup>1249.00 Only</span>
                                <div class="package-details">
                                    <p>Suitable for potential super-startups and brand revamps for companies.</p>
                                </div>
                            </div>

                            <ul class="pkg-list">
                                <li>Upto 15 Unique Pages Website</li>
                                <li>Conceptual and Dynamic Website</li>
                                <li>Mobile Responsive</li>
                                <li>Online Reservation/Appointment Tool (Optional)</li>
                                <li>Online Payment Integration (Optional)</li>
                                <li>Custom Forms</li>
                                <li>Lead Capturing Forms (Optional)</li>
                                <li>Striking Hover Effects</li>
                                <li>Newsletter Subscription (Optional)</li>
                                <li>Newsfeed Integration</li>
                                <li>Social Media Integration</li>
                                <li>Search Engine Submission</li>
                                <li>5 Stock Photos</li>
                                <li>3 Unique Banner Design</li>
                                <li>1 jQuery Slider Banner</li>
                                <li> Complete W3C Certified HTML</li>
                                <li>48 to 72 hours TAT</li>
                                <li>Complete Deployment</li>
                                <li>100% Satisfaction Guarantee</li>
                                <li>100% Unique Design Guarantee</li>
                                <li>100% Money Back Guarantee *</li>
                            </ul>

                            <div class="btn_packages">
                                <a data-toggle="modal" data-target="#order_pop" name="for $1249" class="btn-line-fill">Order Now</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="package-box">
                            <div class="package-top text-center">
                                <h4>Corporate Package</h4>
                                <span class="cutprice">$3294.00 Only</span> <span class="h5"><sup>$</sup>1949.00 Only</span>
                                <div class="package-details">
                                    <p>Suitable for potential super-startups and brand revamps for companies.</p>
                                </div>
                            </div>

                            <ul class="pkg-list">
                                <li>15 to 20 Pages Website</li>
                                <li>Custom Made, Interactive, Dynamic &amp; High End Design</li>
                                <li>Custom WP (or) Custom PHP Development</li>
                                <li>1 jQuery Slider Banner</li>
                                <li>Up to 10 Custom Made Banner Designs</li>
                                <li>10 Stock Images</li>
                                <li>Unlimited Revisions</li>
                                <li>Special Hoover Effects</li>
                                <li>Content Management System (CMS)</li>
                                <li>Online Appointment/Scheduling/Online Ordering Integration (Optional)</li>
                                <li>Online Payment Integration (Optional)</li>
                                <li>Multi Lingual (Optional)</li>
                                <li>Custom Dynamic Forms (Optional)</li>
                                <li>Signup Area (For Newsletters, Offers etc.)</li>
                                <li>Search Bar</li>
                                <li>Live Feeds of Social Networks integration (Optional)</li>
                                <li>Mobile Responsive</li>
                                <li>FREE 5 Years Domain Name</li>
                                <li>Free Google Friendly Sitemap</li>
                                <li>Search Engine Submission</li>
                                <li>Complete W3C Certified HTML</li>
                                <li>Industry Specified Team of Expert Designers and Developers</li>
                                <li>Complete Deployment</li>
                                <li>Dedicated Accounts Manager</li>
                                <li>100% Ownership Rights</li>
                                <li>100% Satisfaction Guarantee</li>
                                <li>100% Unique Design Guarantee</li>
                                <li>100% Money Back Guarantee *</li>
                            </ul>

                            <div class="btn_packages">
                                <a data-toggle="modal" data-target="#order_pop" name="for $3294" class="btn-line-fill">Order Now</a>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="package-box">
                            <div class="package-top text-center">
                                <h4>Business Package</h4>
                                <span class="cutprice">$4999.00 Only</span> <span class="h5"><sup>$</sup>3294.00 Only</span>
                                <div class="package-details">
                                    <p>Suitable for potential super-startups and brand revamps for companies.</p>
                                </div>
                            </div>

                            <ul class="pkg-list">
                                <li>15 to 20 Pages Website</li>
                                <li>15 Seconds 2D Explainer Video</li>
                                <li>Voice - Over &amp; Sound Effects</li>
                                <li>Professional Script Writing</li>
                                <li>Storyboard</li>
                                <li>SEO Meta Tags</li>
                                <li>Custom Made, Interactive, Dynamic &amp; High End Design</li>
                                <li>Custom WP (or) Custom PHP Development</li>
                                <li>1 jQuery Slider Banner</li>
                                <li>Up to 10 Custom Made Banner Designs</li>
                                <li>10 Stock Images</li>
                                <li>Unlimited Revisions</li>
                                <li>Special Hoover Effects</li>
                                <li>Content Management System (CMS)</li>
                                <li>Online Appointment/Scheduling/Online Ordering Integration (Optional)</li>
                                <li>Online Payment Integration (Optional)</li>
                                <li>Multi Lingual (Optional)</li>
                                <li>Custom Dynamic Forms (Optional)</li>
                                <li>Signup Area (For Newsletters, Offers etc.)</li>
                                <li>Search Bar</li>
                                <li>Live Feeds of Social Networks integration (Optional)</li>
                                <li>Mobile Responsive</li>
                                <li>FREE 5 Years Domain Name</li>
                                <li>Free Google Friendly Sitemap</li>
                                <li>Search Engine Submission</li>
                                <li>Complete W3C Certified HTML</li>
                                <li>Industry Specified Team of Expert Designers and Developers</li>
                                <li>Complete Deployment</li>
                                <li>Dedicated Accounts Manager</li>
                                <li>100% Ownership Rights</li>
                                <li>100% Satisfaction Guarantee</li>
                                <li>100% Unique Design Guarantee</li>
                                <li>100% Money Back Guarantee *</li>
                            </ul>

                            <div class="btn_packages">
                                <a data-toggle="modal" data-target="#order_pop" name="for $4999" class="btn-line-fill">Order Now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- Packages Section End -->


    <!-- What Sets Us Part Begin -->

    <section class="what_Sets_Sec padding_70">
        <div class="container h-100">
            <div class="row h-100 align-items-center">
                <div class="col-md-7 h-100">
                    <div class="web_head text-left">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Most Recommended WordPress Development Company.</h2>
                        <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".5s">We can make such a claim because we have a 100% client satisfaction ratio, and our clients recommend our WordPress website developers with complete confidence.</p>
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".5s">
                        <h4>Expert WordPress <span>Consultation</span></h4>
                        <!--<p>Years of experience offering high-end solutions to a diverse range of businesses. </p>-->
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".6s">
                        <h4>Customizable WordPress <span>Theme</span></h4>
                        <!--<p>We are aware of the current consumer's requirements. We create customer-centric procedures for businesses of all sizes, from small to large.</p>-->
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".7s">
                        <h4>Support And <span>Maintenance</span></h4>
                        <!--<p>We believe in establishing a relationship with every consumer to whom we offer our services. This aids our staff in comprehending our client's problems and thoughts.</p>-->
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".8s">
                        <h4>Custom WordPress <span>Plugin</span></h4>
                        <!--<p>We believe in establishing a relationship with every consumer to whom we offer our services. This aids our staff in comprehending our client's problems and thoughts.</p>-->
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".9s">
                        <h4>Smooth WordPress <span>Migration</span></h4>
                        <!--<p>We believe in establishing a relationship with every consumer to whom we offer our services. This aids our staff in comprehending our client's problems and thoughts.</p>-->
                    </div>

                </div>

                <div class="col-sm-5">
                    <div class="set_right_img">
                        <img src="assets/images/set-part-img-01.png" class="" alt="">
                    </div>
                </div>

            </div>
        </div>
    </section>

    <!-- What Sets Us Part End -->


    <!-- Industries Section Begin -->

    <section class="industry_sec_tab padding_70">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="web_head text-center">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">No Industry Is Alien To Our Experts</h2>
                        <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".5s">In our years of service, we have supported businesses all over the globe and from every industry imaginable. You can rely on us because we can prove that you made the right choice by choosing us as your web services provider.</p>
                    </div>
                </div>
            </div>

            <div class="row pt-5">
                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay=".3s">
                        <img src="assets/images/indus-i2.png" class="img-fluid lazy" alt="">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay=".4s">
                        <img src="assets/images/indus-i.png" class="img-fluid lazy" alt="">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay=".5s">
                        <img src="assets/images/indus-i2.png" class="img-fluid lazy" alt="">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay=".6s">
                        <img src="assets/images/indus-i3.png" class="img-fluid lazy" alt="">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay=".7s">
                        <img src="assets/images/indus-i4.png" class="img-fluid lazy" alt="">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay=".8s">
                        <img src="assets/images/indus-i5.png" class="img-fluid lazy" alt="">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay=".9s">
                        <img src="assets/images/indus-i6.png" class="img-fluid lazy" alt="">
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="industry_box_sec wow zoomIn" data-wow-duration=".6s" data-wow-delay="1s">
                        <img src="assets/images/indus-i7.png" class="img-fluid lazy" alt="">
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Industries Section End -->



    <!-- Custom Website Design Section Begin -->

    <section class="custom_web padding_70">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="web_head text-center">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">How Are We Better Than Others?</h2>
                        <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".4s"> Our business is to provide our clients with the best possible solution. We aim to make sure that our clients get the best service from our experts.</p>
                    </div>
                </div>
            </div>

            <div class="row pt-5 justify-content-center">
                <div class="col-sm-3">
                    <div class="feathred_box_sec wow bounceIn" data-wow-duration=".6s" data-wow-delay=".4s">
                        <div class="feathred_icon_sec">
                            <img src="assets/images/choose-icon-1.png" class="img-fluid lazy">
                        </div>
                        <div class="feathred_box_content">
                            <h4>Payment Operators</h4>
                            <p>We will make sure that your WordPress website is ready and secure to collect payments from clients.</p>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="feathred_box_sec wow bounceIn" data-wow-duration=".6s" data-wow-delay=".5s">
                        <div class="feathred_icon_sec">
                            <img src="assets/images/choose-icon-2.png" class="img-fluid lazy">
                        </div>
                        <div class="feathred_box_content">
                            <h4>Customization</h4>
                            <p>We can completely change the look of your WordPress website or even create a custom theme just for you.</p>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="feathred_box_sec wow bounceIn" data-wow-duration=".6s" data-wow-delay=".6s">
                        <div class="feathred_icon_sec">
                            <img src="assets/images/choose-icon-3.png" class="img-fluid lazy">
                        </div>
                        <div class="feathred_box_content">
                            <h4>Plugin Development</h4>
                            <p>You can have your very own unique plugin for your business website. Our experts will create your custom plugin.</p>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="feathred_box_sec wow bounceIn" data-wow-duration=".6s" data-wow-delay=".7s">
                        <div class="feathred_icon_sec">
                            <img src="assets/images/choose-icon-4.png" class="img-fluid lazy">
                        </div>
                        <div class="feathred_box_content">
                            <h4>Blogging Ready</h4>
                            <p>A WordPress website is multi-purpose. It can be used for Commerce and blogging at the same time.</p>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="feathred_box_sec wow bounceIn" data-wow-duration=".6s" data-wow-delay=".7s">
                        <div class="feathred_icon_sec">
                            <img src="assets/images/choose-icon-4.png" class="img-fluid lazy">
                        </div>
                        <div class="feathred_box_content">
                            <h4>SEO-Friendly</h4>
                            <p>Your website will be developed entirely according to Google’s best practices for faster ranking.</p>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="feathred_box_sec wow bounceIn" data-wow-duration=".6s" data-wow-delay=".7s">
                        <div class="feathred_icon_sec">
                            <img src="assets/images/choose-icon-4.png" class="img-fluid lazy">
                        </div>
                        <div class="feathred_box_content">
                            <h4>Screen Responsive</h4>
                            <p>The project will be screen size responsive, and your users can access it from any device.</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Custom Website Design Section End -->




    <section class="social_icons">
        <div class="icon_parent container">
            <div>
                <a href="https://www.google.com/search?q=ignitedesignpro&rlz=1C1ONGR_en-GBPK1070PK1070&oq=ignitedesignpro&gs_lcrp=EgZjaHJvbWUqCAgAEEUYJxg7MggIABBFGCcYOzIGCAEQRRg7MgYIAhBFGEEyBggDEEUYPDIGCAQQRRg8MgYIBRBFGDwyBggGEEUYQTIGCAcQRRhB0gEINTcxN2owajeoAgCwAgA&sourceid=chrome&ie=UTF-8" target="_blank"><img src="./assets/images/google.png" alt="logo" /></a>
            </div>
            <div>
                <a href="https://www.yelp.com/biz/ignite-design-pro-st-petersburg" target="_blank"><img src="./assets/images/yelp.png" alt="logo" /></a>
            </div>
            <div>
                <a href="https://www.trustpilot.com/review/ignitedesignpro.com/transparency" target="_blank"><img src="./assets/images/trustpilot.png" alt="logo" /></a>
            </div>
            <div>
                <a href="https://www.pinterest.com/ignitedesignpro/" target="_blank"><img src="./assets/images/pintrest.png" alt="logo" /></a>
            </div>
            <div>
                <a href="https://www.bark.com/en/us/company/ignite-design-pro/ZMp0P/" target="_blank"><img src="./assets/images/bark.png" alt="logo" /></a>
            </div>
        </div>
    </section>





    <!-- Cilent Review Section Begin -->

    <section class="review_sec_main padding_70">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="web_head text-center">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".4s">Our Clients Are The Proof Of Our Excellence</h2>
                    </div>
                </div>
            </div>

            <div class="row pt-5">

                <div class="col-sm-6">
                    <div class="review_sec_tab">
                        <div class="review_content">
                            <p>I'm thrilled to share my fantastic experience with Ignite Design Pro's fitness app design. Their team's dedication resulted in a user-friendly app that aligns perfectly with our fitness goals. The attention to detail and open communication made the process seamless. I highly recommend Ignite Design Pro for anyone seeking innovative app design solutions.....<a href="https://www.bark.com/en/us/company/ignite-design-pro/ZMp0P/" target="_blank" style="color:black;">more</a></p>
                        </div>

                        <div class="review_author">
                            <div class="author_name">
                                <h3>Charles Miller</h3>
                                <div class="rating_sec">
                                    <ul>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="bark-logo">
                                <a href="https://www.bark.com/en/us/company/ignite-design-pro/ZMp0P/" target="_blank">
                                    <img src="assets/images/barklogo-dark.png" class="img-fluid lazy" alt="">
                                </a>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="col-sm-6">
                    <div class="review_sec_tab">
                        <div class="review_content">
                            <p>I'm delighted to share my positive experience with Ignite Design Pro's mobile app development. Their team's professionalism, technical prowess, and clear communication resulted in an outstanding app that exceeded our expectations. Their blend of creativity and expertise sets them apart. I highly recommend Ignite Design Pro for top-tier app development services.....<a href="https://www.bark.com/en/us/company/ignite-design-pro/ZMp0P/" target="_blank" style="color:black;">more</a></p>
                        </div>
                        <div class="review_author">
                            <div class="author_name">
                                <h3>Maria johnson</h3>
                                <div class="rating_sec">
                                    <ul>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                        <li><i class="fa fa-star" aria-hidden="true"></i></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="bark-logo">
                                <a href="https://www.bark.com/en/us/company/ignite-design-pro/ZMp0P/" target="_blank">
                                    <img src="assets/images/barklogo-dark.png" class="img-fluid lazy" alt="">
                                </a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Cilent Review Section End -->


    <footer>
        <div class="container">
            <div class="row">
                <div class="col-sm-5">
                <div class="footer_logo">
                        <img src="assets/images/footer-logo.png" class="img-fluid lazy" alt="">
                        <h4>Fill Out The Form Now And Start Your Dream Project.</h4>
                        <p>We have been providing website service for the past 10 years, and we hope our experience is beneficial to all our clients. Let us help you create an impactful online presence.</p>
                        <ul>
                            <h6 style="color: #d83737; padding:10px 0px;">USA OFFICE</h6>
                            <li>
                                <span><i class="fa fa-phone" aria-hidden="true" style="color: #d83737;"></i></span>
                                <a href="tel:(727) 428-8355">(727) 428-8355</a>
                            </li>
                            <li>
                                <span><i class="fa fa-phone" aria-hidden="true" style="color: #d83737;"></i></span>
                                <a href="tel:(727) 500-5955">(727) 500-5955</a>
                            </li>
                            <li>
                                <span><i class="fa-solid fa-location-dot" style="color: #d83737;" aria-hidden="true"></i></span>
                                <p>7901 4th St N STE 300, St. Petersburg, FL 33702 USA</p>
                            </li>
                            <h6 style="color: #d83737; padding:10px 0px;">CANADA OFFICE</h6>
                            <li>
                                <span><i class="fa fa-phone" style="color: #d83737;" aria-hidden="true"></i></span>
                                <a href="tel:(306) 400-9770">(306) 400-9770</a>
                            </li>
                            <li>
                                <span><i class="fa-solid fa-location-dot" style="color: #d83737;" aria-hidden="true"></i></span>
                                <p>1504 Shannon Road Regina S.K S4S5L6, Regina, Saskatchewan CANADA</p>
                            </li>

                            <h6 style="color: #d83737; padding:10px 0px;">EMAIL</h6>
                            <li>
                                <span><i class="fa-solid fa-envelope" style="color: #d83737;" aria-hidden="true"></i></span>
                                <a href="mailto:info@ignitedesignpro.com">info@ignitedesignpro.com</a>
                            </li>
                            <li>
                                <span><i class="fa-solid fa-envelope" style="color: #d83737;" aria-hidden="true"></i></span>
                                <a href="mailto:support@ignitedesignpro.com">support@ignitedesignpro.com</a>
                            </li>
                        </ul>
                    </div>

                    <!-- Footer FB & Linkedin Icons Start -->
                    <ul class="footer-social-icons">
                        <li class="soical-icons-footer"><a href="https://www.linkedin.com/company/ignite-design-pro/" target="_blank"><i style="background-color: white; height:30px; width:30px; color:#222e3a; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:50%;" class="fab fa-linkedin-in"></i></a></li>
                        <li class="soical-icons-footer"><a href="https://twitter.com/IgnitedesignPro" target="_blank"><i style="background-color: white; height:30px; width:30px; color:#222e3a; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:50%;" class="fab fa-twitter"></i></a></li>
                        <li class="soical-icons-footer"><a href="https://www.instagram.com/ignitedesignpro/" target="_blank"><i style="background-color: white; height:30px; width:30px; color:#222e3a; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:50%;" class="fab fa-instagram"></i></a></li>
                        <li class="soical-icons-footer"><a href="https://www.facebook.com/ignitedesignpro/reviews" target="_blank"><i style="background-color: white; height:30px; width:30px; color:#222e3a; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:50%;" class="fab fa-facebook-f"></i></a></li>
                        <li class="soical-icons-footer"><a href="https://www.yelp.com/biz/ignite-design-pro-st-petersburg" target="_blank"><i style="background-color: white; height:30px; width:30px; color:#222e3a; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:50%;" class="fa-brands fa-yelp"></i></a></li>
                        <li class="soical-icons-footer"><a href="https://www.pinterest.com/ignitedesignpro/" target="_blank"><i style="background-color: white; height:30px; width:30px; color:#222e3a; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:50%;" class="fa-brands fa-pinterest"></i></a></li>
                        <li class="soical-icons-footer"><a href="https://www.google.com/search?q=ignitedesignpro&rlz=1C1ONGR_en-GBPK1070PK1070&oq=ignitedesignpro&gs_lcrp=EgZjaHJvbWUqCAgAEEUYJxg7MggIABBFGCcYOzIGCAEQRRg7MgYIAhBFGEEyBggDEEUYPDIGCAQQRRg8MgYIBRBFGDwyBggGEEUYQTIGCAcQRRhB0gEINTcxN2owajeoAgCwAgA&sourceid=chrome&ie=UTF-8" target="_blank"><i style="background-color: white; height:30px; width:30px; color:#222e3a; font-size:18px; display:flex; align-items:center; justify-content:center; border-radius:50%;" class="fa-brands fa-google"></i></a></li>
                    </ul>
                    <!-- Footer FB & Linkedin Icons End -->

                </div>

                <div class="col-sm-6 offset-1" style="padding-top: 150px;">
                    <div class="footer_form_sec">
                        <div class="form_footer_head">
                            <h2>REQUEST A CALL BACK</h2>
                        </div>
                        <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="text" name="quote[Name]" class="form-control" placeholder="Your Name" required="">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <input type="text" name="quote[Email]" class="form-control" placeholder="Email Address" required="">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <!--<input type="text" name="Number" class="form-control" placeholder="Phone Number" required="">-->
                                    <input id="phone-country" name="quote[Number]" rangelength="[7,12]" type="number" placeholder="Phone Number" required="" class="cta-phone" autocomplete="off">
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <textarea name="quote[Message]" class="form-control" placeholder="Your Message"></textarea>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-md-12">
                                    <div class="btn_form">
                                        <input type="submit" value="Submit">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
        <div class="copy_right">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        <div class="copy_right_text">
                            <p>© 2023 Ignite Design Pro | All rights reserved.</p>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="pay_icon">
                            <img src="assets/images/pay.png" class="img-fluid lazy" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>


    <!-- Trust Widget Section Begin -->

    <!-- <a href="javascript:;" target="_blank" rel="nofollow" hreflang="en" class="floating_widget_link trest-h">
        <div class="floating_widget">
            <div class="numbers">
                <span class="number_big">4.9</span>
                <span class="number_small"> / 5</span>
            </div>
            <div class="ratingStars">
                <img src="assets/images/rate_star.jpg" alt="Rating Stars">
            </div>
            <div class="subheading">
                <div class="subheading_small">Verified</div>
                <div class="subheading_big">Customer Feedback</div>
            </div>
            <div class="floating_footer">
                <div class="reviewsLogo">
                    <div class="reviewsLogo_star">
                        <img src="assets/images/trust_star.png" alt="Trust Star">
                    </div>
                    <div class="reviewsLogo_text">
                        Reviews
                    </div>
                </div>
            </div>
        </div>
    </a> -->

    <!-- Trust Widget Section End -->


    <!-- <a href="tel:+8552706783" class="callusnow"><i class="fa fa-phone"></i></a> -->


    <!-- Lead Form Section Begin -->
    <section class="lead_popup">
        <div class="modal fade show" id="myModal">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <!-- Modal Header -->
                    <div class="modal-header"> <button type="button" class="close" id="btnclose" data-dismiss="modal">×</button> </div>
                    <!-- Modal body -->
                    <div class="modal-body mb-0 pb-0 mt-0">
                        <div class="container ">
                            <!-- custom radio button -->
                            <div class="holder">
                                <div class="row mb-1">
                                    <div class="col">
                                        <h2 id="changetopic">What is your web design requirement?</h2>
                                    </div>
                                </div>
                                <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                                    <div class="">
                                        <div class="row justify-content-start">
                                            <div class="col-12 mar-top-pls" id="form1">
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f1]" id="q1" value="Create a new website" checked=""> <label for="q1"> Create a new website </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f1]" value="Major changes to my website" id="q2"> <label for="q2"> Major changes to my website </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f1]" value="Minor changes to my website" id="q3"> <label for="q3"> Minor changes to my website </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f1]" value="other1" id="q100"> <label for="q100"> <input type="text" name="other1" id="" class="fm-c form-control" placeholder="Other"> </label>
                                                </div>
                                            </div>
                                            <div class="col-12 mar-top-pls" id="form2" style="display: none;">
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f2]" value="To advertise my business/services" id="q4" checked=""> <label for="q4"> To advertise my business/services </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f2]" value="To sell products/services e.g. e-commerce" id="q5"> <label for="q5">To sell products/services e.g. e-commerce</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f2]" value="To offer bespoke functionality e.g. logins, forums, CRM" id="q6"> <label for="q6">To offer bespoke functionality e.g. logins, forums, CRM </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f2]" id="q7" value="other2"> <label for="q7"><input type="text" name="other2" id="" class="fm-c form-control" placeholder="Other"></label>
                                                </div>
                                            </div>
                                            <div class="col-12 mar-top-pls" id="form3" style="display: none;">
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q8" value="Personal project" checked=""> <label for="q8">Personal project</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q9" value="Sole trader/self-employed"> <label for="q9">Sole trader/self-employed</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q10" value="Small business (1 - 9 employees)"> <label for="q10"> Small business (1 - 9 employees) </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q11" value="Medium business (10 - 29 employees)"> <label for="q11"> Medium business (10 - 29 employees) </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q12" value="Large business (30 - 99 employees)"> <label for="q12"> Large business (30 - 99 employees) </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q13" value="Extra large business (100 or more employees)"> <label for="q13"> Extra large business (100 or more employees) </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q14" value="Charity/non-profit"> <label for="q14"> Charity/non-profit </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f3]" id="q15" value="other3"> <label for="q15"> <input type="text" name="other3" id="" class="fm-c form-control" placeholder="Other"> </label>
                                                </div>
                                            </div>
                                            <div class="col-12 mar-top-pls" id="form4" style="display: none;">
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q16" value="Business services" checked=""> <label for="q16">Business services</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q17" value="Creative industries"> <label for="q17">Creative industries</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q18" value="Entertainment &amp; events"> <label for="q18"> Entertainment &amp; events </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q19" value="Financial services"> <label for="q19"> Financial services </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q20" value="Health &amp; fitness"> <label for="q20"> Health &amp; fitness </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q21" value="Home services"> <label for="q21"> Home services </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q22" value="Restaurant/food"> <label for="q22"> Restaurant/food </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q23" value="Retail/consumer goods"> <label for="q23"> Retail/consumer goods </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q24" value="Technology/software"> <label for="q24"> Technology/software </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]" id="q25" value="other4"> <label for="q25"> <input type="text" name="other4" id="" class="fm-c form-control" placeholder="Other"> </label>
                                                </div>
                                            </div>
                                            <div class="col-12 mar-top-pls" id="form5" style="display: none;">
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f5]" id="q26" value="Less than $500" checked=""> <label for="q26">Less than $500</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f5]" id="q27" value="$500 - $999"> <label for="q27">$500 - $999</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f5]" id="q28" value="$1,000 - $1,999"> <label for="q28"> $1,000 - $1,999 </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f5]" id="q29" value="$1,000 - $1,999"> <label for="q29"> $1,000 - $1,999 </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f5]" id="q30" value="$3,000 - $4,999"> <label for="q30"> $3,000 - $4,999 </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f5]" id="q31" value="$5,000 or more"> <label for="q31"> $5,000 or more </label>
                                                </div>
                                            </div>
                                            <div class="col-12 mar-top-pls" id="form6" style="display: none;">
                                                <div class="row align-items-center">
                                                    <input type="text" name="quote[Name]" id="32" placeholder="Name" required="" class="form-control formtext"> <label for="32"></label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="email" name="quote[Email]" id="33" placeholder="Email" required="" class="form-control formtext"> <label for="33"></label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input id="custom-order" name="quote[Number]" rangelength="[7,12]" type="number" placeholder="Phone Number" required="" class="cta-phone" autocomplete="off">
                                                    <label for="34"></label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="submit" id="submitdata" name="submit" placeholder="Number" class="form-control formtext btn-success">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mt-0 ml-4">
                                    </div>
                                    <div class="row mt-4"></div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- Modal footer -->
                    <div class="modal-footer pt-0 mt-0 pb-5 pr-6 m-1 ">
                        <div class="col-md-12">
                            <div class="modal-btn">
                                <ul>
                                    <li> <button type="button" id="backbtn" onclick="Backfun()" class="btn btn-outline-light modal_footer" style="display: none;">Back</button></li>
                                    <li> <button type="button" id="nextbtn" onclick="Nextfun()" class="btn btn-success box-shadow--16dp">Next</button></li>
                                </ul>
                            </div>
                        </div>
                        <!-- <div class="col-2"> </div>
            <div class="col-5 justify-content-start"></div>
            <div class="col-2 justify-content-end "> -->
                        <!-- <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> -->
                        <button type="button" id="backbtn" onclick="Backfun()" class="btn btn-outline-light modal_footer" style="display: none;">Back</button>
                    </div>
                    <!-- <div class="col-3 justify-content-start m-0 p-0"> <button type="button" id="nextbtn" onclick="Nextfun()" class="btn btn-success box-shadow--16dp">Next</button> </div> -->
                    <!-- </div> -->
                </div>
            </div>
        </div>
    </section>
    <!-- Lead Form Section End -->

    <!-- Started POPUP Section Begin -->
    <section class="started_popup_sec">
        <div class="modal fade" id="started_pop" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form_head_Sec">
                            <h2>Let’s Work on Your Project!</h2>
                            <h4>Get Started</h4>
                            <h3>Get upto 30% discount </h3>
                        </div>
                        <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="text" name="quote[Name]" required="" placeholder="Full Name">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="email" name="quote[Email]" required="" placeholder="Email Addresss">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input id="phone-coun" name="quote[Number]" rangelength="[7,12]" type="number" placeholder="Phone Number" required="" class="cta-phone" autocomplete="off">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <textarea class="form-control" name="quote[Message]" placeholder="Additional Information" required=""></textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="btn_form">
                                        <input type="submit" value="Submit">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Started POPUP Section End -->

    <!-- Order Form Section Begin -->
    <section class="started_popup_sec">
        <div class="modal fade" id="order_pop" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="form_head_Sec">
                            <h2>Christmas Sale Offer</h2>
                            <h4>Get Started</h4>
                            <h3>30% Coupon Now</h3>
                        </div>
                        <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="text" name="quote[Name]" required="" placeholder="Full Name">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="email" name="quote[Email]" required="" placeholder="Email Addresss">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <select name="quote[Package]" id="packages" class="valid safari_only" aria-invalid="false">
                                        <option value="" pack="0">Select Package</option>
                                        <optgroup label="&nbsp;&nbsp;&nbsp;&nbsp;--------------------------------------------">
                                            <option value="Shopify Basic Packages - $649" pack="1">Shopify Basic Packages - $649</option>
                                            <option value="Shopify Plus  Package - $1249" pack="2">Shopify Plus Package - $1249</option>
                                            <option value="Shopify Prime  Package - $1999" pack="3">Shopify Prime Package - $1999</option>
                                            <option value="Shopify Business Package - $4499" pack="3">Shopify Business Package - $4499 </option>
                                        </optgroup>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input id="phone-order" name="quote[Number]" rangelength="[7,12]" type="number" placeholder="Phone Number" required="" class="cta-phone" autocomplete="off">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <textarea class="form-control" name="quote[Message]" placeholder="Additional Information" required=""></textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="btn_form">
                                        <input type="submit" value="Submit">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Started POPUP Section End -->


    <div class="floatbutton">
        <!--  <div class="btns_wrap">

    <a href="javascript:;$zopim.livechat.window.toggle()" class="chat_wrap">
     
      <span>Chat With Us</span>
       <span class="icoo"><i class="fa fa-comment"></i></span>
    </a>
    <a href="tel:+8553752246" class="call_wrap">
    
      <span> (000) 000-00000</span> 
        <span class="icoo"><i class="fa fa-phone"></i></span>
    </a>
  </div> -->


        <div class="clickbutton">
            <div class="crossplus">60% Off On All Services</div>
        </div>
        <div class="banner-form">
            <span class="close"><i class="fa fa-times"></i></span>
            <h3>Chat With Us to <br>Avail 60% Discount</h3>
            <div class="banform">
                <div class="container">
                    <div class="row">
                        <div class="ban-form">
                            <form class="form-get-quote" id="ordernow-form" action="process.php" method="post">
                                <div class="alert alert-danger error" style="display: none;"></div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="fldset">
                                            <input id="username" name="quote[Name]" minlength="2" type="text" placeholder="Enter your name" required />
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="fldset">
                                            <input id="cemail" type="email" name="quote[Email]" placeholder="Enter email here" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="fldset">
                                            <input type="text" name="quote[Number]" id="phone-coun" class="phone-country masking contact phoneNum" placeholder="Phone*" required>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="fldset">
                                            <textarea name="quote[Message]" id="" rows="7" placeholder="Talk About Your Project"></textarea>
                                        </div>
                                    </div>
                                    <div class="col-lg-12">
                                        <div class="fldset">
                                            <input name="submit" type="submit" placeholder="Connect With Us" required />
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <script src="assets/js/all.js"></script>
    <script src="assets/js/lazyload.min.js"></script>
    <script src="assets/js/custom.js" defer></script>

    <script>
        $(function() {
            var myLazyLoad = new LazyLoad({
                elements_selector: ".lazy"
            });
        });


        $(document).ready(function() {
            setTimeout(function() {
                $('#started_pop').modal('show');
            }, 17000);
        });
    </script>
    <!--Start of Tawk.to Script-->
    <script type="text/javascript">
        var Tawk_API = Tawk_API || {},
            Tawk_LoadStart = new Date();
        (function() {
            var s1 = document.createElement("script"),
                s0 = document.getElementsByTagName("script")[0];
            s1.async = true;
            s1.src = 'https://embed.tawk.to/653c438cf2439e1631e93d62/1hdpmfo44';
            s1.charset = 'UTF-8';
            s1.setAttribute('crossorigin', '*');
            s0.parentNode.insertBefore(s1, s0);
        })();
    </script>
    <!--End of Tawk.to Script-->

    <!-- <script src="https://app.embed.im/snow.js" defer></script> -->


</body>

</html>