<!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">
    <meta name="description" content="Looking to Hire a Custom Web Development Company in USA? Ignite Design Pro Specialized in Custom Web Development Services. Consult Now!" />
    <meta name="google-site-verification" content="Aw8jYnTXnPw1eioPUoFk-SJAsbAtw0ZxM0dYEvWv67o" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:type" content="article" />
    <meta property="og:title" content="Custom Web Development Services in USA | Ignite Design Pro" />
    <meta property="og:description" content="Looking to Hire a Custom Web Development Company in USA? Ignite Design Pro Specialized in Custom Web Development Services. Consult Now!" />
    <meta property="og:url" content="https://ignitedesignpro.com/custom-website/" />
    <meta property="og:site_name" content="Ignite Design Pro" />
    <meta property="article:publisher" content="https://www.facebook.com/ignitedesignpro" />
    <meta property="article:modified_time" content="2023-10-25T17:50:54+00:00" />
    <!-- <meta property="og:image" content="https://ignitedesignpro.com/custom-website/assets/images/footer-logo.png" /> -->
    <meta property="og:image" content="https://ignitedesignpro.com/custom-website/assets/images/sharecard.jpg" />
    <meta property="og:image:width" content="696" />
    <meta property="og:image:height" content="696" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Custom Web Development Services in USA | Ignite Design Pro" />
    <meta name="twitter:description" content="Looking to Hire a Custom Web Development Company in USA? Ignite Design Pro Specialized in Custom Web Development Services. Consult Now!" />
    <meta name="twitter:site" content="@IgniteDesignPro" />
    <meta name="twitter:label1" content="Est. reading time" />
    <meta name="twitter:data1" content="16 minutes" />
    <script type="application/ld+json" class="yoast-schema-graph">
        {
            "@context": "https://schema.org",
            "@graph": [{
                "@type": "WebPage",
                "@id": "https://ignitedesignpro.com/custom-website/",
                "url": "https://ignitedesignpro.com/custom-website/",
                "name": "Custom Web Development Services in USA | Ignite Design Pro",
                "isPartOf": {
                    "@id": "https://ignitedesignpro.com/#website"
                },
                "datePublished": "2023-08-03T23:38:42+00:00",
                "dateModified": "2023-10-25T17:50:54+00:00",
                "description": "Looking to Hire a Custom Web Development Company in USA? Ignite Design Pro Specialized in Custom Web Development Services. Consult Now!",
                "breadcrumb": {
                    "@id": "https://ignitedesignpro.com/custom-website/#breadcrumb"
                },
                "inLanguage": "en-US",
                "potentialAction": [{
                    "@type": "ReadAction",
                    "target": ["https://ignitedesignpro.com/custom-website"]
                }]
            }, {
                "@type": "BreadcrumbList",
                "@id": "https://ignitedesignpro.com/custom-website/#breadcrumb",
                "itemListElement": [{
                    "@type": "ListItem",
                    "position": 1,
                    "name": "Home",
                    "item": "https://ignitedesignpro.com/"
                }, {
                    "@type": "ListItem",
                    "position": 2,
                    "name": "Custom Website Development"
                }]
            }, {
                "@type": "WebSite",
                "@id": "https://ignitedesignpro.com/#website",
                "url": "https://ignitedesignpro.com/",
                "name": "Ignite Design Pro",
                "description": "Creative Digital Agency in USA",
                "publisher": {
                    "@id": "https://ignitedesignpro.com//#organization"
                },
                "potentialAction": [{
                    "@type": "SearchAction",
                    "target": {
                        "@type": "EntryPoint",
                        "urlTemplate": "https://ignitedesignpro.com/?s={search_term_string}"
                    },
                    "query-input": "required name=search_term_string"
                }],
                "inLanguage": "en-US"
            }, {
                "@type": "Organization",
                "@id": "https://ignitedesignpro.com/#organization",
                "name": "Ignite Design Pro",
                "alternateName": "IGNITE",
                "url": "https://ignitedesignpro.com/",
                "logo": {
                    "@type": "ImageObject",
                    "inLanguage": "en-US",
                    "@id": "https://ignitedesignpro.com/#/schema/logo/image/",
                    "url": "https://ignitedesignpro.com/custom-website/assets/images/footer-logo.png",
                    "contentUrl": "https://ignitedesignpro.com/custom-website/assets/images/footer-logo.png",
                    "width": 696,
                    "height": 696,
                    "caption": "Ignite Design Pro"
                },
                "image": {
                    "@id": "https://ignitedesignpro.com/#/schema/logo/image/"
                },
                "sameAs": ["https://www.linkedin.com/company/ignite-design-pro",
                    "https://twitter.com/IgnitedesignPro", "https://www.instagram.com/ignitedesignpro/",
                    "https://www.facebook.com/ignitedesignpro",
                    "https://www.yelp.com/biz/ignite-design-pro-st-petersburg",
                    "https://www.pinterest.com/ignitedesignpro/",
                    "https://www.google.com/search?q=ignitedesignpro&rlz=1C1ONGR_en-GBPK1070PK1070&oq=ignitedesignpro&gs_lcrp=EgZjaHJvbWUqCAgAEEUYJxg7MggIABBFGCcYOzIGCAEQRRg7MgYIAhBFGEEyBggDEEUYPDIGCAQQRRg8MgYIBRBFGDwyBggGEEUYQTIGCAcQRRhB0gEINTcxN2owajeoAgCwAgA&sourceid=chrome&ie=UTF-8"
                ]
            }]
        }
    </script>
    <link href="assets/css/all.css" rel="stylesheet">
    <link href="assets/css/custom.css" rel="stylesheet">
    <link rel="preload" as="style" onload="this.rel = 'stylesheet'" href="https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i&display=swap">
    <link href="https://site-assets.fontawesome.com/releases/v6.0.0/css/all.css" rel="stylesheet">

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

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

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

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

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

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

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

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


    <header class="mainHeader" style="position: fixed;">
        <nav class="navbar navbar-expand-lg navbar-light">
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3">
                <a href="/index.php" class="logo">
                    <img src="assets/images/footer-logo.png" class="img-fluid" alt="">
                </a>
                <button class="navbar-toggler" style="float: right; background-color:#e05834; margin-top:15px; font-size:14px;" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
            </div>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto navLinks" style="text-align: left; padding:20px 0px 0px 10px">
                    <li class="nav-item" style="padding: 0px 20px; color:white;">
                        <a class="nav-link" href="/index.php">Home <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item" style="padding: 0px 20px;">
                        <a class="nav-link" href="/portfolio.php">Portfolio</a>
                    </li>
                    <li class="nav-item" style="padding: 0px 20px;">
                        <a class="nav-link" href="/pricing.php">Pricing</a>
                    </li>
                    <li class="nav-item dropdown" style="padding: 0px 20px;">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Services
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="/logo_design/index.php" style="color: white;">Logo Design</a>
                            <a class="dropdown-item" href="/custom-website/index.php" style="color: white;">Custom
                                Website</a>
                            <a class="dropdown-item" href="/ecommerce-development/index.php" style="color: white;">E-Commerce Development</a>
                            <a class="dropdown-item" href="/shopify-store/index.php" style="color: white;">Shopify</a>
                            <a class="dropdown-item" href="/wordpress-website/" style="color: white;">WordPress</a>
                            <a class="dropdown-item" href="/mobile-app-development/index.php" style="color: white;">Mobile App Development</a>
                            <a class="dropdown-item" href="/digital-marketing/index.php" style="color: white;">Digital
                                Marketing</a>
                            <a class="dropdown-item" href="/seo/index.php" style="color: white;">Search Engine
                                Optimization</a>
                        </div>
                    </li>


                    <li class="nav-item dropdown" style="padding: 0px 20px;">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            Resources
                        </a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="/Blogs/index.php" style="color: white;">Blogs</a>
                        </div>
                    </li>



                    <li class="nav-item" style="padding: 0px 20px;">
                        <a class="nav-link" href="/contact-us.php">Contact Us</a>
                    </li>
                </ul>
                <div class="col-xl-3 col-lg-3 col-md-3 col-sm-3">
                    <ul class="info">
                        <div class="banner-btn wow fadeIn" data-wow-duration=".6s" data-wow-delay=".8s">
                            <ul>
                                <li><a data-toggle="modal" data-target="#started_pop" style="border-radius:40px; width:200px; font-size:13px; background-color:#e05834; text-align:center; text-transform:capitalize;">Get
                                        a Free Consultation</a></li>
                            </ul>
                        </div>
                    </ul>
                </div>
            </div>
        </nav>

    </header>
    <!-- Header Section End -->


    <!-- Banner Section Begin -->

    <section class="main-section">
        <div class="banner_img">
            <div class="text">
                <h1 class="heading wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">
                    A Bit of WordPress History</h1>
            </div>
        </div>
    </section>

    <!-- Banner Section End -->

    <section class="container">
        <div class="paragraph">
            <p>
                In the fast-paced world of website development in 2023, the myriad options available can leave you
                wondering about the continued effectiveness of WordPress. To delve into the realm of this widely used
                platform, you might want to explore the perspectives of a web design agency. This way, you can make an
                informed decision on whether WordPress remains a solid choice for your web development needs.
            </p>
        </div>
    </section>


    <!-- Mastering Passive Income Start -->

    <section class="container">
        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">A Bit of WordPress History</h3>
            <p>WordPress, born in 2003 as an open-source blogging platform by Matt Mullenweg and Mike Little, has
                transformed into a versatile content management system (CMS). Powering over 40% of all websites on the
                internet, it caters to diverse needs, from personal blogs to corporate giants.</p>

            <p>Built on PHP and MySQL, WordPress offers a palette of themes and plugins for users to customize their
                websites, making it adaptable to various use cases. Its robust community ensures a wealth of support and
                documentation, emphasizing user experience and accessibility compliance.</p>
        </div>

        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Great Advantages of WordPress in
                2023</h3>
            <p>Two main avenues lead to WordPress usage: hosting directly with WordPress.com or opting for a self-hosted
                WordPress.org site with another provider. While WordPress.com provides a straightforward start, the
                self-hosted option grants unparalleled control and customization.</p>
        </div>

        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">The Power of Open-Source</h3>
            <p>Embracing the ethos of open-source technology, WordPress thrives on global developer contributions. This
                dynamic environment results in continuous improvements, with a plethora of plugins and themes released
                regularly to keep the platform at the forefront of web design trends.</p>
        </div>

        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Customization & Flexibility</h3>
            <p>WordPress's user-friendly platform caters to various purposes, allowing users to augment their websites
                with plugins and themes from third-party developers. Whether you're crafting a simple blog, an
                e-commerce store, or specialized listing sites, the flexibility of WordPress accommodates diverse needs.
            </p>
        </div>

        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Powerful SEO Plugins, Analytics, and
                Mobile Responsiveness</h3>
            <p>SEO, analytics, and mobile responsiveness are integral components of successful websites, and WordPress
                delivers on all fronts. Utilizing plugins like Yoast or Rankmatch, coupled with Google services,
                optimizes content for search engines. Robust analytics tools and mobile-friendly themes and page editors
                enhance the overall user experience.
            </p>
        </div>

        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Security & Backups: Managing Risks
            </h3>
            <p>Security and backups are paramount for any website, and WordPress addresses these concerns. Regular
                updates, security features, and reliable backup systems help safeguard your site against potential
                threats. Many hosting providers also offer free SSL certificates, bolstering website security.
            </p>
        </div>

        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">WooCommerce for Professional
                eCommerce</h3>
            <p>For those venturing into e-commerce, WooCommerce stands out as a free, WordPress-integrated platform. Its
                flexibility, ease of use, and diverse payment gateway integrations make it a preferred choice for online
                store owners.
            </p>
        </div>

        <div class="top_section">
            <h3 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Conclusion: WordPress in 2023</h3>
            <p>In summary, WordPress remains a formidable platform for website creation, catering to both novices and
                seasoned developers. Its customization options, features, and cost efficiency make it an appealing
                choice for businesses looking to establish a robust online presence. With a thriving community, constant
                evolution, and adaptability to changing trends, WordPress continues to be a reliable force in web
                development.
            </p>
        </div>

    </section>

    <!-- Mastering Passive Income End -->



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

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

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

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

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

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

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

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



    <!-- 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>Get Started</h4>
                            <h3>Get upto 30% discount</h3>
                        </div>
                        <form class="CrudForm form-get-quote" id="banform" method="POST" action="process.php">
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="text" name="quote[Name]" required="" placeholder="Full Name">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input type="email" name="quote[Email]" required="" placeholder="Email Addresss">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <input id="phone-coun" name="quote[Number]" rangelength="[7,12]" type="number" placeholder="Phone Number" required="" class="cta-phone" autocomplete="off">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <textarea class="form-control" name="quote[Message]" placeholder="Additional Information" required=""></textarea>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="btn_form">
                                        <input type="submit" value="Submit">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Started POPUP Section End -->




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

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

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


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

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


</body>

</html>