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

<!-- Mirrored from bdhackers.netlify.app/payment by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 14 Dec 2024 19:23:56 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Course Bundle Checkout</title>
    <meta name="description" content="BD Hackers - Bundle Package Checkout. Learn ethical hacking with our course package. Download now by sending money and submitting the form.">
    <link href='../unpkg.com/boxicons%402.1.4/css/boxicons.min.css' rel='stylesheet'>
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="../cdn.jsdelivr.net/npm/swiper%4010/swiper-bundle.min.css" />
<style>
/* General Styles */
body {
    margin: 0;
    font-family: 'Poppins', sans-serif;
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    color: #f5f5f5;
    overflow-x: hidden;
}

/* Header */
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 20px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

header .logo {
    font-size: 24px;
    font-weight: bold;
    color: #ff7f50;
    text-decoration: none;
}

header .logo span {
    color: #fff;
}

header .right-header {
    display: flex;
    align-items: center;
}

header .right-header .btn {
    background: #ff7f50;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 20px; /* Space added on the right */
    transition: 0.3s;
}

header .right-header .btn:hover {
    background: #ffa07a;
}

header .menu-icon {
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

header .menu-icon .bar {
    width: 25px;
    height: 3px;
    background: #fff;
    margin: 3px 0;
}

/* Hero Section */
.home {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 100px 20px;
}

.hero-info h1 {
    font-size: 48px;
    color: #ff7f50;
    margin-bottom: 20px;
    animation: fadeIn 1s ease-in-out;
}

.hero-info h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.hero-info p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Highlighted Boxes */
.hero-info .highlight-box-auto {
    background-color: #1e3a5f;
    color: red;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    font-weight: bold;
    text-align: center;
}

.hero-info .highlight-box-send-money {
    background-color: #2c3e50;
    color: #ff7f50;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    font-weight: bold;
    text-align: center;
}

/* Highlighted Boxes */
.hero-info .highlight-box-1,
.hero-info .highlight-box-2 {
    background: rgba(255, 255, 255, 0.1); /* লাইট ট্রান্সপারেন্ট ব্যাকগ্রাউন্ড */
    padding: 20px; /* প্যাডিং */
    border-radius: 10px; /* গোলাকার কোণ */
    margin-top: 20px; /* প্রতিটি বক্সের মধ্যে ফাঁকা স্থান */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* শেডো */
    color: #ffd700; /* টেক্সটের জন্য গোল্ডেন রং */
    font-weight: bold; /* মোটা ফন্ট */
}

/* Text Alignment and Margin for Each Box */
.hero-info .highlight-box-1 p,
.hero-info .highlight-box-2 p {
    margin: 0;
}

/* Copy Button */
button {
    background: #ff7f50;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

button:hover {
    background: #ffa07a;
}

/* Center the heading */
h1 {
    text-align: center;
    color: #ff7f50;
    font-size: 32px; /* Larger font size for heading */
    margin-bottom: 20px;
}

/* Updated Form Section */
.container {
    max-width: 600px;
    margin: 50px auto;
    padding: 25px;
    background: rgba(255, 255, 255, 0.1); /* Softer background color */
    border-radius: 15px; /* Rounded corners */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* More pronounced shadow */
    text-align: center;
}

label {
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    font-size: 18px; /* Larger label text */
    color: #ff7f50;
}

input, select {
    width: 100%;
    padding: 12px; /* Larger padding for inputs */
    margin-bottom: 20px; /* More spacing between fields */
    border: 1px solid #ff7f50; /* Highlight border color */
    border-radius: 8px;
    background: #f5f5f5;
    font-size: 16px;
}

input:focus, select:focus {
    outline: none;
    border-color: #ffa07a; /* Highlight border on focus */
    box-shadow: 0 0 5px rgba(255, 127, 80, 0.7);
}

input[type="submit"] {
    background: #ff7f50;
    color: #fff;
    font-size: 18px; /* Slightly larger text */
    cursor: pointer;
    border: none;
    border-radius: 8px;
    padding: 10px 20px; /* Padding for better button design */
    transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
    background: #ffa07a;
}

/* Rules Section */
.box {
    background: rgba(0, 0, 0, 0.8);
    padding: 20px;
    border-radius: 10px;
    margin: 20px;
    color: #fff;
}

.box h1 {
    font-size: 28px;
    color: #ff7f50;
}

.box ul {
    margin-top: 20px;
    list-style: none;
    padding: 0;
}

.box ul li {
    margin-bottom: 10px;
}

.box ul li::before {
    content: '★';
    color: #ff7f50;
    margin-right: 10px;
}

/* Footer Section */
.container .copyright,
.container .credits {
    text-align: center;
    font-size: 14px;
    margin: 20px 0;
    color: #f5f5f5;
}

.container .credits a {
    color: #ff7f50;
    text-decoration: none;
}

/* Popup Message */
#popup-message {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.9);
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 20;
    text-align: center;
}

#popup-message p {
    margin-bottom: 15px;
}

#popup-message ul {
    list-style: none;
    padding: 0;
}

#popup-message ul li {
    margin-bottom: 10px;
}

#popup-message a {
    color: #ff7f50;
    text-decoration: none;
    font-weight: bold;
}

#close-popup {
    margin-top: 20px;
    background: #ff7f50;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

/* Overlay */
.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 10;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 768px) {
    header {
        flex-wrap: wrap;
    }

    .hero-info h1 {
        font-size: 36px;
    }

    .hero-info p {
        font-size: 16px;
    }

    .container {
        width: 90%;
    }
}

</style>
</head>
<body>
    <div class="overlay"></div>
    <header>
        <a class='logo' href='index.html'><span>BD</span>Hackers</a>
        <div class="right-header">
            <a href="https://wa.me/qr/VUB5TZP3KBQHG1" class="btn"> WhatsApp <i class='bx bx-message-dots'></i></a>
            <div class="menu-icon">
                <div class="bar"></div>
            </div>
        </div>
    </header>

    <section class="home" id="home">
        <div class="hero-info">
            <h1>কোর্স কেনার নিয়ম:</h1>
            <div class="highlight-box-auto">
                আমাদের সবকিছু অটোমেটিক। তাই প্রতারিত হওয়ার সুযোগ নেই।
            </div>
            <h2>যেভাবে কিনবেন:</h2>
            <p>সেন্ড মানি করে নিচের ফর্মটি সঠিকভাবে পূরণ করলে অটোমেটিক ভাবে আপনার কাঙ্ক্ষিত প্যাকেজটি পেয়ে যাবেন। আমাদের সব কিছু অটোমেটিক আপলোড করা আছে। ওয়েবসাইট ছাড়াও এজেন্টের কাছে থেকে মেসেঞ্জারেও নিতে পারবেন। এজন্য ইনবক্স বা মেসেঞ্জারে নক দিন। প্রয়োজনে WhatsApp বা কল করুন 01959550218 নাম্বারে।</p>
            <h2>নিচের যেকোনো নাম্বারে টাকা সেন্ড মানি করে সাথে দেওয়া ফরমটি পূরণ করে সাবমিট করুন।</h2>
            <div class="highlight-box-send-money">
                Send Money Number 👇:
            </div>
            <h2>Bkash :- <span id="copyNumber1">01959550218</span> <button onclick="copyNumber('copyNumber1')">Copy</button> <br>
                Nagad :- <span id="copyNumber2">01794009609</span> <button onclick="copyNumber('copyNumber2')">Copy</button> <br>
                Rocket :- <span id="copyNumber3">017940096094</span> <button onclick="copyNumber('copyNumber3')">Copy</button>
            </h2>
            <h2>সঠিকভাবে সাবমিট করার সাথে সাথে অটোমেটিক এক্সেস পাবেন এবং সবকিছু ডাউনলোড করতে পারবেন।</h2>
            <div class="hero-info">
                <!-- Box 1 -->
                <div class="highlight-box-1">
                    <p>* ফুল প্যাকেজ নিলে Telegram VIP-এর লাইফটাইম এক্সেস পাবেন।</p>
                </div>
            
                <!-- Box 2 -->
                <div class="highlight-box-2">
                    <p>* যেকোন একটি কোর্সে কোর্স নিলে কোন টেলিগ্রাম দেয়া হয় না।</p>
                </div>
            </div>
        </div>
    </section>

    <h1>কোর্স কেনার ফর্ম:</h1>
    <div class="container">
        <form id="customForm">
            <!-- Course Name field -->
            <label for="course-name">কোর্স নাম:</label>
            <input type="text" id="course-name" name="course-name" placeholder="কোর্স নাম লিখুন। ফুল কোর্স নিলে ফুল কোর্স লিখবেন" required>
            
            <!-- Name field -->
            <label for="name">নাম:</label>
            <input type="text" id="name" name="name" placeholder="আপনার নাম লিখুন" required>
            
            <!-- Gmail field -->
            <label for="email">জিমেইল:</label>
            <input type="email" id="email" name="email" placeholder="example@gmail.com" required>
            
            <!-- Payment method field -->
            <label for="payment-method">পেমেন্ট মেথড নির্বাচন করুন:</label>
            <select id="payment-method" name="payment-method" required>
                <option value="" disabled selected>মেথড নির্বাচন করুন</option>
                <option value="bkash">বিকাশ</option>
                <option value="nagad">নগদ</option>
                <option value="rocket">রকেট</option>
            </select>
            
            <!-- Last 3 digits field -->
            <label for="last-three-digits">পেমেন্ট নাম্বারের শেষ তিন ডিজিট:</label>
            <input type="text" id="last-three-digits" name="last-three-digits" placeholder="শেষ তিন ডিজিট" required maxlength="3" pattern="\d{3}" title="দয়া করে ঠিক ৩টি ডিজিট প্রবেশ করুন">
            
            <!-- Submit button -->
            <input type="submit" value="সাবমিট করুন">
        </form>
    </div>        
    

    <div class="box">
        <h1>নিয়মাবলী</h1>
        <p><span class="icon"></span> ফর্মটি সঠিকভাবে পূরণ করলে অটোমেটিক আপনার ইমেইলে কোর্স চলে যাবে। ইমেইল চেক করে কোর্স ওপেন করলে ভিডিওসহ ফাইল ও অন্যান্য সকল কিছু পেয়ে যাবেন। অথবা গুগোল ড্রাইভের শেয়ার অপশনে ফাইল খুঁজে পাবেন।</p>
        <p><span class="icon"></span> তারপর আপনি যে কোর্স একটি করতে চান সেটির ভিডিও টিউটোরিয়াল দেখে যা বলা আছে তা ফলো করুন। নির্দেশনা অনুসারে কাজ করলে আশা করি আপনি সফল হবেন।</p>
        <p style="color: #ff7f50; font-size: 20px;"><span class="icon"></span> কোন প্রয়োজনে কথা বলুন মেসেঞ্জারে।</p>
        <ul>
            <li>☑ সবগুলো হ্যাকই মোবাইল ফোনে করতে পারবেন। কোনো কোডিং লাগবে না।</li>
            <li>☑ প্রতিটি টিউটোরিয়াল ও ফাইল ডাউনলোড করতে পারবেন।</li>
            <li>☑ আমাদের ড্রাইভের এক্সেস আজীবনের জন্য পাবেন।</li>
            <li>☑ আমাদের ৪/৫ ধরনের আর্নিং সাইটের এক্সেস। ৪৫ দিনের মধ্যে ইনভেস্টমেন্ট রিটার্ন ও ইনকাম গ্যারান্টি।</li>
            <li>☑ বন্ধুদেরকে প্যাকেজ সেল করে বা রিসেল করে প্রতি রেফারে ১০% টাকা ইনকামের সুযোগ।</li>
            <li>☑ ওয়েবসাইট অথবা মেসেঞ্জার থেকেও প্যাকেজ কিনতে পারবেন।</li>
            <li>☑ ৩০০০+ কপিরাইট ফ্রি রিলস পাবেন। যেগুলো আপলোড করে মানিটাইজেশন নিতে পারবেন।</li>
            <li>☑ লাইফটাইম আমাদের প্লাটফরম ইউজ করতে পারবেন।</li>
            <li>☑ ২৪/৭ দিন আমাদের এক্সপার্ট সাপোর্ট পাবেন।</li>
            <li>☑ টেলিগ্রাম টিম সাপোর্টসহ সাথে আরো অনেক সিক্রেট কিছু আজীবনের জন্য পাবেন। যেগুলো এখানে উল্লেখ করা নেই।</li>
        </ul>
    </div>

    <div id="popup-message">
        <p>Form Submit Successful! <br> Please Send Join Request To Access Course Bundle. Here are the links:</p>
        <ul>
            <li><a href="https://t.me/+PrUMn0Vpn8gzYmI1" target="_blank">Telegram Group</a></li>
            <li><a href="https://drive.google.com/drive/folders/1mBT9wnkVFFPsU4rcYmoTwwKe5o9lU3pz" target="_blank">Google Drive Folder</a></li>
            <li><a href="https://chat.whatsapp.com/GJHDILVZhQK1J1i42hZ1O9" target="_blank">WhatsApp Group</a></li>
        </ul>
        <button id="close-popup">Close</button>
    </div>
        
    <div class="overlay" id="overlay"></div>
    
    <div class="container">
        <div class="copyright">
            &copy; Copyright <strong><span>Bd Hackers</span></strong>. All Rights Reserved
        </div>
        <div class="credits">
            Designed by <a href="https://t.me/xTheShadowBrokers"><strong><span>The Shadow Brokers</span></strong></a>
        </div>
    </div>
    
    <script>
document.getElementById("customForm").addEventListener("submit", function(event) {
    event.preventDefault();

    // Capture form data and ensure last-three-digits is treated as a string
    const formData = {
        'course-name': document.getElementById('course-name').value, // Course name
        'name': document.getElementById('name').value,              // Name
        'email': document.getElementById('email').value,            // Email
        'payment-method': document.getElementById('payment-method').value, // Payment method
        'last-three-digits': document.getElementById('last-three-digits').value.toString() // Ensure string
    };

    // Send form data to Google Apps Script
    fetch("https://script.google.com/macros/s/AKfycbyBToUYPyzGEptgYJK8WEs_OCVFWCHez8qyDr8wDoyqDAKG6dHyxh3NThJ8-nbJoTKo/exec", {
        method: "POST",
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
        },
        body: new URLSearchParams(formData) // URL-encoded format
    })
    .then(response => response.text())
    .then(data => {
        console.log("Response from Google Apps Script:", data); // Log the response from Google Apps Script
        if (data === "Success") {
            document.getElementById("popup-message").style.display = "block";
            document.getElementById("overlay").style.display = "block";
            document.getElementById("customForm").reset(); // Reset form after submission
        } else {
            alert("Form submission failed. Please try again.");
        }
    })
    .catch(error => {
        console.error("Error:", error); // Log any errors that occur during the fetch request
        alert("An error occurred. Please try again.");
    });
});

// Close the popup message when "Close" button is clicked
document.getElementById("close-popup").addEventListener("click", function() {
    document.getElementById("popup-message").style.display = "none";
    document.getElementById("overlay").style.display = "none";
});


// Function to copy text (e.g., phone number)
function copyNumber(elementId) {
    const numberElement = document.getElementById(elementId);
    const textArea = document.createElement("textarea");
    textArea.value = numberElement.textContent.trim();
    document.body.appendChild(textArea);
    textArea.select();
    document.execCommand("copy");
    document.body.removeChild(textArea);
    alert("Number copied: " + textArea.value);
}
    </script>
</body>

<!-- Mirrored from bdhackers.netlify.app/payment by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 14 Dec 2024 19:23:56 GMT -->
</html>
