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

<head>
    <title>Creating An Online Store For Business | 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 name="description" content="Ignite Design Pro has expert teams of eCommerce web designers and developers. Our skill and experience will build your eCommerce website to perfection.">
    <meta name="keyword" content="eCommerce website design, eCommerce web designer, eCommerce web developer, eCommerce web development, build an online store, set up an online store, build your eCommerce website, eCommerce WordPress website, creating an online store, eCommerce website builder, eCommerce website redesign, eCommerce website design pricing/cost, hire an eCommerce website designer, eCommerce website cost">
    <meta name='robots' content="noindex, nofollow" />
    <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="Ecommerce Website Development Company in USA | IGNITE" />
    <meta property="og:description" content="IGNITE is One of the Top-Rated Ecommerce Website Development Company in USA. 100+ Online Stores Launched. E-Marketplace Expert. Get Free Quote!" />
    <meta property="og:url" content="https://ignitedesignpro.com/ecommerce-development/" />
    <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-24T18:55:39+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="Ecommerce Website Development Company in USA | IGNITE" />
    <meta name="twitter:description" content="IGNITE is One of the Top-Rated Ecommerce Website Development Company in USA. 100+ Online Stores Launched. E-Marketplace Expert. Get Free Quote!" />
    <meta name="twitter:site" content="@IgniteDesignPro" />
    <meta name="twitter:label1" content="Est. reading time" />
    <meta name="twitter:data1" content="16 minutes" />
    <script type="application/ld+json" class="yoast-schema-graph">
        {
            "@context": "https://schema.org",
            "@graph": [{
                "@type": "WebPage",
                "@id": "https://ignitedesignpro.com/ecommerce-development/",
                "url": "https://ignitedesignpro.com/ecommerce-development/",
                "name": "Ecommerce Website Development Company in USA | IGNITE",
                "isPartOf": {
                    "@id": "https://ignitedesignpro.com/#website"
                },
                "datePublished": "2023-08-03T21:32:13+00:00",
                "dateModified": "2023-10-24T18:55:39+00:00",
                "description": "IGNITE is One of the Top-Rated Ecommerce Website Development Company in USA. 100+ Online Stores Launched. E-Marketplace Expert. Get Free Quote!",
                "breadcrumb": {
                    "@id": "https://ignitedesignpro.com/ecommerce-development/#breadcrumb"
                },
                "inLanguage": "en-US",
                "potentialAction": [{
                    "@type": "ReadAction",
                    "target": ["https://ignitedesignpro.com/ecommerce-development/"]
                }]
            }, {
                "@type": "BreadcrumbList",
                "@id": "https://ignitedesignpro.com/ecommerce-development/#breadcrumb",
                "itemListElement": [{
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://ignitedesignpro.com/"
                }, {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Ecommerce Website 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" 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">Start Selling Online With A Beautiful eCommerce <span>Website</span></h2>
                <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".6s">Our eCommerce website designs are specialized to guide your visitors to become customers. We strategize to make sure that your sales probability is maximized.</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:$zopim.livechat.window.show()">Free Consultation </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>

    <!-- 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">We Can Build An Online Store Ready To Serve Your Unique Goals.</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 Design That Helps Your Visitor Convert To Customers?</h4>
                                    <p>Our eCommerce web designers will make sure that your website design is specially equipped with a creative strategy to increase conversion rates.</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 data-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 Integrate Marketing Tools To Increase Visitors?</h4>
                                    <p>The expert eCommerce web developers can help you make sure that your eCommerce store is well equipped with all the must-have marketing tools.</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 data-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>Need A eCommerce Store That Does Not Make Visitors Wait?</h4>
                                    <p>Our expert eCommerce web development team will ensure that your online store is fast and loads quickly so your visitors wouldn’t lose interest.</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 data-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">Your Business Needs A Custom Website Development To Stand Out.
          <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" 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 active show" 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 " 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 active" 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 from-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 pakg_slider">
                <div class="col-lg-4 col-md-6 col-sm-6">
                    <div class="package-box">
                        <div class="package-top text-center">
                            <h4>E-COMMERCE BASIC PACKAGE</h4>
                            <span class="cutprice">$1549.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>Customized Design</li>
                            <li>Upto 50 Products </li>
                            <li>Content Management System (CMS)</li>
                            <li>Mini Shopping Cart Integration</li>
                            <li>Payment Module Integration</li>
                            <li>Easy Product Search</li>
                            <li>Dedicated designer &amp; developer</li>
                            <li>Unlimited Revisions</li>
                            <li>100% Satisfaction Guaranteed</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>E-COMMERCE PLUS <br> PACKAGE</h4>
                            <span class="cutprice">$2799.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>Customized Design</li>
                            <li>Up-to 500 Products</li>
                            <li>Content Management System (CMS)</li>
                            <li>Full Shopping Cart Integration</li>
                            <li>Payment Module Integration</li>
                            <li>Easy Product Search</li>
                            <li>Product Reviews</li>
                            <li>5 Promotional Banners </li>
                            <li>Team of Expert Designers &amp; Developers</li>
                            <li>Unlimited Revisions</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>E-COMMERCE PRIME PACKAGE</h4>
                            <span class="cutprice">$7399.00 Only</span> <span class="h5"><sup>$</sup>1999.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>Unlimited Pages Website with Unique Design</li>
                            <li>5 Custom Logo Design</li>
                            <li>CMS / Backend Administrative System</li>
                            <li>Unlimited Products with Unlimited Categories</li>
                            <li>FREE Unlimited Revisions</li>
                            <li>Custom Shopping Cart Integration</li>
                            <li>Multiple Payment Module Integration </li>
                            <li>Multiple Shipping Module Integration</li>
                            <li>Product Ratings &amp; Reviews</li>
                            <li>Sales &amp; Inventory Management System</li>
                            <li>Multiple Currency Support</li>
                            <li>Customer Login Area (Sign-Up &amp; Sign-In)</li>
                            <li>Mobile Responsive</li>
                            <li>Social Media Designs (Facebook, Twitter, YouTube)</li>
                            <li>Dedicated Team of Expert Designers &amp; Developers</li>
                            <li>Dedicated Project Manager</li>
                            <li>News Letter Subscription</li>
                            <li>100% Satisfaction Guarantee</li>
                            <li>100% Money Back Guarantee *</li>
                        </ul>

                        <div class="btn_packages">
                            <a data-toggle="modal" data-target="#order_pop" name="for $1999" 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>E-Commerce Business Package</h4>
                            <span class="cutprice">$11,999.00 Only</span> <span class="h5"><sup>$</sup>4,499.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>Complete Custom Design &amp; Development</li>
                            <li>Unlimited Products / Service Pages</li>
                            <li>Unique, User Friendly, Interactive, Dynamic, High End UI Design</li>
                            <li>Unlimited Banner Designs</li>
                            <li>Interactive Sliding Banners</li>
                            <li>Special Hover Effects</li>
                            <li>Customized Contact Us Form</li>
                            <li>Multiple Filtration Option (Search By Age, Experience, Talent, Industry Etc)</li>
                            <li>Profile Comparison (As Per Category)</li>
                            <li>File Converter</li>
                            <li>Custom Video Functionality</li>
                            <li>Multiple File Format Uploading</li>
                            <li>User Signup Area ( Talent )</li>
                            <li>User Signup Area ( Casting )</li>
                            <li>User Signup Area ( Agency )</li>
                            <li>Client/User Dashboard Area</li>
                            <li>Vendor / Agency Dashboard Area</li>
                            <li>Custom Coding And Development</li>
                            <li>Content Management System (Custom)</li>
                            <li>Online Appointment/Scheduling Integration (Optional)</li>
                            <li>Online Payment Integration</li>
                            <li>Invoicing System</li>
                            <li>Automated Email Notifications</li>
                            <li>Multi Lingual (Optional)</li>
                            <li>Custom Dynamic Forms</li>
                            <li>Complete Database Creation</li>
                            <li>3rd Party Links Integration (Instagram, IMDB Etc )</li>
                            <li>Signup Automated Email Authentication</li>
                            <li>Signup Area (For Newsletters, Offers Etc.)</li>
                            <li>Search Bar For Easy Search</li>
                            <li>Live Feeds Of Social Networks Integration (Optional)</li>
                            <li>Search Engine Submission</li>
                            <li>SEO Friendly</li>
                            <li>Mobile Responsive</li>
                            <li>Master Admin Panel</li>
                            <li>SSL Certification ( To Make The Website And It’s Informative Secured )</li>
                            <li>1 Year Free Hosting</li>
                            <li>6 Months Of Free Maintenance</li>
                            <li>Award Winning Team Of Expert Designers And Developers</li>
                            <li>Complete Deployment</li>
                            <li>Complete W3C Validation</li>
                            <li>Dedicated Team Of Designers And Developers</li>
                        </ul>

                        <div class="btn_packages">
                            <a data-toggle="modal" data-target="#order_pop" name="for $4499" class="btn-line-fill">Order Now</a>
                        </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">Expect Nothing But The Best</h2>
                        <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".5s">We make sure that our clients get the best of our skills and experience so, you can be sure that we will do our best to overdeliver on our promises.</p>
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".6s">
                        <h4>Industry <span>Experts</span></h4>
                        <p>When you hire us, you work with the best experts in creating an online store. Your project has reached the best agency available online.</p>
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".7s">
                        <h4>Project <span>Customization</span></h4>
                        <p>We can set up an online store for your business all in accordance with your instructions and requirements. You have control of your project.</p>
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".8s">
                        <h4>eCommerce Website <span>Builder</span></h4>
                        <p>We will develop a platform for your business that is easily expandable and customizable. Your eCommerce WordPress website will be a breeze to manage.</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">Not 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">What We Can Do For Your E-Commerce Project?</h2>
                    </div>
                </div>
            </div>

            <div class="row pt-5">
                <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 Systems</h4>
                            <p>Yours and your customers’ personal data will be secured. You can do online transactions freely.</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>Add To Cart</h4>
                            <p>We will create your eCommerce framework with a flawless and strategically designed add-to-cart.
                            </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>Marketing Tools</h4>
                            <p>Our experts will integrate all the necessary marketing tools into your website to increase visitors.</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>Wish Lists</h4>
                            <p>Your visitors can add their favorite products to the wish list so that they can purchase your products later.</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>This is truly professional and knowledgeable organization. We have appreciated their honest, timely and straightforward approach. Having a great experience to speak with Sean about my Mobile App. Give you 5 out of 5 man......<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>Anthony White</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>
                                    </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 happy with you guys mobile app development services, you have creative designer for mobile app and support is also good. I will refer to my friends also Ignite design pro.....<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>Edward</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:+000000000" 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 from-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]quote[" ]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]quote[" ]id="q17" value="Creative industries"> <label for="q17">Creative industries</label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]quote[" ]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]quote[" ]id="q19" value="Financial services"> <label for="q19"> Financial services </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]quote[" ]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]quote[" ]id="q21" value="Home services"> <label for="q21"> Home services </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]quote[" ]id="q22" value="Restaurant/food"> <label for="q22"> Restaurant/food </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]quote[" ]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]quote[" ]id="q24" value="Technology/software"> <label for="q24"> Technology/software </label>
                                                </div>
                                                <div class="row align-items-center">
                                                    <input type="radio" name="quote[f4]quote[" ]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]" 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 from-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 from-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="E-Commerce Basic Package - $649.00" pack="1">E-Commerce Basic Package - $649.00</option>
                                            <option value="E-Commerce Plus Package - $1249.00" pack="2">E-Commerce Plus Package - $1249.00</option>
                                            <option value="E-Commerce Prime Package - $1999.00" pack="3">E-Commerce Prime Package - $1999.00</option>
                                            <option value="E-Commerce Business Package - $4499.00" pack="4">E-Commerce Business Package - $4499.00</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-0000</span>
       <span class="icoo"><i class="fa fa-phone"></i></span>
    </a>
  </div> -->

        <div class="clickbutton">
            <div class="crossplus">70% 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 70% 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>
        $(document).ready(function() {
            // loadZendeskWidget();
            setTimeout(function() {
                loadZendeskWidget();
            }, 5000);
        });
        $(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>