
<html lang="en"><head>
    <meta charset="utf-8">
    <title>thecreativedork.com -</title>
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="keywords">
    <meta content="" name="description">

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Heebo:wght@400;500&amp;family=Jost:wght@500;600;700&amp;display=swap" rel="stylesheet"> 

    <!-- Icon Font Stylesheet -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
    <link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Template Stylesheet -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/modal.css" rel="stylesheet">
</head>

<body>
    <div class="container-xxl bg-white p-0">
        <!-- Spinner Start -->
        <div id="spinner" class="bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
            <div class="spinner-grow text-primary" style="width: 3rem; height: 3rem;" role="status">
                <span class="sr-only">Loading...</span>
            </div>
        </div>
        <!-- Spinner End -->

        <!-- Updated Hero Start -->
        <div id="home" class="container-xxl position-relative p-0">
            <nav class="navbar navbar-expand-lg navbar-light px-4 px-lg-5 py-3 py-lg-0 sticky-top shadow-sm">
                <a href="#home" class="navbar-brand p-0">
                    <h1 class="m-0">Thecreativedork </h1>
                    <!-- <img src="img/logo.png" alt="Logo"> -->
                </a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
                    <span class="fa fa-bars"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarCollapse">
                    <div class="navbar-nav mx-auto py-0">
                        <a href="#home" class="nav-item nav-link active">Home</a>
                        <a href="#about" class="nav-item nav-link">About</a>
                        <a href="#services" class="nav-item nav-link">Services</a>
                        <a href="#" data-bs-toggle="modal" data-bs-target="#unsubscribeModal" class="nav-item nav-link">Unsubscribe</a>
                        <a href="#contact" class="nav-item nav-link">Contact</a>
                    </div>
                    <a href="#contact" class="btn rounded-pill py-2 px-4 ms-3 d-none d-lg-block">Get Started</a>
                </div>
            </nav>

            <div class="container-xxl bg-primary hero-header">
                <div class="container px-lg-5">
                    <div class="row g-5 align-items-center">
                        <div class="col-lg-6 text-center text-lg-start">
                            <h1 class="text-white mb-4 animated slideInDown">Emails That Engage &amp; Convert</h1>
                            <p class="text-white pb-3 animated slideInDown">
                                We deliver innovative email marketing strategies designed to boost your conversions and drive revenue. From bespoke automation to laser-targeted campaigns, we craft every email with precision.
                            </p>
                            <a href="#services" class="btn btn-secondary py-sm-3 px-sm-5 rounded-pill me-3 animated slideInLeft">Our Services</a>
                            <a href="#contact" class="btn btn-light py-sm-3 px-sm-5 rounded-pill animated slideInRight">Contact Us</a>
                        </div>
                        <div class="col-lg-6 text-center">
                            <img class="img-fluid animated zoomIn" src="img/hero-email.png" alt="Email Marketing">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Updated Hero End -->

        <!-- Feature Start -->
        <div class="container-xxl py-5">
            <div class="container py-5 px-lg-5">
                <div class="row g-4">
                    <!-- Feature items remain unchanged -->
                    <div class="col-lg-4 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
                        <div class="feature-item bg-light rounded text-center p-4">
                            <i class="fa fa-3x fa-mail-bulk text-primary mb-4"></i>
                            <h5 class="mb-3">Digital Marketing</h5>
                            <p class="m-0">Erat ipsum justo amet duo et elitr dolor, est duo duo eos lorem sed diam stet diam sed stet lorem.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 wow fadeInUp" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                        <div class="feature-item bg-light rounded text-center p-4">
                            <i class="fa fa-3x fa-search text-primary mb-4"></i>
                            <h5 class="mb-3">SEO &amp; Backlinks</h5>
                            <p class="m-0">Erat ipsum justo amet duo et elitr dolor, est duo duo eos lorem sed diam stet diam sed stet lorem.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 wow fadeInUp" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                        <div class="feature-item bg-light rounded text-center p-4">
                            <i class="fa fa-3x fa-laptop-code text-primary mb-4"></i>
                            <h5 class="mb-3">Design &amp; Development</h5>
                            <p class="m-0">Erat ipsum justo amet duo et elitr dolor, est duo duo eos lorem sed diam stet diam sed stet lorem.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Feature End -->

        <!-- Email Marketing Section Start -->
        <div class="container-xxl py-5">
            <div class="container py-5 px-lg-5">
                <div class="row g-5 align-items-center">
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                        <div class="section-title text-start">
                            <p class="text-secondary">Email Marketing</p>
                            <h1 class="mb-4">Powerful Email Marketing Solutions</h1>
                        </div>
                        <p class="mb-4">
                            Transform your email campaigns with our cutting-edge solutions. We specialize in creating engaging, conversion-focused email marketing strategies that deliver real results.
                        </p>
                        <div class="row g-4 mb-4">
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <i class="fa fa-check-circle text-primary me-2"></i>
                                    <h6 class="mb-0">Advanced Automation</h6>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <i class="fa fa-check-circle text-primary me-2"></i>
                                    <h6 class="mb-0">Smart Segmentation</h6>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <i class="fa fa-check-circle text-primary me-2"></i>
                                    <h6 class="mb-0">A/B Testing</h6>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="d-flex align-items-center">
                                    <i class="fa fa-check-circle text-primary me-2"></i>
                                    <h6 class="mb-0">Detailed Analytics</h6>
                                </div>
                            </div>
                        </div>
                        <a href="#contact" class="btn btn-primary py-3 px-5">Get Started</a>
                    </div>
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
                        <div class="position-relative">
                            <!-- SVG Image Placeholder -->
                            <div class="email-marketing-svg">
                                <!-- Add your SVG image here -->
                                <img src="img/email-marketing.svg" alt="Email Marketing" class="img-fluid">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Email Marketing Section End -->

        <!-- Updated About Start -->
        <div id="about" class="container-xxl py-5">
            <div class="container py-5 px-lg-5">
                <div class="row g-5 align-items-center">
                    <div class="col-lg-6">
                        <img class="img-fluid wow zoomIn" data-wow-delay="0.5s" src="img/about-email.png" alt="About Thecreativedork ">
                    </div>
                    <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                        <p class="section-title text-secondary">About Thecreativedork <span></span></p>
                        <h1 class="mb-5">Transforming Email Campaigns Into Revenue Engines</h1>
                        <p class="mb-4">
                            At Thecreativedork , we blend creativity with data-driven strategies to deliver email campaigns that capture attention and convert prospects into loyal customers. Our holistic approach covers segmentation, personalization, testing, and analytics so you get maximum ROI.
                        </p>
                        <a href="#services" class="btn btn-primary py-sm-3 px-sm-5 rounded-pill">Learn More</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Updated About End -->

        <!-- Updated Facts Start -->
        <div class="container-xxl bg-primary fact py-5 wow fadeInUp" data-wow-delay="0.1s" style="visibility: visible; animation-delay: 0.1s; animation-name: fadeInUp;">
            <div class="container py-5 px-lg-5">
                <div class="row text-center g-4">
                    <div class="col-lg-3 col-md-6">
                        <h2 class="text-white mb-0 display-5">100+</h2>
                        <p class="text-light mb-0">Projects Completed</p>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <h2 class="text-white mb-0 display-5">50+</h2>
                        <p class="text-light mb-0">Happy Clients</p>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <h2 class="text-white mb-0 display-5">10</h2>
                        <p class="text-light mb-0">Years Experience</p>
                    </div>
                    <div class="col-lg-3 col-md-6">
                        <h2 class="text-white mb-0 display-5">24/7</h2>
                        <p class="text-light mb-0">Support</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Updated Facts End -->

        <!-- Updated Services Start -->
        <div id="services" class="container-xxl py-5">
            <div class="container py-5 px-lg-5">
                <div class="section-title text-center mb-5">
                    <p class="text-secondary">Our Services</p>
                    <h1 class="mb-4">Email Marketing Solutions Tailored For You</h1>
                </div>
                <div class="row g-4">
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light rounded text-center p-4 h-100">
                            <i class="fa fa-envelope fa-3x text-primary mb-3"></i>
                            <h5 class="mb-3">Campaign Management</h5>
                            <p>
                                Design, schedule, and analyze comprehensive email campaigns that engage and nurture your leads from start to finish.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light rounded text-center p-4 h-100">
                            <i class="fa fa-chart-line fa-3x text-primary mb-3"></i>
                            <h5 class="mb-3">Analytics &amp; Reporting</h5>
                            <p>
                                Leverage real-time data and detailed performance reports to optimize every aspect of your email marketing strategy.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item bg-light rounded text-center p-4 h-100">
                            <i class="fa fa-cogs fa-3x text-primary mb-3"></i>
                            <h5 class="mb-3">Automation &amp; Personalization</h5>
                            <p>
                                Automate your workflows with advanced segmentation and personalized content—ensuring that each email resonates with your audience.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Updated Services End -->

        <!-- Newsletter Start -->
        <div class="container-xxl bg-primary newsletter py-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="container py-5 px-lg-5">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <h1 class="text-white">Subscribe to Our Newsletter</h1>
                        <p class="text-white mb-0">Stay updated with the latest trends and offers.</p>
                    </div>
                    <div class="col-lg-6">
                        <form id="subscribeForm" class="input-group">
                            <input type="email" name="email" class="form-control border-0" placeholder="Your Email" required>
                            <button type="submit" class="btn btn-dark">Subscribe</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Newsletter End -->

        <!-- Projects Start -->
        
        <!-- Projects End -->

        <!-- Testimonial Start -->
        <div class="container-xxl py-5 wow fadeInUp" data-wow-delay="0.1s">
            <div class="container py-5 px-lg-5">
                <div class="section-title text-center mb-5">
                    <p class="text-secondary">Testimonials</p>
                    <h1 class="mb-4">What Our Clients Say</h1>
                </div>
                <div class="owl-carousel testimonial-carousel">
                    <div class="testimonial-item text-center">
                        <div class="d-inline-flex align-items-center justify-content-center bg-light rounded-circle mb-4" style="width: 80px; height: 80px;">
                            <img class="img-fluid" src="img/testimonial-1.jpg" alt="Client Photo">
                        </div>
                        <p class="mb-4">"Thecreativedork transformed our email campaigns. Our open rates soared and our revenues followed."</p>
                        <h5>Michael Reeves</h5>
                        <span class="text-primary">CEO, BrightMail</span>
                    </div>
                    <div class="testimonial-item text-center">
                        <div class="d-inline-flex align-items-center justify-content-center bg-light rounded-circle mb-4" style="width: 80px; height: 80px;">
                            <img class="img-fluid" src="img/testimonial-2.jpg" alt="Client Photo">
                        </div>
                        <p class="mb-4">"Outstanding support and innovative strategies. Their campaigns brought us new loyal customers."</p>
                        <h5>Sarah Collins</h5>
                        <span class="text-primary">CMO, TechSolutions</span>
                    </div>
                    <div class="testimonial-item text-center">
                        <div class="d-inline-flex align-items-center justify-content-center bg-light rounded-circle mb-4" style="width: 80px; height: 80px;">
                            <img class="img-fluid" src="img/testimonial-3.jpg" alt="Client Photo">
                        </div>
                        <p class="mb-4">"The level of personalization and automation they introduced has revolutionized our marketing approach."</p>
                        <h5>Jason Lee</h5>
                        <span class="text-primary">Founder, InnovateX</span>
                    </div>
                    <div class="testimonial-item text-center">
                        <div class="d-inline-flex align-items-center justify-content-center bg-light rounded-circle mb-4" style="width: 80px; height: 80px;">
                            <img class="img-fluid" src="img/testimonial-4.jpg" alt="Client Photo">
                        </div>
                        <p class="mb-4">"Their expert insights turned our mediocre campaigns into revenue-generating machines."</p>
                        <h5>Emily Johnson</h5>
                        <span class="text-primary">VP Marketing, Marketify</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- Testimonial End -->

        <!-- Team / Contact Start -->
        <div id="contact" class="container-xxl py-5">
            <div class="container py-5 px-lg-5">
                
                <div class="row gy-4">
                    
                    <div class="col-lg-6">
                        
                    </div>
                </div>
            </div>
        </div>
        <!-- Team / Contact End -->

        <!-- Updated Footer Start -->
        <div class="container-fluid bg-dark text-light footer wow fadeIn" data-wow-delay="0.1s">
            <div class="container py-5 px-lg-5">
                <div class="row g-5">
                    <div class="col-lg-4 col-md-6">
                        <h5 class="mb-4 text-white">Quick Links</h5>
                        <div class="d-flex flex-column">
                            <a class="text-white mb-2" href="#home"><i class="fa fa-chevron-right me-2"></i>Home</a>
                            <a class="text-white mb-2" href="#about"><i class="fa fa-chevron-right me-2"></i>About Us</a>
                            <a class="text-white mb-2" href="#services"><i class="fa fa-chevron-right me-2"></i>Services</a>
                            <a class="text-white mb-2" href="#" data-bs-toggle="modal" data-bs-target="#unsubscribeModal"><i class="fa fa-chevron-right me-2"></i>Unsubscribe</a>
                            <a class="text-white mb-2" href="#" data-bs-toggle="modal" data-bs-target="#contactModal"><i class="fa fa-chevron-right me-2"></i>Contact</a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <h5 class="mb-4 text-white">Contact Info</h5>
                        <p class="text-white"><i class="fa fa-map-marker-alt me-3"></i>456 Marketing Ave, Suite 100, Email City, EM 12345</p>
                        <p class="text-white"><i class="fa fa-phone-alt me-3"></i>+1 800 555 1234</p>
                        <p class="text-white"><i class="fa fa-envelope me-3"></i>support@thecreativedork.com</p>
                        <p class="text-white"><i class="fa fa-globe me-3"></i>Thecreativedork</p>
                    </div>
                </div>
                <div class="row mt-5">
                </div>
            </div>
        </div>
        <!-- Updated Footer End -->

        <div style="background:#6222CC; color: white; text-align: center; font-size: small; margin: 0; padding: 10px; display: flex; justify-content: center; align-items: center; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1000;">
   <p style="margin: 0; padding: 0;">© 2022 All Rights Reserved. thecreativedork.com | 
   <a href="#" data-bs-toggle="modal" data-bs-target="#privacyModal" style="color: white; text-decoration: none;">Privacy Policy</a> | 
   <a href="#" data-bs-toggle="modal" data-bs-target="#unsubscribeModal" style="color: white; text-decoration: none;">Unsubscribe</a> | 
   <a href="#" data-bs-toggle="modal" data-bs-target="#disclaimerModal" style="color: white; text-decoration: none;">Disclaimer</a> |
   <a href="#" data-bs-toggle="modal" data-bs-target="#contactModal" style="color: white; text-decoration: none;">Contact Us</a></p>
</div>

        <!-- Modals Section Start -->
        <!-- Success Modal -->
        <div class="modal fade" id="subscribeModal" tabindex="-1" aria-labelledby="subscribeModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="subscribeModalLabel">Subscription Successful</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        Thank you for subscribing! You will receive updates in your inbox.
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    </div>
                </div>
            </div>
        </div>

        <!-- Privacy Modal -->
        <div class="modal fade" id="privacyModal" tabindex="-1" aria-labelledby="privacyModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="privacyModalLabel">Privacy Policy</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body p-4">
                        <div class="mb-4">
                            <p class="lead">At <strong>thecreativedork.com</strong>, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy outlines how we collect, use, and safeguard your data.</p>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Information Collection and Usage</h6>
                            <p>We collect information that you voluntarily provide when subscribing to our newsletter or interacting with our services. This information is used exclusively to:</p>
                            <ul class="list-unstyled ps-3">
                                <li>• Deliver personalized newsletter content</li>
                                <li>• Improve our services and user experience</li>
                                <li>• Communicate important updates and announcements</li>
                            </ul>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Data Protection</h6>
                            <p>Your personal information is handled with the utmost care and security. We implement industry-standard security measures to protect your data and will never share your information with third parties without your explicit consent.</p>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Policy Updates</h6>
                            <p>We may update this Privacy Policy periodically to reflect changes in our practices or legal requirements. Any updates will be posted on this page with a revised effective date.</p>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Children's Privacy</h6>
                            <p>Our services are not intended for individuals under 18 years of age. We do not knowingly collect or maintain information from children without verifiable parental consent.</p>
                        </div>

                        <div>
                            <h6 class="fw-bold mb-3">Third-Party Links</h6>
                            <p>Our newsletters may contain links to external websites. We are not responsible for the privacy practices or content of these third-party sites. We encourage you to review their respective privacy policies.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Unsubscribe Modal -->
        <div class="modal fade" id="unsubscribeModal" tabindex="-1" aria-labelledby="unsubscribeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="unsubscribeModalLabel">Unsubscribe from Newsletter</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body p-4">
                        <div class="text-center mb-4">
                            <p class="lead mb-3">We're sorry to see you go</p>
                            <p class="text-muted">You'll no longer receive our newsletters and updates once you unsubscribe.</p>
                        </div>
                        <form id="unsubscribe-form" method="POST" class="needs-validation" novalidate>
                            <div class="mb-4">
                                <label for="emailid" class="form-label">Email Address</label>
                                <input type="email" name="email_unsub" id="emailid" class="form-control form-control-lg" placeholder="Enter your email address" required>
                                <div class="form-text">Please enter the email address you used to subscribe.</div>
                            </div>
                            <div class="d-grid gap-2">
                                <button type="submit" class="btn btn-danger btn-lg">Confirm Unsubscribe</button>
                                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                            </div>
                        </form>
                        <div id="message-box" class="mt-4 text-center d-none"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Disclaimer Modal -->
        <div class="modal fade" id="disclaimerModal" tabindex="-1" aria-labelledby="disclaimerModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="disclaimerModalLabel">Disclaimer</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body p-4">
                        <div class="mb-4">
                            <p class="lead">This disclaimer outlines the terms and conditions governing your use of <strong>thecreativedork.com</strong>'s services and website.</p>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">General Information</h6>
                            <p>The content provided on <strong>thecreativedork.com</strong> is for informational purposes only. While we strive to maintain accurate and up-to-date information, we make no representations or warranties of any kind, express or implied, regarding the completeness, accuracy, reliability, or availability of the website or its contents.</p>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">External Links</h6>
                            <p>Our website may contain links to external websites. These links are provided for your convenience, but we do not endorse, control, or take responsibility for the content or privacy practices of third-party sites.</p>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Limitation of Liability</h6>
                            <p><strong>thecreativedork.com</strong> shall not be liable for any direct, indirect, incidental, consequential, or punitive damages arising from your use of our website or services. This includes, but is not limited to:</p>
                            <ul class="list-unstyled ps-3">
                                <li>• Technical errors or interruptions</li>
                                <li>• Loss of data or profits</li>
                                <li>• Unauthorized access to our systems</li>
                            </ul>
                        </div>

                        <div class="mb-4">
                            <h6 class="fw-bold mb-3">Changes and Updates</h6>
                            <p>We reserve the right to modify or update this disclaimer at any time without prior notice. Your continued use of our services following any changes constitutes acceptance of those changes.</p>
                        </div>

                        <div>
                            <p class="text-muted">By using our services, you acknowledge that you have read, understood, and agree to be bound by this disclaimer.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Contact Us Modal -->
        <div class="modal fade" id="contactModal" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="contactModalLabel">Contact Us</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body p-4">
                        <div class="text-center mb-4">
                            <p class="lead mb-3">Get in touch with us</p>
                            <p class="text-muted">We'd love to hear from you!</p>
                        </div>
                        <div class="d-flex flex-column align-items-center">
                            <div class="mb-3 w-100">
                                <div class="d-flex align-items-center justify-content-center mb-2">
                                    <i class="fas fa-envelope me-2 text-primary"></i>
                                    <span class="text-muted">Email: support@thecreativedork.com </span>
                                </div>
                                <div class="d-flex justify-content-center gap-2">
                                    <a href="mailto:support@thecreativedork.com" class="btn btn-primary">
                                        <i class="fas fa-paper-plane me-2"></i>Send Email
                                    </a>
                                    <button class="btn btn-outline-secondary" onclick="copyEmail()">
                                        <i class="fas fa-copy me-2"></i>Copy
                                    </button>
                                </div>
                            </div>
                        </div>
                        <div id="copyMessage" class="mt-3 text-center d-none"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Modals Section End -->

        <!-- Modal Scripts Start -->
        <script>
            // Subscribe form script
            document.getElementById("subscribeForm").addEventListener("submit", function(event) {
                event.preventDefault();
                var subscribeModal = new bootstrap.Modal(document.getElementById("subscribeModal"));
                subscribeModal.show();
                this.reset();
            });

            // Unsubscribe form script
            document.getElementById("unsubscribe-form").addEventListener("submit", function(e) {
                e.preventDefault();
                let email = document.getElementById("emailid").value;
                let messageBox = document.getElementById("message-box");

                // Validate email
                const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                if (!emailRegex.test(email)) {
                    messageBox.textContent = "Please enter a valid email address!";
                    messageBox.classList.remove("d-none");
                    messageBox.classList.add("text-danger");
                    return;
                }

                // Show loading state
                messageBox.textContent = "Processing your request...";
                messageBox.classList.remove("d-none", "text-danger", "text-success");
                messageBox.classList.add("text-info");

                fetch("unsubscribe.html", {
                    method: "POST",
                    headers: { "Content-Type": "application/x-www-form-urlencoded" },
                    body: new URLSearchParams({ email_unsub: email })
                })
                .then(response => {
                    if (!response.ok) {
                        throw new Error(`HTTP error! status: ${response.status}`);
                    }
                    return response.json();
                })
                .then(data => {
                    messageBox.textContent = data.message;
                    messageBox.classList.remove("d-none", "text-info");
                    messageBox.classList.add(data.status === "success" ? "text-success" : "text-danger");
                    if (data.status === "success") {
                        document.getElementById("emailid").value = "";
                        // Disable the form after successful unsubscription
                        document.querySelector("button[type='submit']").disabled = true;
                    }
                })
                .catch(error => {
                    console.error("Error:", error);
                    messageBox.textContent = "An error occurred. Please try again later.";
                    messageBox.classList.remove("d-none");
                    messageBox.classList.add("text-danger");
                });
            });

            // Contact Us Modal Script
            function copyEmail() {
                const email = 'support@thecreativedork.com';
                navigator.clipboard.writeText(email).then(() => {
                    const messageBox = document.getElementById('copyMessage');
                    messageBox.textContent = 'Email copied to clipboard!';
                    messageBox.classList.remove('d-none', 'text-danger');
                    messageBox.classList.add('text-success');
                    setTimeout(() => {
                        messageBox.classList.add('d-none');
                    }, 3000);
                }).catch(() => {
                    const messageBox = document.getElementById('copyMessage');
                    messageBox.textContent = 'Failed to copy email. Please try again.';
                    messageBox.classList.remove('d-none', 'text-success');
                    messageBox.classList.add('text-danger');
                });
            }
        </script>
        <!-- Modal Scripts End -->

        <!-- Back to Top -->
        <a href="#home" class="btn btn-lg btn-secondary btn-lg-square back-to-top" style=""><i class="bi bi-arrow-up"></i></a>
    </div>

    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/waypoints/waypoints.min.js"></script>
    <script src="lib/counterup/counterup.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/isotope/isotope.pkgd.min.js"></script>
    <script src="lib/lightbox/js/lightbox.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12"></script>

    <!-- Template Javascript -->
    <script src="js/main.js"></script>
    
    <!-- Smooth Scrolling Script -->
    <script>
        $(document).ready(function(){
            $('a[href^="#"]').on('click', function(e) {
                var target = $($(this).attr('href'));
                if(target.length) {
                    e.preventDefault();
                    $('html, body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                }
            });
        });
    </script>

    <!-- Lightbox Markup -->
    <div id="lightboxOverlay" class="lightboxOverlay" style="display: none;"></div>
    <div id="lightbox" class="lightbox" style="display: none;">
        <div class="lb-outerContainer">
            <div class="lb-container">
                <img class="lb-image" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==">
                <div class="lb-nav">
                    <a class="lb-prev" href=""></a>
                    <a class="lb-next" href=""></a>
                </div>
                <div class="lb-loader">
                    <a class="lb-cancel"></a>
                </div>
            </div>
        </div>
        <div class="lb-dataContainer">
            <div class="lb-data">
                <div class="lb-details">
                    <span class="lb-caption"></span>
                    <span class="lb-number"></span>
                </div>
                <div class="lb-closeContainer">
                    <a class="lb-close"></a>
                </div>
            </div>
        </div>
    </div>

    <!-- Testimonial Carousel Script -->
    <script>
        $(document).ready(function(){
            $(".testimonial-carousel").owlCarousel({
                autoplay: true,
                smartSpeed: 1000,
                margin: 30,
                dots: true,
                loop: true,
                center: true,
                responsive:{
                    0:{ items:1 },
                    768:{ items:2 },
                    992:{ items:3 }
                }
            });
        });
    </script>

</body></html>