Bismillah Assignments \u00b7 olive green & yellow<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', 'Poppins', system-ui, sans-serif;\n }\n\n body {\n min-height: 100vh;\n background: #556b2f;\n background: linear-gradient(145deg, #3f5a1f 0%, #6b8e4c 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.2rem;\n }\n\n .main-card {\n max-width: 1400px;\n width: 100%;\n background: #f5f7da;\n border-radius: 70px;\n padding: 2.2rem 2rem;\n box-shadow: 0 30px 50px -15px #1e2e0e, 0 0 0 3px #b8860b, 0 0 0 7px #e9e1a3;\n border: 2px solid #9c7e3c;\n }\n\n .bismillah-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n background: #4a6320;\n border-radius: 90px;\n padding: 0.7rem 2rem;\n border: 3px solid #f3d572;\n margin-bottom: 1.8rem;\n box-shadow: 0 8px 0 #2b3d13;\n }\n\n .bismillah-arabic {\n font-size: 2.4rem;\n font-family: 'Traditional Arabic', 'Noto Naskh Arabic', serif;\n color: #faf7cf;\n background: #6d8c3f;\n padding: 0.2rem 2rem;\n border-radius: 60px;\n border: 2px solid #f5d97b;\n }\n\n .bismillah-arabic span {\n font-family: 'Segoe UI', sans-serif;\n font-size: 1.1rem;\n color: #fff8cf;\n margin-left: 10px;\n }\n\n .tag {\n background: #f5d742;\n color: #2d4715;\n font-weight: 700;\n padding: 0.7rem 2.5rem;\n border-radius: 60px;\n font-size: 1.2rem;\n border: 2px solid #4d6b1f;\n box-shadow: 0 5px 0 #7f993a;\n }\n\n .image-strip {\n display: flex;\n flex-wrap: wrap;\n gap: 1.2rem;\n justify-content: center;\n margin: 2rem 0 2.2rem;\n }\n\n .image-item {\n background: #c5b45b;\n border-radius: 70px;\n padding: 0.8rem 2.2rem;\n border: 2px solid #365016;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n color: #23380f;\n box-shadow: 0 6px 0 #5e7834;\n }\n\n .image-item i {\n font-size: 2rem;\n color: #2d4515;\n }\n\n .section-head {\n font-size: 2.3rem;\n font-weight: 800;\n color: #3e5918;\n border-left: 12px solid #e5b73b;\n padding-left: 1.5rem;\n margin: 1.8rem 0 2rem;\n text-shadow: 1px 1px 0 #f9e29c;\n }\n\n .package-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 2.2rem;\n justify-content: center;\n margin-bottom: 2.5rem;\n }\n\n .card {\n background: linear-gradient(145deg, #f9f7cf, #f5eab0);\n border-radius: 70px;\n padding: 2rem 1.5rem;\n width: 280px;\n border: 3px solid #7e9f4d;\n box-shadow: 0 20px 25px -12px #3d571d, 0 0 0 2px #f5e182 inset;\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 8px;\n background: linear-gradient(90deg, #b8860b, #f5d742, #b8860b);\n }\n\n .card:hover {\n transform: translateY(-10px);\n border-color: #b8860b;\n box-shadow: 0 30px 35px -15px #26400e, 0 0 0 4px #f9de8c inset;\n background: linear-gradient(145deg, #fffff0, #faf0c0);\n }\n\n .fees {\n background: linear-gradient(145deg, #6b8c42, #5a7a35);\n color: #fffac2;\n font-size: 2.6rem;\n font-weight: 800;\n padding: 0.2rem 2rem;\n border-radius: 80px;\n display: inline-block;\n border: 3px solid #f5cf6a;\n box-shadow: 0 5px 0 #3d5a1e;\n margin-bottom: 1.2rem;\n text-shadow: 2px 2px 0 #3d5a1e;\n }\n\n .pages {\n font-size: 2.2rem;\n font-weight: 800;\n color: #3c5b18;\n background: linear-gradient(145deg, #f9eaa0, #f5dd8a);\n display: inline-block;\n padding: 0.2rem 1.8rem;\n border-radius: 60px;\n border: 2px solid #7f9f4a;\n box-shadow: 0 4px 0 #6b8c42;\n }\n\n .salary {\n background: linear-gradient(145deg, #c9b152, #b89f45);\n color: #1b2e0b;\n border-radius: 70px;\n padding: 0.9rem 1rem;\n font-size: 2rem;\n font-weight: 800;\n margin: 1.2rem 0;\n border: 3px solid #fbe38e;\n box-shadow: 0 5px 0 #5e783a;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-shadow: 1px 1px 0 #fbe38e;\n }\n\n .work-type {\n display: flex;\n flex-wrap: wrap;\n gap: 0.8rem;\n justify-content: center;\n margin-top: 0.8rem;\n }\n\n .work-type span {\n background: linear-gradient(145deg, #a4b85c, #8fa84a);\n color: #1d3110;\n font-weight: 700;\n padding: 0.7rem 1.5rem;\n border-radius: 50px;\n font-size: 1rem;\n border: 2px solid #f3da81;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n box-shadow: 0 4px 0 #5e783a;\n transition: all 0.2s;\n }\n\n .work-type span:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 0 #5e783a;\n }\n\n .work-type i {\n color: #2d4715;\n }\n\n .reg-page {\n display: none;\n background: #f7f2cf;\n border-radius: 80px;\n padding: 2.5rem;\n border: 5px solid #6d8f3a;\n box-shadow: 0 0 0 5px #fbe1a4, 0 25px 30px -10px #2b4413;\n margin-top: 2rem;\n }\n\n .reg-page.active { display: block; }\n\n .reg-head {\n font-size: 2.2rem;\n font-weight: 800;\n background: #55752b;\n color: #fcf6c5;\n padding: 1rem 2.2rem;\n border-radius: 80px;\n display: inline-block;\n border: 3px solid #f5cf6a;\n margin-bottom: 2rem;\n }\n\n .payment-page {\n display: none;\n background: #f9f3d9;\n border-radius: 80px;\n padding: 2.5rem;\n border: 6px solid #6d903a;\n box-shadow: 0 0 0 5px #fbe6a8, 0 30px 40px -15px #1c310e;\n margin-top: 2rem;\n }\n\n .payment-page.active { display: block; }\n\n .payment-header {\n font-size: 2.2rem;\n background: #4d6b28;\n color: #fcf5cf;\n padding: 1rem 3rem;\n border-radius: 90px;\n display: inline-block;\n border: 3px solid #f5cf6a;\n font-weight: 700;\n }\n\n .accounts-container {\n display: flex;\n flex-wrap: wrap;\n gap: 2.5rem;\n justify-content: center;\n margin: 2.5rem 0;\n }\n\n .account-card {\n background: #f7f0c7;\n border-radius: 80px;\n padding: 2rem 2.5rem;\n min-width: 320px;\n border: 4px solid #769b41;\n box-shadow: 0 12px 0 #4d692c;\n text-align: center;\n transition: all 0.3s;\n }\n\n .account-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 17px 0 #4d692c;\n }\n\n .account-card i {\n font-size: 3.8rem;\n background: #5e7f32;\n color: #faf0ae;\n padding: 1rem;\n border-radius: 60px;\n border: 3px solid #f5d572;\n }\n\n .account-title {\n font-size: 1.6rem;\n font-weight: 800;\n background: #6b8c3f;\n color: #fffacf;\n padding: 0.5rem 1.5rem;\n border-radius: 60px;\n margin: 1rem 0;\n border: 3px solid #f5da7a;\n }\n\n .account-number {\n font-size: 2.3rem;\n font-weight: 800;\n background: #3f601a;\n color: #fffcd4;\n padding: 0.8rem 1rem;\n border-radius: 90px;\n border: 3px solid #f5d572;\n }\n\n .copy-btn {\n background: #e5c760;\n color: #1e3311;\n border: none;\n padding: 0.9rem 2.5rem;\n border-radius: 60px;\n font-weight: 700;\n font-size: 1.2rem;\n border: 3px solid #fcf6d2;\n margin-top: 1.2rem;\n cursor: pointer;\n box-shadow: 0 5px 0 #8b9f4a;\n transition: all 0.2s;\n }\n\n .copy-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 7px 0 #8b9f4a;\n }\n\n \/* Pending Fees Notice - \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 WhatsApp cards *\/\n .pending-fees-container {\n background: linear-gradient(145deg, #c9b152, #b89f45);\n border-radius: 80px;\n padding: 2.5rem;\n margin: 2.5rem 0;\n border: 4px solid #f5d572;\n box-shadow: 0 15px 0 #5e783a;\n text-align: center;\n }\n\n .pending-fees-icon {\n font-size: 4rem;\n color: #1e3512;\n background: #f5d742;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n border: 4px solid #f5d572;\n }\n\n .pending-fees-title {\n font-size: 2.5rem;\n font-weight: 800;\n color: #1e3512;\n margin-bottom: 1rem;\n text-shadow: 2px 2px 0 #f5d572;\n }\n\n .pending-fees-amount {\n font-size: 4rem;\n font-weight: 900;\n color: #1e3512;\n background: #f5d742;\n display: inline-block;\n padding: 1rem 3rem;\n border-radius: 80px;\n margin: 1rem 0;\n border: 4px solid #f5d572;\n box-shadow: 0 8px 0 #5e783a;\n }\n\n .pending-fees-note {\n font-size: 1.5rem;\n color: #1e3512;\n margin-top: 1rem;\n font-weight: 600;\n }\n\n .pending-fees-note i {\n margin: 0 0.5rem;\n color: #1e3512;\n }\n\n .package-summary {\n background: #55752b;\n color: #fcf6c5;\n border-radius: 80px;\n padding: 1.5rem;\n margin-bottom: 2rem;\n font-size: 1.5rem;\n font-weight: 700;\n text-align: center;\n border: 3px solid #f5cf6a;\n }\n\n .field label {\n background: #7b9f49;\n color: #fcf9cf;\n padding: 0.5rem 1.8rem;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 0.5rem;\n border: 2px solid #f5cf6a;\n }\n\n .field input, .field select {\n width: 100%;\n padding: 1rem;\n border-radius: 60px;\n border: 3px solid #6d903a;\n background: #fcfae7;\n font-size: 1rem;\n }\n\n .gender-group {\n background: #d9cb84;\n padding: 0.8rem 2rem;\n border-radius: 60px;\n border: 2px solid #f5cf6a;\n color: #1d3410;\n }\n\n .btn-back, .btn-reg {\n border: none;\n padding: 1rem 3rem;\n border-radius: 70px;\n font-weight: 700;\n font-size: 1.5rem;\n cursor: pointer;\n border: 3px solid #f5da7a;\n }\n\n .btn-back { background: #5e7b36; color: #fefbd3; box-shadow: 0 6px 0 #355016; }\n .btn-reg { background: #c5ab4b; color: #1e3512; box-shadow: 0 6px 0 #7e9542; }\n\n .footer-note {\n margin-top: 2rem;\n text-align: center;\n font-size: 1.2rem;\n font-weight: 500;\n color: #fcfad9;\n background: #57752b;\n padding: 0.8rem 2rem;\n border-radius: 60px;\n border: 2px solid #f5cf6a;\n display: inline-block;\n width: auto;\n margin-left: auto;\n margin-right: auto;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"main-card\">\n \n <div class=\"bismillah-bar\">\n <div class=\"bismillah-arabic\">\ufdfd <span>Bismillah Assignments<\/span><\/div>\n <div class=\"tag\"><i class=\"fas fa-pen-fancy\"><\/i> handwritten & typing<\/div>\n <\/div>\n\n \n <div class=\"image-strip\">\n <div class=\"image-item\"><i class=\"fas fa-file-alt\"><\/i> Assignments<\/div>\n <div class=\"image-item\"><i class=\"fas fa-scroll\"><\/i> Projects<\/div>\n <div class=\"image-item\"><i class=\"fas fa-file-pdf\"><\/i> PDF scan<\/div>\n <div class=\"image-item\"><i class=\"fas fa-camera-retro\"><\/i> handwritten pic<\/div>\n <\/div>\n\n \n <div class=\"section-head\"><i class=\"fas fa-gem\" style=\"color:#b8860b;\"><\/i> choose your package (PKR)<\/div>\n\n \n <div class=\"package-grid\" id=\"packageGrid\">\n \n <div class=\"card\" data-fees=\"1000\" data-pages=\"3\" data-daily=\"3000\" data-package=\"1\">\n <div class=\"fees\"><small>PKR<\/small> 1000<\/div>\n <div class=\"pages\">3 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 3000\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"1500\" data-pages=\"5\" data-daily=\"4000\" data-package=\"2\">\n <div class=\"fees\"><small>PKR<\/small> 1500<\/div>\n <div class=\"pages\">5 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 4000\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"2000\" data-pages=\"7\" data-daily=\"5500\" data-package=\"3\">\n <div class=\"fees\"><small>PKR<\/small> 2000<\/div>\n <div class=\"pages\">7 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 5500\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"2500\" data-pages=\"9\" data-daily=\"6500\" data-package=\"4\">\n <div class=\"fees\"><small>PKR<\/small> 2500<\/div>\n <div class=\"pages\">9 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 6500\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"3000\" data-pages=\"11\" data-daily=\"8000\" data-package=\"5\">\n <div class=\"fees\"><small>PKR<\/small> 3000<\/div>\n <div class=\"pages\">11 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 8000\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"3500\" data-pages=\"13\" data-daily=\"10500\" data-package=\"6\">\n <div class=\"fees\"><small>PKR<\/small> 3500<\/div>\n <div class=\"pages\">13 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 10500\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"registrationPage\" class=\"reg-page\">\n <div class=\"reg-head\"><i class=\"fas fa-edit\"><\/i> registration form<\/div>\n <div id=\"regPackageSummary\" class=\"package-summary\">PKR 1000 \u00b7 3 pages \u00b7 daily PKR 3000<\/div>\n <form id=\"registrationForm\">\n <div class=\"form-row\" style=\"display:flex; flex-wrap:wrap; gap:1.8rem;\">\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fas fa-user\"><\/i> Full name<\/label>\n <input type=\"text\" id=\"fullName\" placeholder=\"Muhammad Ali\" required>\n <\/div>\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fas fa-id-card\"><\/i> CNIC number<\/label>\n <input type=\"text\" id=\"cnic\" placeholder=\"xxxxx-xxxxxxx-x\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\" style=\"display:flex; flex-wrap:wrap; gap:1.8rem;\">\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fas fa-graduation-cap\"><\/i> Qualification<\/label>\n <select id=\"qualification\" required>\n <option value=\"\">— select —<\/option>\n <option value=\"Matric\">Matric<\/option>\n <option value=\"Intermediate\">Intermediate<\/option>\n <option value=\"Bachelor\">Bachelor<\/option>\n <option value=\"Master\">Master<\/option>\n <option value=\"Other\">Other<\/option>\n <\/select>\n <\/div>\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fab fa-whatsapp\"><\/i> WhatsApp number<\/label>\n <input type=\"tel\" id=\"whatsapp\" placeholder=\"03xxxxxxxxx\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"field\">\n <label><i class=\"fas fa-venus-mars\"><\/i> Gender<\/label>\n <div class=\"gender-group\">\n <label><input type=\"radio\" name=\"gender\" value=\"Male\" required> Male<\/label>\n <label><input type=\"radio\" name=\"gender\" value=\"Female\"> Female<\/label>\n <label><input type=\"radio\" name=\"gender\" value=\"Other\"> Other<\/label>\n <\/div>\n <\/div>\n <\/div>\n <input type=\"hidden\" id=\"selectedPackage\" value=\"1\">\n <input type=\"hidden\" id=\"selectedFees\" value=\"1000\">\n <input type=\"hidden\" id=\"selectedPages\" value=\"3\">\n <input type=\"hidden\" id=\"selectedDaily\" value=\"3000\">\n <div class=\"btn-row\" style=\"display:flex; gap:2rem; justify-content:center; margin:2.5rem 0 1rem;\">\n <button type=\"button\" class=\"btn-back\" id=\"backToPackagesBtn\"><i class=\"fas fa-arrow-left\"><\/i> back<\/button>\n <button type=\"submit\" class=\"btn-reg\" id=\"registerBtn\"><i class=\"fas fa-check-circle\"><\/i> register & view payment<\/button>\n <\/div>\n <\/form>\n <\/div>\n\n \n <div id=\"paymentPage\" class=\"payment-page\">\n <div style=\"text-align: center;\">\n <div class=\"payment-header\"><i class=\"fas fa-coins\"><\/i> payment details<\/div>\n <\/div>\n \n \n <div id=\"paymentPackageSummary\" class=\"package-summary\" style=\"background: #c5ab4b; color: #1e3512;\">\n Selected Package: PKR 1000 \u00b7 3 pages \u00b7 daily PKR 3000\n <\/div>\n\n \n <div class=\"accounts-container\">\n \n <div class=\"account-card\">\n <i class=\"fas fa-mobile-alt\"><\/i>\n <div class=\"account-title\">EasyPaisa (M Aslam)<\/div>\n <div class=\"account-number\" id=\"easyNumberDisplay\">0344 2316061<\/div>\n <button class=\"copy-btn\" id=\"copyEasyBtn\"><i class=\"far fa-copy\"><\/i> copy number<\/button>\n <\/div>\n \n <div class=\"account-card\">\n <i class=\"fas fa-wallet\"><\/i>\n <div class=\"account-title\">JazzCash (Abdullah Younis)<\/div>\n <div class=\"account-number\" id=\"jazzNumberDisplay\">0346 7692844<\/div>\n <button class=\"copy-btn\" id=\"copyJazzBtn\"><i class=\"far fa-copy\"><\/i> copy number<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"pending-fees-container\" id=\"pendingFeesNotice\">\n <div class=\"pending-fees-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"pending-fees-title\">\n PENDING FEES\n <\/div>\n <div class=\"pending-fees-amount\" id=\"pendingFeesAmount\">\n PKR 1000\n <\/div>\n <div class=\"pending-fees-note\">\n <i class=\"fas fa-exclamation-triangle\"><\/i> \u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0645\u0642\u0631\u0631\u06c1 \u0645\u062f\u062a \u0645\u06cc\u06ba \u0641\u06cc\u0633 \u062c\u0645\u0639 \u06a9\u0631\u0648\u0627\u0626\u06cc\u06ba <i class=\"fas fa-exclamation-triangle\"><\/i>\n <\/div>\n <div class=\"pending-fees-note\" style=\"font-size: 1.2rem; margin-top: 1rem;\">\n \u0622\u067e \u06a9\u06d2 \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u062f\u06c1 \u067e\u06cc\u06a9\u062c \u06a9\u06cc \u0641\u06cc\u0633: <span id=\"pendingFeesHighlight\" style=\"background:#f5d742; padding:0.2rem 1rem; border-radius:40px;\">PKR 1000<\/span>\n <\/div>\n <\/div>\n\n <div class=\"windows-activation\" style=\"background: #607d39; border-radius: 80px; padding: 1.2rem 2.5rem; font-size: 1.3rem; color: #fefad5; border: 3px solid #f5cf6a; display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 2rem;\">\n <i class=\"fab fa-windows\"><\/i> Activate Windows <span style=\"font-weight:400; margin-left:10px;\">Go to Settings to activate Windows.<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; margin-top: 2rem;\">\n <div class=\"footer-note\">\u2728 daily salary via JazzCash \/ EasyPaisa \u00b7 Pakistan \u2728<\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"display:none;\" id=\"rawJazz\">03467692844<\/div>\n<div style=\"display:none;\" id=\"rawEasy\">03442316061<\/div>\n\n<script>\n (function() {\n const packageGrid = document.getElementById('packageGrid');\n const regPage = document.getElementById('registrationPage');\n const paymentPage = document.getElementById('paymentPage');\n const backBtn = document.getElementById('backToPackagesBtn');\n const regForm = document.getElementById('registrationForm');\n const regSummary = document.getElementById('regPackageSummary');\n const paymentSummary = document.getElementById('paymentPackageSummary');\n const pendingFeesAmount = document.getElementById('pendingFeesAmount');\n const pendingFeesHighlight = document.getElementById('pendingFeesHighlight');\n const hiddenPackage = document.getElementById('selectedPackage');\n const hiddenFees = document.getElementById('selectedFees');\n const hiddenPages = document.getElementById('selectedPages');\n const hiddenDaily = document.getElementById('selectedDaily');\n const fullName = document.getElementById('fullName');\n const cnic = document.getElementById('cnic');\n const qualification = document.getElementById('qualification');\n const whatsapp = document.getElementById('whatsapp');\n const genderRadios = document.getElementsByName('gender');\n const copyJazz = document.getElementById('copyJazzBtn');\n const copyEasy = document.getElementById('copyEasyBtn');\n const rawJazz = document.getElementById('rawJazz');\n const rawEasy = document.getElementById('rawEasy');\n\n let selectedPackageData = {};\n\n \/\/ Package click handler\n document.querySelectorAll('.card').forEach(card => {\n card.addEventListener('click', function() {\n const packageId = this.getAttribute('data-package');\n const fees = this.getAttribute('data-fees');\n const pages = this.getAttribute('data-pages');\n const daily = this.getAttribute('data-daily');\n \n selectedPackageData = {\n id: packageId,\n fees: fees,\n pages: pages,\n daily: daily\n };\n \n regSummary.innerText = `PKR ${fees} \u00b7 ${pages} pages \u00b7 daily PKR ${daily}`;\n hiddenPackage.value = packageId;\n hiddenFees.value = fees;\n hiddenPages.value = pages;\n hiddenDaily.value = daily;\n \n document.querySelector('.package-grid').style.display = 'none';\n document.querySelector('.section-head').style.display = 'none';\n paymentPage.classList.remove('active');\n regPage.classList.add('active');\n regPage.style.display = 'block';\n });\n });\n\n \/\/ Back button\n backBtn.addEventListener('click', function() {\n regPage.classList.remove('active');\n regPage.style.display = 'none';\n paymentPage.classList.remove('active');\n document.querySelector('.package-grid').style.display = 'flex';\n document.querySelector('.section-head').style.display = 'block';\n });\n\n \/\/ Form submit handler\n regForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n let nameVal = fullName.value.trim();\n let cnicVal = cnic.value.trim();\n let qualVal = qualification.value;\n let waVal = whatsapp.value.trim();\n let genderVal = '';\n \n for (let r of genderRadios) if (r.checked) genderVal = r.value;\n \n if (!nameVal || !cnicVal || !qualVal || !waVal || !genderVal) {\n alert('Please fill all fields');\n return;\n }\n \n if (!cnicVal.match(\/^\\d{5}-\\d{7}-\\d$\/)) {\n alert('Use CNIC format: xxxxx-xxxxxxx-x');\n return;\n }\n \n if (!waVal.match(\/^03\\d{9}$\/)) {\n alert('Use WhatsApp format: 03xxxxxxxxx');\n return;\n }\n \n \/\/ Update payment page summary\n paymentSummary.innerText = `Selected Package: PKR ${hiddenFees.value} \u00b7 ${hiddenPages.value} pages \u00b7 daily PKR ${hiddenDaily.value}`;\n \n \/\/ Update pending fees notice\n pendingFeesAmount.innerText = `PKR ${hiddenFees.value}`;\n pendingFeesHighlight.innerText = `PKR ${hiddenFees.value}`;\n \n regPage.classList.remove('active');\n regPage.style.display = 'none';\n paymentPage.classList.add('active');\n paymentPage.style.display = 'block';\n });\n\n \/\/ Copy buttons\n copyJazz.addEventListener('click', ()=> {\n navigator.clipboard.writeText(rawJazz.innerText.trim())\n .then(()=>alert('JazzCash copied: 0346 7692844'));\n });\n \n copyEasy.addEventListener('click', ()=> {\n navigator.clipboard.writeText(rawEasy.innerText.trim())\n .then(()=>alert('EasyPaisa copied: 0344 2316061'));\n });\n\n \/\/ Initial states\n regPage.style.display = 'none';\n paymentPage.classList.remove('active');\n })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bismillah Assignments \u00b7 olive green & yellow \ufdfd Bismillah Assignments handwritten & typing Assignments Projects PDF scan handwritten pic choose […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":11,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10,"date":"2026-02-14T09:36:35","date_gmt":"2026-02-14T09:36:35","guid":{"rendered":"https:\/\/bismillahassignment.com\/?page_id=10"},"modified":"2026-03-19T05:17:42","modified_gmt":"2026-03-19T05:17:42","slug":"bismillah-assignment-work","status":"publish","type":"page","link":"https:\/\/bismillahassignment.com\/","title":{"rendered":"Bismillah Assignment Work"},"content":{"rendered":"\n\n\n\n \n \n Bismillah Assignments \u00b7 olive green & yellow<\/title>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', 'Poppins', system-ui, sans-serif;\n }\n\n body {\n min-height: 100vh;\n background: #556b2f;\n background: linear-gradient(145deg, #3f5a1f 0%, #6b8e4c 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1.2rem;\n }\n\n .main-card {\n max-width: 1400px;\n width: 100%;\n background: #f5f7da;\n border-radius: 70px;\n padding: 2.2rem 2rem;\n box-shadow: 0 30px 50px -15px #1e2e0e, 0 0 0 3px #b8860b, 0 0 0 7px #e9e1a3;\n border: 2px solid #9c7e3c;\n }\n\n .bismillah-bar {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n align-items: center;\n background: #4a6320;\n border-radius: 90px;\n padding: 0.7rem 2rem;\n border: 3px solid #f3d572;\n margin-bottom: 1.8rem;\n box-shadow: 0 8px 0 #2b3d13;\n }\n\n .bismillah-arabic {\n font-size: 2.4rem;\n font-family: 'Traditional Arabic', 'Noto Naskh Arabic', serif;\n color: #faf7cf;\n background: #6d8c3f;\n padding: 0.2rem 2rem;\n border-radius: 60px;\n border: 2px solid #f5d97b;\n }\n\n .bismillah-arabic span {\n font-family: 'Segoe UI', sans-serif;\n font-size: 1.1rem;\n color: #fff8cf;\n margin-left: 10px;\n }\n\n .tag {\n background: #f5d742;\n color: #2d4715;\n font-weight: 700;\n padding: 0.7rem 2.5rem;\n border-radius: 60px;\n font-size: 1.2rem;\n border: 2px solid #4d6b1f;\n box-shadow: 0 5px 0 #7f993a;\n }\n\n .image-strip {\n display: flex;\n flex-wrap: wrap;\n gap: 1.2rem;\n justify-content: center;\n margin: 2rem 0 2.2rem;\n }\n\n .image-item {\n background: #c5b45b;\n border-radius: 70px;\n padding: 0.8rem 2.2rem;\n border: 2px solid #365016;\n display: flex;\n align-items: center;\n gap: 12px;\n font-weight: 600;\n color: #23380f;\n box-shadow: 0 6px 0 #5e7834;\n }\n\n .image-item i {\n font-size: 2rem;\n color: #2d4515;\n }\n\n .section-head {\n font-size: 2.3rem;\n font-weight: 800;\n color: #3e5918;\n border-left: 12px solid #e5b73b;\n padding-left: 1.5rem;\n margin: 1.8rem 0 2rem;\n text-shadow: 1px 1px 0 #f9e29c;\n }\n\n .package-grid {\n display: flex;\n flex-wrap: wrap;\n gap: 2.2rem;\n justify-content: center;\n margin-bottom: 2.5rem;\n }\n\n .card {\n background: linear-gradient(145deg, #f9f7cf, #f5eab0);\n border-radius: 70px;\n padding: 2rem 1.5rem;\n width: 280px;\n border: 3px solid #7e9f4d;\n box-shadow: 0 20px 25px -12px #3d571d, 0 0 0 2px #f5e182 inset;\n transition: all 0.3s ease;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 8px;\n background: linear-gradient(90deg, #b8860b, #f5d742, #b8860b);\n }\n\n .card:hover {\n transform: translateY(-10px);\n border-color: #b8860b;\n box-shadow: 0 30px 35px -15px #26400e, 0 0 0 4px #f9de8c inset;\n background: linear-gradient(145deg, #fffff0, #faf0c0);\n }\n\n .fees {\n background: linear-gradient(145deg, #6b8c42, #5a7a35);\n color: #fffac2;\n font-size: 2.6rem;\n font-weight: 800;\n padding: 0.2rem 2rem;\n border-radius: 80px;\n display: inline-block;\n border: 3px solid #f5cf6a;\n box-shadow: 0 5px 0 #3d5a1e;\n margin-bottom: 1.2rem;\n text-shadow: 2px 2px 0 #3d5a1e;\n }\n\n .pages {\n font-size: 2.2rem;\n font-weight: 800;\n color: #3c5b18;\n background: linear-gradient(145deg, #f9eaa0, #f5dd8a);\n display: inline-block;\n padding: 0.2rem 1.8rem;\n border-radius: 60px;\n border: 2px solid #7f9f4a;\n box-shadow: 0 4px 0 #6b8c42;\n }\n\n .salary {\n background: linear-gradient(145deg, #c9b152, #b89f45);\n color: #1b2e0b;\n border-radius: 70px;\n padding: 0.9rem 1rem;\n font-size: 2rem;\n font-weight: 800;\n margin: 1.2rem 0;\n border: 3px solid #fbe38e;\n box-shadow: 0 5px 0 #5e783a;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n text-shadow: 1px 1px 0 #fbe38e;\n }\n\n .work-type {\n display: flex;\n flex-wrap: wrap;\n gap: 0.8rem;\n justify-content: center;\n margin-top: 0.8rem;\n }\n\n .work-type span {\n background: linear-gradient(145deg, #a4b85c, #8fa84a);\n color: #1d3110;\n font-weight: 700;\n padding: 0.7rem 1.5rem;\n border-radius: 50px;\n font-size: 1rem;\n border: 2px solid #f3da81;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n box-shadow: 0 4px 0 #5e783a;\n transition: all 0.2s;\n }\n\n .work-type span:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 0 #5e783a;\n }\n\n .work-type i {\n color: #2d4715;\n }\n\n .reg-page {\n display: none;\n background: #f7f2cf;\n border-radius: 80px;\n padding: 2.5rem;\n border: 5px solid #6d8f3a;\n box-shadow: 0 0 0 5px #fbe1a4, 0 25px 30px -10px #2b4413;\n margin-top: 2rem;\n }\n\n .reg-page.active { display: block; }\n\n .reg-head {\n font-size: 2.2rem;\n font-weight: 800;\n background: #55752b;\n color: #fcf6c5;\n padding: 1rem 2.2rem;\n border-radius: 80px;\n display: inline-block;\n border: 3px solid #f5cf6a;\n margin-bottom: 2rem;\n }\n\n .payment-page {\n display: none;\n background: #f9f3d9;\n border-radius: 80px;\n padding: 2.5rem;\n border: 6px solid #6d903a;\n box-shadow: 0 0 0 5px #fbe6a8, 0 30px 40px -15px #1c310e;\n margin-top: 2rem;\n }\n\n .payment-page.active { display: block; }\n\n .payment-header {\n font-size: 2.2rem;\n background: #4d6b28;\n color: #fcf5cf;\n padding: 1rem 3rem;\n border-radius: 90px;\n display: inline-block;\n border: 3px solid #f5cf6a;\n font-weight: 700;\n }\n\n .accounts-container {\n display: flex;\n flex-wrap: wrap;\n gap: 2.5rem;\n justify-content: center;\n margin: 2.5rem 0;\n }\n\n .account-card {\n background: #f7f0c7;\n border-radius: 80px;\n padding: 2rem 2.5rem;\n min-width: 320px;\n border: 4px solid #769b41;\n box-shadow: 0 12px 0 #4d692c;\n text-align: center;\n transition: all 0.3s;\n }\n\n .account-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 17px 0 #4d692c;\n }\n\n .account-card i {\n font-size: 3.8rem;\n background: #5e7f32;\n color: #faf0ae;\n padding: 1rem;\n border-radius: 60px;\n border: 3px solid #f5d572;\n }\n\n .account-title {\n font-size: 1.6rem;\n font-weight: 800;\n background: #6b8c3f;\n color: #fffacf;\n padding: 0.5rem 1.5rem;\n border-radius: 60px;\n margin: 1rem 0;\n border: 3px solid #f5da7a;\n }\n\n .account-number {\n font-size: 2.3rem;\n font-weight: 800;\n background: #3f601a;\n color: #fffcd4;\n padding: 0.8rem 1rem;\n border-radius: 90px;\n border: 3px solid #f5d572;\n }\n\n .copy-btn {\n background: #e5c760;\n color: #1e3311;\n border: none;\n padding: 0.9rem 2.5rem;\n border-radius: 60px;\n font-weight: 700;\n font-size: 1.2rem;\n border: 3px solid #fcf6d2;\n margin-top: 1.2rem;\n cursor: pointer;\n box-shadow: 0 5px 0 #8b9f4a;\n transition: all 0.2s;\n }\n\n .copy-btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 7px 0 #8b9f4a;\n }\n\n \/* Pending Fees Notice - \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 WhatsApp cards *\/\n .pending-fees-container {\n background: linear-gradient(145deg, #c9b152, #b89f45);\n border-radius: 80px;\n padding: 2.5rem;\n margin: 2.5rem 0;\n border: 4px solid #f5d572;\n box-shadow: 0 15px 0 #5e783a;\n text-align: center;\n }\n\n .pending-fees-icon {\n font-size: 4rem;\n color: #1e3512;\n background: #f5d742;\n width: 100px;\n height: 100px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n border: 4px solid #f5d572;\n }\n\n .pending-fees-title {\n font-size: 2.5rem;\n font-weight: 800;\n color: #1e3512;\n margin-bottom: 1rem;\n text-shadow: 2px 2px 0 #f5d572;\n }\n\n .pending-fees-amount {\n font-size: 4rem;\n font-weight: 900;\n color: #1e3512;\n background: #f5d742;\n display: inline-block;\n padding: 1rem 3rem;\n border-radius: 80px;\n margin: 1rem 0;\n border: 4px solid #f5d572;\n box-shadow: 0 8px 0 #5e783a;\n }\n\n .pending-fees-note {\n font-size: 1.5rem;\n color: #1e3512;\n margin-top: 1rem;\n font-weight: 600;\n }\n\n .pending-fees-note i {\n margin: 0 0.5rem;\n color: #1e3512;\n }\n\n .package-summary {\n background: #55752b;\n color: #fcf6c5;\n border-radius: 80px;\n padding: 1.5rem;\n margin-bottom: 2rem;\n font-size: 1.5rem;\n font-weight: 700;\n text-align: center;\n border: 3px solid #f5cf6a;\n }\n\n .field label {\n background: #7b9f49;\n color: #fcf9cf;\n padding: 0.5rem 1.8rem;\n border-radius: 50px;\n display: inline-block;\n margin-bottom: 0.5rem;\n border: 2px solid #f5cf6a;\n }\n\n .field input, .field select {\n width: 100%;\n padding: 1rem;\n border-radius: 60px;\n border: 3px solid #6d903a;\n background: #fcfae7;\n font-size: 1rem;\n }\n\n .gender-group {\n background: #d9cb84;\n padding: 0.8rem 2rem;\n border-radius: 60px;\n border: 2px solid #f5cf6a;\n color: #1d3410;\n }\n\n .btn-back, .btn-reg {\n border: none;\n padding: 1rem 3rem;\n border-radius: 70px;\n font-weight: 700;\n font-size: 1.5rem;\n cursor: pointer;\n border: 3px solid #f5da7a;\n }\n\n .btn-back { background: #5e7b36; color: #fefbd3; box-shadow: 0 6px 0 #355016; }\n .btn-reg { background: #c5ab4b; color: #1e3512; box-shadow: 0 6px 0 #7e9542; }\n\n .footer-note {\n margin-top: 2rem;\n text-align: center;\n font-size: 1.2rem;\n font-weight: 500;\n color: #fcfad9;\n background: #57752b;\n padding: 0.8rem 2rem;\n border-radius: 60px;\n border: 2px solid #f5cf6a;\n display: inline-block;\n width: auto;\n margin-left: auto;\n margin-right: auto;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"main-card\">\n \n <div class=\"bismillah-bar\">\n <div class=\"bismillah-arabic\">\ufdfd <span>Bismillah Assignments<\/span><\/div>\n <div class=\"tag\"><i class=\"fas fa-pen-fancy\"><\/i> handwritten & typing<\/div>\n <\/div>\n\n \n <div class=\"image-strip\">\n <div class=\"image-item\"><i class=\"fas fa-file-alt\"><\/i> Assignments<\/div>\n <div class=\"image-item\"><i class=\"fas fa-scroll\"><\/i> Projects<\/div>\n <div class=\"image-item\"><i class=\"fas fa-file-pdf\"><\/i> PDF scan<\/div>\n <div class=\"image-item\"><i class=\"fas fa-camera-retro\"><\/i> handwritten pic<\/div>\n <\/div>\n\n \n <div class=\"section-head\"><i class=\"fas fa-gem\" style=\"color:#b8860b;\"><\/i> choose your package (PKR)<\/div>\n\n \n <div class=\"package-grid\" id=\"packageGrid\">\n \n <div class=\"card\" data-fees=\"1000\" data-pages=\"3\" data-daily=\"3000\" data-package=\"1\">\n <div class=\"fees\"><small>PKR<\/small> 1000<\/div>\n <div class=\"pages\">3 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 3000\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"1500\" data-pages=\"5\" data-daily=\"4000\" data-package=\"2\">\n <div class=\"fees\"><small>PKR<\/small> 1500<\/div>\n <div class=\"pages\">5 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 4000\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"2000\" data-pages=\"7\" data-daily=\"5500\" data-package=\"3\">\n <div class=\"fees\"><small>PKR<\/small> 2000<\/div>\n <div class=\"pages\">7 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 5500\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"2500\" data-pages=\"9\" data-daily=\"6500\" data-package=\"4\">\n <div class=\"fees\"><small>PKR<\/small> 2500<\/div>\n <div class=\"pages\">9 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 6500\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"3000\" data-pages=\"11\" data-daily=\"8000\" data-package=\"5\">\n <div class=\"fees\"><small>PKR<\/small> 3000<\/div>\n <div class=\"pages\">11 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 8000\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n \n <div class=\"card\" data-fees=\"3500\" data-pages=\"13\" data-daily=\"10500\" data-package=\"6\">\n <div class=\"fees\"><small>PKR<\/small> 3500<\/div>\n <div class=\"pages\">13 <small>pages<\/small><\/div>\n <div class=\"salary\"><i class=\"fas fa-sun\"><\/i> PKR 10500\/day<\/div>\n <div class=\"work-type\">\n <span><i class=\"fas fa-pen\"><\/i> handwritten<\/span>\n <span><i class=\"fas fa-keyboard\"><\/i> MS word<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"registrationPage\" class=\"reg-page\">\n <div class=\"reg-head\"><i class=\"fas fa-edit\"><\/i> registration form<\/div>\n <div id=\"regPackageSummary\" class=\"package-summary\">PKR 1000 \u00b7 3 pages \u00b7 daily PKR 3000<\/div>\n <form id=\"registrationForm\">\n <div class=\"form-row\" style=\"display:flex; flex-wrap:wrap; gap:1.8rem;\">\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fas fa-user\"><\/i> Full name<\/label>\n <input type=\"text\" id=\"fullName\" placeholder=\"Muhammad Ali\" required>\n <\/div>\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fas fa-id-card\"><\/i> CNIC number<\/label>\n <input type=\"text\" id=\"cnic\" placeholder=\"xxxxx-xxxxxxx-x\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\" style=\"display:flex; flex-wrap:wrap; gap:1.8rem;\">\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fas fa-graduation-cap\"><\/i> Qualification<\/label>\n <select id=\"qualification\" required>\n <option value=\"\">— select —<\/option>\n <option value=\"Matric\">Matric<\/option>\n <option value=\"Intermediate\">Intermediate<\/option>\n <option value=\"Bachelor\">Bachelor<\/option>\n <option value=\"Master\">Master<\/option>\n <option value=\"Other\">Other<\/option>\n <\/select>\n <\/div>\n <div class=\"field\" style=\"flex:1 1 260px;\">\n <label><i class=\"fab fa-whatsapp\"><\/i> WhatsApp number<\/label>\n <input type=\"tel\" id=\"whatsapp\" placeholder=\"03xxxxxxxxx\" required>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"field\">\n <label><i class=\"fas fa-venus-mars\"><\/i> Gender<\/label>\n <div class=\"gender-group\">\n <label><input type=\"radio\" name=\"gender\" value=\"Male\" required> Male<\/label>\n <label><input type=\"radio\" name=\"gender\" value=\"Female\"> Female<\/label>\n <label><input type=\"radio\" name=\"gender\" value=\"Other\"> Other<\/label>\n <\/div>\n <\/div>\n <\/div>\n <input type=\"hidden\" id=\"selectedPackage\" value=\"1\">\n <input type=\"hidden\" id=\"selectedFees\" value=\"1000\">\n <input type=\"hidden\" id=\"selectedPages\" value=\"3\">\n <input type=\"hidden\" id=\"selectedDaily\" value=\"3000\">\n <div class=\"btn-row\" style=\"display:flex; gap:2rem; justify-content:center; margin:2.5rem 0 1rem;\">\n <button type=\"button\" class=\"btn-back\" id=\"backToPackagesBtn\"><i class=\"fas fa-arrow-left\"><\/i> back<\/button>\n <button type=\"submit\" class=\"btn-reg\" id=\"registerBtn\"><i class=\"fas fa-check-circle\"><\/i> register & view payment<\/button>\n <\/div>\n <\/form>\n <\/div>\n\n \n <div id=\"paymentPage\" class=\"payment-page\">\n <div style=\"text-align: center;\">\n <div class=\"payment-header\"><i class=\"fas fa-coins\"><\/i> payment details<\/div>\n <\/div>\n \n \n <div id=\"paymentPackageSummary\" class=\"package-summary\" style=\"background: #c5ab4b; color: #1e3512;\">\n Selected Package: PKR 1000 \u00b7 3 pages \u00b7 daily PKR 3000\n <\/div>\n\n \n <div class=\"accounts-container\">\n \n <div class=\"account-card\">\n <i class=\"fas fa-mobile-alt\"><\/i>\n <div class=\"account-title\">EasyPaisa (M Aslam)<\/div>\n <div class=\"account-number\" id=\"easyNumberDisplay\">0344 2316061<\/div>\n <button class=\"copy-btn\" id=\"copyEasyBtn\"><i class=\"far fa-copy\"><\/i> copy number<\/button>\n <\/div>\n \n <div class=\"account-card\">\n <i class=\"fas fa-wallet\"><\/i>\n <div class=\"account-title\">JazzCash (Abdullah Younis)<\/div>\n <div class=\"account-number\" id=\"jazzNumberDisplay\">0346 7692844<\/div>\n <button class=\"copy-btn\" id=\"copyJazzBtn\"><i class=\"far fa-copy\"><\/i> copy number<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"pending-fees-container\" id=\"pendingFeesNotice\">\n <div class=\"pending-fees-icon\">\n <i class=\"fas fa-clock\"><\/i>\n <\/div>\n <div class=\"pending-fees-title\">\n PENDING FEES\n <\/div>\n <div class=\"pending-fees-amount\" id=\"pendingFeesAmount\">\n PKR 1000\n <\/div>\n <div class=\"pending-fees-note\">\n <i class=\"fas fa-exclamation-triangle\"><\/i> \u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0645\u0642\u0631\u0631\u06c1 \u0645\u062f\u062a \u0645\u06cc\u06ba \u0641\u06cc\u0633 \u062c\u0645\u0639 \u06a9\u0631\u0648\u0627\u0626\u06cc\u06ba <i class=\"fas fa-exclamation-triangle\"><\/i>\n <\/div>\n <div class=\"pending-fees-note\" style=\"font-size: 1.2rem; margin-top: 1rem;\">\n \u0622\u067e \u06a9\u06d2 \u0645\u0646\u062a\u062e\u0628 \u06a9\u0631\u062f\u06c1 \u067e\u06cc\u06a9\u062c \u06a9\u06cc \u0641\u06cc\u0633: <span id=\"pendingFeesHighlight\" style=\"background:#f5d742; padding:0.2rem 1rem; border-radius:40px;\">PKR 1000<\/span>\n <\/div>\n <\/div>\n\n <div class=\"windows-activation\" style=\"background: #607d39; border-radius: 80px; padding: 1.2rem 2.5rem; font-size: 1.3rem; color: #fefad5; border: 3px solid #f5cf6a; display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 2rem;\">\n <i class=\"fab fa-windows\"><\/i> Activate Windows <span style=\"font-weight:400; margin-left:10px;\">Go to Settings to activate Windows.<\/span>\n <\/div>\n <\/div>\n\n \n <div style=\"text-align: center; margin-top: 2rem;\">\n <div class=\"footer-note\">\u2728 daily salary via JazzCash \/ EasyPaisa \u00b7 Pakistan \u2728<\/div>\n <\/div>\n<\/div>\n\n\n<div style=\"display:none;\" id=\"rawJazz\">03467692844<\/div>\n<div style=\"display:none;\" id=\"rawEasy\">03442316061<\/div>\n\n<script>\n (function() {\n const packageGrid = document.getElementById('packageGrid');\n const regPage = document.getElementById('registrationPage');\n const paymentPage = document.getElementById('paymentPage');\n const backBtn = document.getElementById('backToPackagesBtn');\n const regForm = document.getElementById('registrationForm');\n const regSummary = document.getElementById('regPackageSummary');\n const paymentSummary = document.getElementById('paymentPackageSummary');\n const pendingFeesAmount = document.getElementById('pendingFeesAmount');\n const pendingFeesHighlight = document.getElementById('pendingFeesHighlight');\n const hiddenPackage = document.getElementById('selectedPackage');\n const hiddenFees = document.getElementById('selectedFees');\n const hiddenPages = document.getElementById('selectedPages');\n const hiddenDaily = document.getElementById('selectedDaily');\n const fullName = document.getElementById('fullName');\n const cnic = document.getElementById('cnic');\n const qualification = document.getElementById('qualification');\n const whatsapp = document.getElementById('whatsapp');\n const genderRadios = document.getElementsByName('gender');\n const copyJazz = document.getElementById('copyJazzBtn');\n const copyEasy = document.getElementById('copyEasyBtn');\n const rawJazz = document.getElementById('rawJazz');\n const rawEasy = document.getElementById('rawEasy');\n\n let selectedPackageData = {};\n\n \/\/ Package click handler\n document.querySelectorAll('.card').forEach(card => {\n card.addEventListener('click', function() {\n const packageId = this.getAttribute('data-package');\n const fees = this.getAttribute('data-fees');\n const pages = this.getAttribute('data-pages');\n const daily = this.getAttribute('data-daily');\n \n selectedPackageData = {\n id: packageId,\n fees: fees,\n pages: pages,\n daily: daily\n };\n \n regSummary.innerText = `PKR ${fees} \u00b7 ${pages} pages \u00b7 daily PKR ${daily}`;\n hiddenPackage.value = packageId;\n hiddenFees.value = fees;\n hiddenPages.value = pages;\n hiddenDaily.value = daily;\n \n document.querySelector('.package-grid').style.display = 'none';\n document.querySelector('.section-head').style.display = 'none';\n paymentPage.classList.remove('active');\n regPage.classList.add('active');\n regPage.style.display = 'block';\n });\n });\n\n \/\/ Back button\n backBtn.addEventListener('click', function() {\n regPage.classList.remove('active');\n regPage.style.display = 'none';\n paymentPage.classList.remove('active');\n document.querySelector('.package-grid').style.display = 'flex';\n document.querySelector('.section-head').style.display = 'block';\n });\n\n \/\/ Form submit handler\n regForm.addEventListener('submit', function(e) {\n e.preventDefault();\n \n let nameVal = fullName.value.trim();\n let cnicVal = cnic.value.trim();\n let qualVal = qualification.value;\n let waVal = whatsapp.value.trim();\n let genderVal = '';\n \n for (let r of genderRadios) if (r.checked) genderVal = r.value;\n \n if (!nameVal || !cnicVal || !qualVal || !waVal || !genderVal) {\n alert('Please fill all fields');\n return;\n }\n \n if (!cnicVal.match(\/^\\d{5}-\\d{7}-\\d$\/)) {\n alert('Use CNIC format: xxxxx-xxxxxxx-x');\n return;\n }\n \n if (!waVal.match(\/^03\\d{9}$\/)) {\n alert('Use WhatsApp format: 03xxxxxxxxx');\n return;\n }\n \n \/\/ Update payment page summary\n paymentSummary.innerText = `Selected Package: PKR ${hiddenFees.value} \u00b7 ${hiddenPages.value} pages \u00b7 daily PKR ${hiddenDaily.value}`;\n \n \/\/ Update pending fees notice\n pendingFeesAmount.innerText = `PKR ${hiddenFees.value}`;\n pendingFeesHighlight.innerText = `PKR ${hiddenFees.value}`;\n \n regPage.classList.remove('active');\n regPage.style.display = 'none';\n paymentPage.classList.add('active');\n paymentPage.style.display = 'block';\n });\n\n \/\/ Copy buttons\n copyJazz.addEventListener('click', ()=> {\n navigator.clipboard.writeText(rawJazz.innerText.trim())\n .then(()=>alert('JazzCash copied: 0346 7692844'));\n });\n \n copyEasy.addEventListener('click', ()=> {\n navigator.clipboard.writeText(rawEasy.innerText.trim())\n .then(()=>alert('EasyPaisa copied: 0344 2316061'));\n });\n\n \/\/ Initial states\n regPage.style.display = 'none';\n paymentPage.classList.remove('active');\n })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bismillah Assignments \u00b7 olive green & yellow \ufdfd Bismillah Assignments handwritten & typing Assignments Projects PDF scan handwritten pic choose […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":11,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":134,"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/134"}],"wp:attachment":[{"href":"https:\/\/bismillahassignment.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}