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

<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <link href="assets/images/favicon.png" rel="icon" sizes="16x16" />
    <title>Website Design Solutions Provider | Ignite Design Pro</title>
    <meta name="description" content=" Let us give you the most optimal website design solutions for your business. Our custom website design and development will accelerate your business online.">
    <meta name="keywords" content="custom website design, website design, online store, eCommerce store, website design solutions, website development solutions, custom website, Custom website development, website development">
    <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">

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

<body>
    <!-- Header Section Begin -->

    <header>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5 col-5">
                    <div class="logo-main-sec">
                        <a href="/"><img src="assets/images/logo.png" class="img-responsive" alt="The logo Design"></a>
                    </div>
                    <div class="counter_logo">
                        <span>Profits Generated for Clients</span>
                        <img src="assets/images/counter.gif">
                    </div>
                </div>

                <div class="col-md-7 col-7">
                    <div class="book_table">
                        <ul>
                           <!--  <li>
                                <a href="javascript:$zopim.livechat.window.show()"><img src="assets/images/tb1.png" class="img-responsive" alt="The Logo Design"> LIVE CHAT </a>
                            </li> -->
                            <li>
                                <a href="tel:(727) 500-5955"><img src="assets/images/tb2.png" class="img-responsive" alt="The Logo Design">  (727) 500-5955</a>
                            </li>
                            <li><a data-toggle="modal" data-target="#myModal" class="btn_custom button-pulse">Get Custom Quote</a></li>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu_sec">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <nav class="navbar navbar-expand-md">
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation"> 
                   <img src="./assets/images/menu.png" style="height:18px;"/>
                  </button>
                             <div class="collapse navbar-collapse justify-content-center" id="navbarNavDropdown">
                                <ul class="navbar-nav">
                                    <li class="nav-item active"><a class="nav-link" href="http://ignitedesignpro.com/build-website-design-and-website-development/">Custom Website</a></li>
                                    <li class="nav-item active"><a class="nav-link" href="http://ignitedesignpro.com/ecommerce-development/">E-Commerce Development</a></li>
                                    <li class="nav-item active"><a class="nav-link" href="https://ignitedesignpro.com/shopify-store/">Shopify</a></li>
                                    <li class="nav-item active"><a class="nav-link" href="http://ignitedesignpro.com/magento-development/">Mobile App Development</a></li>
                                    <li class="nav-item active"><a class="nav-link" href="https://ignitedesignpro.com/wordpress-website/">WordPress</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Header Section End -->





    <!-- Banner Section Begin -->

    <section class="banner_Sec_main">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-5">
                    <div class="banner_content_sec">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Get Awesome Website Designs Tailored to Your<span> Business! </span></h2>

                        <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".6s">Your business needs to have a reliable service provider to design and develop your custom website. Our experts have been providing their services in the field for more than a decade, and we will be glad to be of service to you as well.</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 Custom Quote</a></li>
                            <!--     <li class="chng_clr"><a href="javascript:$zopim.livechat.window.show()">Schedule a Call </a></li> -->
                            </ul>
                        </div>

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

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

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

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

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

    <!-- Banner Section End -->


    <!-- Solutions Section Begin -->

    <section class="solutions-situation_sec padding_70">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="web_head">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">You Will Need A Custom Website Design For Your Unique Situation.</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>Looking To Establish A Compelling Online Presence?</h4>
                                    <p>If you have a new startup or an old business that you want to expand online through a business website or an online store then we got your back.</p>
                                    <div class="banner-btn pt-5">
                                        <ul>
                                            <!-- <li><a  href="javascript:$zopim.livechat.window.show()">Consult Now</a></li> -->
                                            <li class="chng_clr"><a data-toggle="modal" data-target="#started_pop">Find Solution</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="question-img">
                                    <img src="assets/images/question-img-01.png" class="img-fluid lazy">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="situation_box_sec">
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="situations_content_Sec">
                                    <h4>You Have A Website But It Looks Old Compared To Updated Standards And Lacks Features?</h4>
                                    <p>Our experts will revamp your old website into a new and improved online platform for your business. Our custom website development will leave you mesmerized with a website ready to face the world.</p>
                                    <div class="banner-btn pt-5">
                                        <ul>
                                            <!-- <li><a  href="javascript:$zopim.livechat.window.show()">Consult Now</a></li> -->
                                            <li class="chng_clr"><a data-toggle="modal" data-target="#started_pop">Find Solution</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="question-img">
                                    <img src="assets/images/question-img-02.png" class="img-fluid lazy">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="situation_box_sec">
                        <div class="row">
                            <div class="col-sm-7">
                                <div class="situations_content_Sec">
                                    <h4>Your Website Is Up To Date With The Latest Standards But You Are Not Getting Any Traffic?</h4>
                                    <p>Your business website is in need of proper audit and optimization. Once the audit is complete, we may even have to suggest a new website design for your project.</p>
                                    <div class="banner-btn pt-5">
                                        <ul>
                                            <!-- <li><a  href="javascript:$zopim.livechat.window.show()">Consult Now</a></li> -->
                                            <li class="chng_clr"><a data-toggle="modal" data-target="#started_pop">Find Solution</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-5">
                                <div class="question-img">
                                    <img src="assets/images/question-img-03.png" class="img-fluid lazy">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Solutions Section End -->




    <!-- CTA Section Begin -->

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

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

    <!-- CTA Section End -->


    <!-- Portfolio Section Begin -->

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

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


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

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

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

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

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

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


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

        <div class="tab-content">

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

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

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


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

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

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

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





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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


        </div>
    </section>

    <!-- Portfolio Section End -->



    <!-- Form Section Begin -->

    <section class="form_Sec_main padding_70">
        <div class="container-fluid p-0">
            <div class="row align-items-center">
                <div class="col-sm-6 p-0">
                    <div class="form_sec_left">
                        <img src="assets/images/form-banner.png" class="img-fluid lazy" alt="">
                    </div>
                </div>
                <div class="col-sm-6 p-0">
                    <div class="form_sec_tab">
                        <h4 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">Need A Dedicated Team For Your Project? Contact Us Know And Talk To Our Consultant.</h4>
                        <div class="cta_form">
                            <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                                <div class="row">
                                    <div class="col-md-6">
                                        <input type="text" name="quote[Name]" class="form-control" placeholder="Your Name" required="">
                                    </div>
                                    <div class="col-md-6">
                                        <input type="text" name="quote[Email]" class="form-control" placeholder="Email Address" required="">
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="intl-tel-input separate-dial-code">
                                            <div class="flag-container">
                                                <div class="selected-flag" title="Unknown">
                                                    <div class="iti-flag "></div>
                                                    <div class="selected-dial-code"></div>
                                                </div>
                                            </div>
                                            <input id="phone-country" name="quote[Number]" type="number" placeholder="Phone Number" required="" class="cta-phone" autocomplete="off">
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <textarea name="quote[Message]" class="form-control" placeholder="Your Message"></textarea>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="btn_form">
                                            <input type="submit" value="Submit">
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Form Section End -->


    <!-- Packages Section Begin -->

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

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

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

                        </div>
                    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

        </div>
    </section>

    <!-- Packages Section End -->


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

    <section class="what_Sets_Sec padding_70">
        <div class="container">
            <div class="row">
                <div class="col-md-7">
                    <div class="web_head text-left">
                        <h2 class="wow fadeInDown" data-wow-duration=".6s" data-wow-delay=".3s">We Take The Extra Steps For Your Convenience.</h2>
                        <p class="wow fadeInUp" data-wow-duration=".6s" data-wow-delay=".5s">We have all the needed facilities to make sure that your experience with us is 100% satisfactory. We are looking forward to working for you.</p>
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".6s">
                        <h4>Expert <span>Consultant</span></h4>
                        <p>Our experienced experts will make sure that your business gets the best possible website development solutions.</p>
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".7s">
                        <h4>Client <span>Requirements</span></h4>
                        <p>You will have complete control over your project. Our experts will ensure that your project is done according to your requirements.</p>
                    </div>

                    <div class="aprat_Sec_main wow fadeIn" data-wow-duration=".6s" data-wow-delay=".8s">
                        <h4>24/7 <span>Support</span></h4>
                        <p>We have multiple support teams ready to provide guidance, listen to your request, and ensure that your business is developed smoothly.</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">We Can Help Your Business In Any Aspect Of Online Business</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>SEO-Friendly</h4>
                            <p>We will make sure that your new website fulfills all the search engine standards to rank higher.</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>App Integration</h4>
                            <p>Our expert will add all the needed features to your project through app integration and flawless coding.</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>E-Commerce</h4>
                            <p>With our help, you can sell products anywhere in the world. We will turn your site into an eCommerce store.</p>
                        </div>
                    </div>
                </div>

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

        </div>
    </section>

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



    <!-- 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>My experience with Ignite Design Pro has been great. They developed my website in record time, and it looks gorgeous. Thanks a lot, guys.</p>
                        </div>

                        <div class="review_author">
                            <div class="author_name">
                                <h3>Johnny Simon</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="trustpilot-logo">
                                <img src="assets/images/trust_logo.png" class="img-fluid lazy" alt="">
                            </div>

                        </div>

                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="review_sec_tab">
                        <div class="review_content">
                            <p>Thanks a lot for updating my website according to the latest standards. It looked very old and outdated, but your guys did a splendid job.</p>
                        </div>

                        <div class="review_author">
                            <div class="author_name">
                                <h3>Kalvin Bruce</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="trustpilot-logo">
                                <img src="assets/images/trust_logo.png" class="img-fluid lazy" alt="">
                            </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>
                            <li>
                                <span><i class="fa fa-map-marker" aria-hidden="true"></i></span>
                                <p>7901 4th St N STE 300, St. Petersburg, FL 33702 USA</p>
                            </li>

                            <li>
                                <span><i class="fa fa-envelope" aria-hidden="true"></i></span>
                                <a href="mailto:info@ignitedesignpro.com">info@ignitedesignpro.com</a>
                            </li>

                            <li>
                                <span><i class="fa fa-phone" aria-hidden="true"></i></span>
                                <a href="tel:(727) 500-5955">(727) 500-5955</a>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="col-sm-6 offset-1">
                    <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>© 2022 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:+00000000" class="callusnow"><i class="fa fa-phone"></i></a> -->


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

    <!-- Order Form Section Begin -->
    <section class="started_popup_sec">
        <div class="modal fade" id="order_pop" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
          </button>
                    </div>
                    <div class="modal-body">
                        <div class="form_head_Sec">
                            <h2>Summer Sale Offer</h2>
                            <h4>Get Started</h4>
                            <h3>70% Coupon Now</h3>
                        </div>
                        <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="text" name="quote[Name]" required="" placeholder="Full Name">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="email" name="quote[Email]" required="" placeholder="Email Addresss">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <select name="quote[Package]" id="packages" class="valid safari_only" aria-invalid="false">
                                        <option value="" pack="0">Select Package</option>
                                        <optgroup label="&nbsp;&nbsp;&nbsp;&nbsp;--------------------------------------------">
                                            <option value="Basic Web Packages - $199" pack="1">Basic Web Packages - $229</option>
                                            <option value="Startup Web Packages - $349" pack="2">Startup Web Packages - $349</option>
                                            <option value="Professional Website Packages - $649" pack="3">Professional Website Packages - $649</option>
                                            <option value="Elite Website Packages - $1249" pack="4">Elite Website Packages - $1249</option>
                                            <option value="Corporate Website Packages - $1949" pack="5">Corporate Website Packages - $1949</option>
                                            <option value="Business Website Packages - $3294" pack="6">Business Website Packages - $3294</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>  1 (727) 500-5955</span>
        <span class="icoo"><i class="fa fa-phone"></i></span>
    </a> -->
  </div>


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

    <script src="assets/js/all.js"></script>
    <script src="assets/js/lazyload.min.js"></script>
    <script src="assets/js/custom.js" defer></script>
    
    <script>
          $(function() {
            var myLazyLoad = new LazyLoad({
               elements_selector: ".lazy"
            });
        });
    

        
        
        $( document ).ready(function() {
            setTimeout(function() { 
                $('#started_pop').modal('show');
            }, 17000);
        });
    </script>


</body>

</html>