<!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">
                    The Crucial Role of Website Design and UX in Digital Marketing</h1>
            </div>
        </div>
    </section>

    <!-- Banner Section End -->



    <section class="container">
        <div class="paragraph">
            <h3>Introduction : </h3>
            <p>In today's digital age, a strong online presence is vital for business success. A company's website
                serves as the primary point of contact with potential customers. Therefore, the design and user
                experience (UX) of a website are pivotal in the world of digital marketing. In this article, we'll
                explore the significance of website design and UX in online marketing and why businesses should
                prioritize these aspects.</p>
        </div>
    </section>




    <section class="container">
        <div class="top_section">
            <h4 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Website Design's Role : </h4>
            <p>Website design is a cornerstone of digital marketing. It significantly impacts online marketing
                campaigns. It establishes a visual brand identity, making the company more recognizable to customers
                through consistent use of colors, typography, and imagery.</p>
            <p>
                Moreover, website design influences user engagement. A well-designed website that is visually appealing
                and easy to navigate enhances the user experience, resulting in higher engagement and lower bounce
                rates. Poorly designed websites frustrate users, leading to negative experiences and decreased
                conversion rates.
            </p>
            <p>
                Website design also affects search engine optimization (SEO). Search engines like Google favor
                well-designed and user-friendly websites, as they signify quality. A poorly designed site might rank
                lower in search results, making it harder for potential customers to find it.
            </p>
            <p>Conversion rates, a vital metric in digital marketing, are also impacted by website design. A
                well-designed, user-friendly site makes it easier for visitors to complete desired actions, like making
                a purchase. In contrast, a poorly designed website can confuse visitors and reduce conversion rates.</p>
            <p>Website design plays a critical role in digital marketing, contributing to brand identity, user
                engagement, SEO, and conversion rates. Therefore, businesses must prioritize website design in their
                online marketing strategy.</p>
        </div>
    </section>


    <section class="container">
        <div class="top_section">
            <h4 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">User Experience (UX) Design
                Principles : </h4>
            <p>UX design is crucial for the success of a website in digital marketing. It ensures a positive,
                user-friendly experience. Key principles of UX design include:</p>
            <p>
                Usability: Users should easily navigate and interact with the website, reducing bounce rates and
                increasing conversions.
            </p>
            <p>
                Accessibility: Websites must be usable by everyone, regardless of physical abilities, with features like
                alternative text for images and keyboard navigation.
            </p>
            <p>Visual Appeal: Engaging, high-quality images, videos, and graphics capture users' attention and improve
                engagement.</p>

            <p>Incorporating these principles into UX design leads to improved user experiences, lower bounce rates,
                increased conversions, and a positive brand reputation. Businesses must prioritize UX design in their
                online marketing strategies.</p>
        </div>
    </section>


    <section class="container">
        <div class="top_section">
            <h4 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Website Optimization for Improved UX
                : </h4>
            <p>Website optimization is integral to digital marketing. Businesses can enhance the user experience, boost
                engagement, increase conversions, and establish a positive brand reputation by optimizing their
                websites.</p>
            <p>
                UX optimization is a crucial component of this process, involving intuitive, user-friendly design. Focus
                areas for optimization include:
            </p>
            <p>
                Website Speed: Slow websites lead to high bounce rates; optimizing speed enhances engagement.
            </p>
            <p>Website Design: A well-designed, easy-to-navigate site improves user engagement.</p>

            <p>Content: High-quality, informative content adds value to users and improves engagement.</p>

            <p>Accessibility, Mobile Responsiveness, and SEO: Prioritizing these aspects enhances the overall user
                experience.</p>

            <p>Optimizing websites for these key areas leads to a positive brand reputation, increased customer loyalty,
                and more conversions, which are critical in digital marketing.</p>
        </div>
    </section>


    <section class="container">
        <div class="top_section">
            <h4 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">The Benefits of Good UX Design :
            </h4>
            <p>Good website design offers numerous advantages, impacting both search engine ranking and customer
                experience. It improves search engine ranking, as search engines prioritize well-designed, user-friendly
                websites. Good design enhances customer experience, leading to higher satisfaction, loyalty, and
                retention rates.
            </p>

            <p>
                Good design also helps businesses stand out in the competitive digital landscape by creating a unique
                brand identity that resonates with their target audience. Additionally, it saves time and resources by
                reducing customer support needs and churn.
            </p>
            <p>
                By prioritizing website design, businesses can enhance search engine ranking, brand reputation,
                differentiation from competitors, and long-term cost savings.
            </p>
        </div>
    </section>



    <section class="container">
        <div class="top_section">
            <h4 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">The Role of Content in UX Design :
            </h4>
            <p>Content is a critical aspect of UX design. It shapes the user's perception of the brand, establishes
                credibility, and drives conversions. When designing content for a website, businesses should prioritize
                user needs and interests, creating informative, engaging, and relevant content. Optimizing content for
                UX design involves scan-ability, visual appeal, and personalization, leading to improved engagement and
                conversions.
            </p>
            <p>
                Common UX Design Mistakes to Avoid:
            </p>
            <p>
                To create a positive user experience, businesses must avoid common UX design mistakes, such as
                overcomplicating navigation, neglecting mobile optimization, ignoring website speed, and failing to
                prioritize accessibility and user feedback. Avoiding these mistakes can lead to a more positive user
                experience and increased engagement.
            </p>
        </div>
    </section>


    <section class="container">
        <div class="top_section">
            <h4 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Tools and Techniques for UX Design :
            </h4>
            <p>Various tools and techniques can help optimize UX design, including user testing, heat mapping, A/B
                testing, prototyping, and user personas. These tools aid in creating an effective and user-friendly
                website design, ensuring relevance and effectiveness in the ever-evolving digital marketing landscape.
            </p>
        </div>
    </section>


    <section class="container">
        <div class="top_section">
            <h4 class="wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".3s">Website Design Trends to Watch :
            </h4>
            <p>
                Staying updated with current website design trends is essential. Trends like dark mode, minimalism,
                mobile-first design, micro-interactions, and 3D elements can enhance user experiences. However, it's
                crucial to consider your target audience's preferences when implementing new design elements.
            </p>
            <p>
                In the digital marketing landscape, website design and UX are essential for business success. A
                well-designed website offers multiple benefits, including improved search engine rankings, increased
                customer engagement, and higher conversion rates. By prioritizing website design and UX, businesses can
                create a website that not only looks great but also provides a seamless and enjoyable user experience,
                leaving a positive first impression on potential customers.
            </p>
        </div>
    </section>





    <!-- 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>