{"id":239,"date":"2023-12-27T09:53:14","date_gmt":"2023-12-27T09:53:14","guid":{"rendered":"https:\/\/mean.edu.np\/?page_id=239"},"modified":"2025-10-06T13:35:57","modified_gmt":"2025-10-06T13:35:57","slug":"courses","status":"publish","type":"page","link":"https:\/\/mean.edu.np\/index.php\/courses\/","title":{"rendered":"Courses"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Complete Course Template<\/title>\n    <!-- Tailwind CSS CDN -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        \/* Use Inter font and provide a fallback *\/\n        body {\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* Fade-in animation for module content *\/\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n                transform: translateY(20px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        .module-content.active {\n            animation: fadeIn 0.5s ease-out forwards;\n        }\n        \n        .back-to-top {\n            position: fixed;\n            bottom: 400px;\n            right: 30px;\n            background: #3b82f6;\n            color: white;\n            border: none;\n            border-radius: 50%;\n            width: 50px;\n            height: 50px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n            z-index: 100;\n            opacity: 0;\n            visibility: hidden;\n        }\n        .back-to-top.show {\n            opacity: 1;\n            visibility: visible;\n        }\n        .back-to-top:hover {\n            background: #2563eb;\n            transform: scale(1.1);\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-100 text-gray-800\">\n\n    <!-- Main Content (without sidebar) -->\n    <div class=\"main-content w-full p-4 sm:p-8 md:p-10 relative\">\n        <header class=\"mb-12\">\n            <h1 class=\"text-4xl sm:text-5xl font-extrabold text-gray-900 leading-tight tracking-tighter text-center sm:text-left\">Course Overview<\/h1>\n            <p class=\"text-lg text-gray-600 mt-4 text-center sm:text-left\">Browse the courses below.<\/p>\n        <\/header>\n\n        <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 mb-12\">\n            <div class=\"module-tile relative bg-gradient-to-br from-blue-500 to-purple-600 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"0\">\n                <h3 class=\"text-2xl font-bold mb-1\">TSC MAVi<\/h3>\n                <p class=\"text-sm opacity-90\">Introduction to Course<\/p>\n            <\/div>\n            <div class=\"module-tile relative bg-gradient-to-br from-pink-500 to-red-600 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"1\">\n                <h3 class=\"text-2xl font-bold mb-1\">TSC NIMAVi<\/h3>\n                <p class=\"text-sm opacity-90\">Introduction to Course<\/p>\n            <\/div>\n            <div class=\"module-tile relative bg-gradient-to-br from-cyan-500 to-blue-600 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"2\">\n                <h3 class=\"text-2xl font-bold mb-1\">Grade 12<\/h3>\n                <p class=\"text-sm opacity-90\">Introduction to Course<\/p>\n            <\/div>\n            <div class=\"module-tile relative bg-gradient-to-br from-green-500 to-teal-600 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"3\">\n                <h3 class=\"text-2xl font-bold mb-1\">Grade 11<\/h3>\n                <p class=\"text-sm opacity-90\">Introduction to Course<\/p>\n            <\/div>\n            <div class=\"module-tile relative bg-gradient-to-br from-orange-400 to-yellow-500 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"4\">\n                <h3 class=\"text-2xl font-bold mb-1\">Grade 10<\/h3>\n                <p class=\"text-sm opacity-90\">Introduction to Course<\/p>\n            <\/div>\n            <div class=\"module-tile relative bg-gradient-to-br from-fuchsia-400 to-rose-500 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"5\">\n                <h3 class=\"text-2xl font-bold mb-1\">Grade 9<\/h3>\n                <p class=\"text-sm opacity-90\">Introduction to Course<\/p>\n            <\/div>\n            <div class=\"module-tile relative bg-gradient-to-br from-indigo-400 to-violet-500 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"6\">\n                <h3 class=\"text-2xl font-bold mb-1\">Grade 8<\/h3>\n                <p class=\"text-sm opacity-90\">Introduction to Course<\/p>\n            <\/div>\n            <div class=\"module-tile relative bg-gradient-to-br from-lime-400 to-emerald-500 text-white p-6 rounded-xl shadow-lg hover:shadow-2xl transform hover:-translate-y-2 transition-all duration-300 cursor-pointer\" data-module=\"7\">\n                <h3 class=\"text-2xl font-bold mb-1\">After Payment<\/h3>\n                <p class=\"text-sm opacity-90\">Fill the form<\/p>\n            <\/div>\n        <\/div>\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        <div id=\"module-0\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12 active\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">TSC MAVi<\/h2>\n                        \n\n            <header style=\"text-align: center; padding: 20px 0; border-bottom: 2px solid #4CAF50;\">\n    <h1>\u2705 TSC Online \u0921\u093f\u091c\u093f\u091f\u0932 \u092a\u0941\u0938\u094d\u0924\u0915 \u0909\u092a\u0932\u092c\u094d\u0927! \ud83d\udcda<\/h1>\n    <p>TSC (Teacher Service Commission) \u0915\u094b \u0924\u092f\u093e\u0930\u0940 \u0917\u0930\u094d\u0928 \u0905\u092c \u0938\u091c\u093f\u0932\u094b! \u092e\u093e\u0935\u093f (\u092e\u093e\u0927\u094d\u092f\u092e\u093f\u0915)  \u0938\u094d\u0924\u0930\u0915\u093e \u0936\u093f\u0915\u094d\u0937\u0915\u0939\u0930\u0942\u0915\u094b \u0932\u093e\u0917\u093f \u0935\u093f\u0936\u0947\u0937 \u0930\u0942\u092a\u092e\u093e \u0924\u092f\u093e\u0930 \u092a\u093e\u0930\u093f\u090f\u0915\u094b \u0921\u093f\u091c\u093f\u091f\u0932 \u092a\u0941\u0938\u094d\u0924\u0915 \u0909\u092a\u0932\u092c\u094d\u0927 \u091b\u0964<\/p>\n  <\/header>\n\n  <!-- Features Section -->\n  <section style=\"margin: 30px 0; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n    <h2>\u2728 \u092e\u0941\u0916\u094d\u092f \u0935\u093f\u0936\u0947\u0937\u0924\u093e\u0939\u0930\u0942<\/h2>\n    \n    <ul style=\"padding-left: 20px;\">\n      <li>\u2705 \u0938\u092e\u094d\u092a\u0942\u0930\u094d\u0923 \u092a\u093e\u0920\u094d\u092f\u0915\u094d\u0930\u092e \u0938\u092e\u0947\u091f\u093f\u090f\u0915\u094b\u0964<\/li>\n      <li>\u2705 \u0938\u091c\u093f\u0932\u094b \u092d\u093e\u0937\u093e\u092e\u093e \u0935\u094d\u092f\u093e\u0916\u094d\u092f\u093e\u0964<\/li>\n      <li>\u2705 \u0938\u0930\u0932 \u0930 \u092a\u094d\u0930\u092d\u093e\u0935\u0915\u093e\u0930\u0940 \u0924\u092f\u093e\u0930\u0940\u0915\u093e \u091f\u093f\u092a\u094d\u0938\u0964<\/li>\n      <li>\u2705 100+ videos included\u0964<\/li>\n      <li>\u2705 100+ Model Question\/Answer included\u0964<\/li>\n    <\/ul>\n\n    <!-- Counter using native HTML tables for alignment -->\n    <table style=\"width: 100%; margin-top: 20px; border-collapse: collapse;\">\n      <tr>\n        <td style=\"text-align: center; padding: 15px; background: #e8f5e9; border-radius: 8px; margin: 5px;\">\n          <div style=\"font-size: 24px; font-weight: bold; color: #2E7D32;\">100+<\/div>\n          <div>\ud83d\udcf9 Videos<\/div>\n        <\/td>\n        <td style=\"text-align: center; padding: 15px; background: #e8f5e9; border-radius: 8px; margin: 5px;\">\n          <div style=\"font-size: 24px; font-weight: bold; color: #2E7D32;\">100+<\/div>\n          <div>\ud83d\udcdd Model Q\/A<\/div>\n        <\/td>\n        <td style=\"text-align: center; padding: 15px; background: #e8f5e9; border-radius: 8px; margin: 5px;\">\n          <div style=\"font-size: 24px; font-weight: bold; color: #2E7D32;\">100%<\/div>\n          <div>\ud83d\udcd6 Syllabus Covered<\/div>\n        <\/td>\n      <\/tr>\n    <\/table>\n  <\/section>\n\n  <!-- Contact Section -->\n  <section style=\"margin: 30px 0; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n    <h2>\ud83d\udcde \u0925\u092a \u091c\u093e\u0928\u0915\u093e\u0930\u0940\u0915\u093e \u0932\u093e\u0917\u093f \u0938\u092e\u094d\u092a\u0930\u094d\u0915 \u0917\u0930\u094d\u0928\u0941\u0939\u094b\u0938\u094d<\/h2>\n    \n    <div style=\"display: flex; flex-direction: column; gap: 12px; margin: 15px 0;\">\n      <div style=\"display: flex; align-items: center; gap: 10px;\">\n        <span>\ud83d\udcde<\/span>\n        <a href=\"tel:+9779847360402\" style=\"text-decoration: none; color: #1976D2; font-weight: bold;\">+977-9847360402<\/a>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 10px;\">\n        <span>\ud83c\udf10<\/span>\n        <a href=\"https:\/\/mean.edu.np\" target=\"_blank\" style=\"text-decoration: none; color: #1976D2; font-weight: bold;\" rel=\"noopener\">mean.edu.np<\/a>\n      <\/div>\n    <\/div>\n\n    <p style=\"text-align: center; margin-top: 20px; font-style: italic; color: #555;\">\n      \ud83d\udc49 \u0936\u093f\u0915\u094d\u0937\u0915 \u0938\u0947\u0935\u093e \u0906\u092f\u094b\u0917\u0915\u094b \u0924\u092f\u093e\u0930\u0940\u0915\u093e \u0932\u093e\u0917\u093f \u0924\u092a\u093e\u0908\u0902\u0915\u094b \u092d\u0930\u092a\u0930\u094d\u0926\u094b \u0938\u093e\u0925\u0940\u0964\n    <\/p>\n  <\/section>\n\n  <!-- Price & CTA -->\n  <section style=\"margin: 30px 0; padding: 25px; background: linear-gradient(135deg, #4CAF50, #2E7D32); color: white; border-radius: 12px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\n    <h3>\u2705 \u0905\u092c \u0928\u091b\u0941\u091f\u093e\u0909\u0928\u0941\u0939\u094b\u0938\u094d \u092f\u094b \u0905\u0935\u0938\u0930!<\/h3>\n    <div style=\"font-size: 28px; font-weight: bold; margin: 15px 0;\">Rs 1000<\/div>\n    <p>\u092a\u0941\u0938\u094d\u0924\u0915 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0917\u0930\u0940 \u0906\u092b\u094d\u0928\u094b \u0938\u092b\u0932\u0924\u093e\u0915\u093e \u0932\u093e\u0917\u093f \u0906\u091c\u0948 \u0924\u092f\u093e\u0930 \u0939\u0941\u0928\u0941\u0939\u094b\u0938\u094d\u0964<\/p>\n    \n    <!-- Interactive button using native HTML form -->\n    <form action=\"https:\/\/mean.edu.np\/index.php\/payment\/\" method=\"GET\" style=\"margin-top: 15px;\">\n      <button type=\"submit\" style=\"background: #FF9800; color: white; border: none; padding: 12px 30px; font-size: 18px; font-weight: bold; border-radius: 50px; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.2);\">\n        \ud83d\uded2 \u0905\u0939\u093f\u0932\u0947 \u0928\u0948 \u0916\u0930\u093f\u0926 \u0917\u0930\u094d\u0928\u0941\u0939\u094b\u0938\u094d!\n      <\/button>\n    <\/form>\n  <\/section>\n\n  \n\n    <p style=\"color: #555; margin-top: 10px;\">\n      Payment \u0915\u094b \u0932\u093e\u0917\u0940 QR \u0935\u093e eSewa ID \u092a\u094d\u0930\u092f\u094b\u0917 \u0917\u0930\u094d\u0928\u0941\u0939\u094b\u0938\u094d\u0964\n    <\/p>\n\n\n  <img decoding=\"async\" \n      src=\"https:\/\/mean.edu.np\/wp-content\/uploads\/2025\/01\/MEAN-QR-948x1024.jpg\" \n      alt=\"Payment QR Code \u2013 Scan to Pay\" \n      style=\"max-width: 250px; height: auto; border: 3px solid #ddd; border-radius: 12px; margin: 15px 0;\"\n      onerror=\"this.style.display='none'; this.nextSibling.style.display='block';\"\n    >\n\n\n            <p class=\"text-lg text-gray-700 mt-6\">By the end of this module, you should have a clear understanding of what to expect throughout the course and how to maximize your learning experience.<\/p>\n\n<br><br>\n\n<form id=\"registrationForm\" style=\"max-width: 500px; margin: 20px auto; padding: 20px; border: 1px solid #e0e0e0; border-radius: 10px; font-family: Arial, sans-serif; background-color: #fafafa;\">\n  <h2 style=\"text-align: center; color: #2c3e50; margin-bottom: 20px;\">Registration Form<\/h2>\n\n  <label for=\"name\" style=\"display: block; margin: 12px 0 4px; font-weight: bold; color: #34495e;\">Full Name *<\/label>\n  <input type=\"text\" id=\"name\" name=\"name\" required \n         style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px;\">\n  <div id=\"nameError\" style=\"color: #e74c3c; font-size: 14px; margin-top: 4px; display: none;\">Please enter your full name<\/div>\n\n  <label for=\"email\" style=\"display: block; margin: 16px 0 4px; font-weight: bold; color: #34495e;\">Email Address *<\/label>\n  <input type=\"email\" id=\"email\" name=\"email\" required \n         style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px;\">\n  <div id=\"emailError\" style=\"color: #e74c3c; font-size: 14px; margin-top: 4px; display: none;\">Please enter a valid email address<\/div>\n\n  <label for=\"confirmEmail\" style=\"display: block; margin: 16px 0 4px; font-weight: bold; color: #34495e;\">Confirm Email Address *<\/label>\n  <input type=\"email\" id=\"confirmEmail\" name=\"confirmEmail\" required \n         style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px;\">\n  <div id=\"confirmEmailError\" style=\"color: #e74c3c; font-size: 14px; margin-top: 4px; display: none;\">Email addresses must match<\/div>\n\n  <label for=\"paymentId\" style=\"display: block; margin: 16px 0 4px; font-weight: bold; color: #34495e;\">Payment ID *<\/label>\n  <input type=\"text\" id=\"paymentId\" name=\"paymentId\" required \n         style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px;\">\n  <div id=\"paymentIdError\" style=\"color: #e74c3c; font-size: 14px; margin-top: 4px; display: none;\">Please enter your Payment ID<\/div>\n\n  <!-- Phone Number Field (replaces course) -->\n  <label for=\"phone\" style=\"display: block; margin: 16px 0 4px; font-weight: bold; color: #34495e;\">Phone Number*<\/label>\n  <input type=\"tel\" id=\"phone\" name=\"phone\" required \n         style=\"width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box; font-size: 16px;\">\n  <div id=\"phoneError\" style=\"color: #e74c3c; font-size: 14px; margin-top: 4px; display: none;\">Please enter a valid 10-digit phone number<\/div>\n\n  <div style=\"text-align: center; margin-top: 24px;\">\n    <button type=\"submit\" id=\"submitBtn\" \n            style=\"background-color: #3498db; color: white; border: none; padding: 12px 30px; font-size: 18px; border-radius: 6px; cursor: pointer; font-weight: bold; width: 100%;\">\n      Register Now\n    <\/button>\n  <\/div>\n<\/form>\n\n<div id=\"successMessage\" style=\"max-width: 500px; margin: 20px auto; padding: 20px; text-align: center; display: none; background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: 10px; color: #155724; font-family: Arial, sans-serif;\">\n  <h3 style=\"margin-top: 0;\">\u2705 Registration Successful!<\/h3>\n  <p>Thank you for registering. Your details have been submitted successfully.<\/p>\n  <p>Please check your email for further instructions.<\/p>\n<\/div>\n\n<script>\n  const GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbxknn7Gvf1-tbiQLe9lM9sa3hepsUSMdx-OiXtS5DSYGafYScDAy9ROwzElohPsR2XEJg\/exec\";\n\n  const form = document.getElementById('registrationForm');\n  const submitBtn = document.getElementById('submitBtn');\n  const successMessage = document.getElementById('successMessage');\n\n  function validateForm() {\n    let isValid = true;\n\n    \/\/ Name\n    const name = document.getElementById('name').value.trim();\n    if (!name) {\n      showError('nameError', true);\n      isValid = false;\n    } else {\n      showError('nameError', false);\n    }\n\n    \/\/ Email\n    const email = document.getElementById('email').value.trim();\n    const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\n    if (!email || !emailRegex.test(email)) {\n      showError('emailError', true);\n      isValid = false;\n    } else {\n      showError('emailError', false);\n    }\n\n    \/\/ Confirm Email\n    const confirmEmail = document.getElementById('confirmEmail').value.trim();\n    if (!confirmEmail || confirmEmail !== email) {\n      showError('confirmEmailError', true);\n      isValid = false;\n    } else {\n      showError('confirmEmailError', false);\n    }\n\n    \/\/ Payment ID\n    const paymentId = document.getElementById('paymentId').value.trim();\n    if (!paymentId) {\n      showError('paymentIdError', true);\n      isValid = false;\n    } else {\n      showError('paymentIdError', false);\n    }\n\n    \/\/ Phone: exactly 10 digits (allow user to type spaces\/dashes, but validate digits only)\n    const phoneInput = document.getElementById('phone').value.trim();\n    const digitsOnly = phoneInput.replace(\/\\D\/g, ''); \/\/ Remove all non-digit characters\n    if (digitsOnly.length !== 10) {\n      showError('phoneError', true);\n      isValid = false;\n    } else {\n      showError('phoneError', false);\n    }\n\n    return isValid;\n  }\n\n  function showError(elementId, show) {\n    document.getElementById(elementId).style.display = show ? 'block' : 'none';\n  }\n\n  form.addEventListener('submit', async function(e) {\n    e.preventDefault();\n\n    if (!validateForm()) return;\n\n    submitBtn.disabled = true;\n    submitBtn.textContent = 'Submitting...';\n\n    const phoneDigits = document.getElementById('phone').value.trim().replace(\/\\D\/g, '');\n\nconst formData = {\n  name: document.getElementById('name').value.trim(),\n  email: document.getElementById('email').value.trim(),\n  paymentId: document.getElementById('paymentId').value.trim(),\n  phone: phoneDigits,\n  sheetId: \"1f4Hjiqs7N-vvKp_24DTrQiiBORtYK0D-gDjx2GbUqa8\",\n  sheetName: \"MAVI_S\" \/\/ \u2190 explicitly specify sheet name\n};\n\n   \n\n    try {\n      await fetch(GOOGLE_SCRIPT_URL, {\n        method: 'POST',\n        mode: 'no-cors',\n        headers: { 'Content-Type': 'text\/plain;charset=utf-8' },\n        body: JSON.stringify(formData)\n      });\n\n      form.style.display = 'none';\n      successMessage.style.display = 'block';\n    } catch (error) {\n      alert('An error occurred. Please try again.');\n      submitBtn.disabled = false;\n      submitBtn.textContent = 'Register Now';\n    }\n  });\n<\/script>\n\n       <br><br>     \n     \n       <a href=\"https:\/\/mean.edu.np\/index.php\/request-the-course-access\/#\" style=\"display: inline-block; padding: 10px 20px; background-color: #007BFF; color: white; text-decoration: none; border-radius: 5px; font-family: Arial;\">\n  After payment Fill up the form\n<\/a>   \n\n\n\n         \n        <\/div>\n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        \n        <div id=\"module-1\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">TSC NIMAVi<\/h2>\n         \n\n\n\n <header style=\"text-align: center; padding: 20px 0; border-bottom: 2px solid #4CAF50;\">\n    <h1>\u2705 TSC Online \u0921\u093f\u091c\u093f\u091f\u0932 \u092a\u0941\u0938\u094d\u0924\u0915 \u0909\u092a\u0932\u092c\u094d\u0927! \ud83d\udcda<\/h1>\n    <p>TSC (Teacher Service Commission) \u0915\u094b \u0924\u092f\u093e\u0930\u0940 \u0917\u0930\u094d\u0928 \u0905\u092c \u0938\u091c\u093f\u0932\u094b!  \u0928\u093f\u092e\u093e\u0935\u093f (\u0928\u093f\u092e\u094d\u0928 \u092e\u093e\u0927\u094d\u092f\u092e\u093f\u0915) \u0938\u094d\u0924\u0930\u0915\u093e \u0936\u093f\u0915\u094d\u0937\u0915\u0939\u0930\u0942\u0915\u094b \u0932\u093e\u0917\u093f \u0935\u093f\u0936\u0947\u0937 \u0930\u0942\u092a\u092e\u093e \u0924\u092f\u093e\u0930 \u092a\u093e\u0930\u093f\u090f\u0915\u094b \u0921\u093f\u091c\u093f\u091f\u0932 \u092a\u0941\u0938\u094d\u0924\u0915 \u0909\u092a\u0932\u092c\u094d\u0927 \u091b\u0964<\/p>\n  <\/header>\n\n  <!-- Features Section -->\n  <section style=\"margin: 30px 0; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n    <h2>\u2728 \u092e\u0941\u0916\u094d\u092f \u0935\u093f\u0936\u0947\u0937\u0924\u093e\u0939\u0930\u0942<\/h2>\n    \n    <ul style=\"padding-left: 20px;\">\n      <li>\u2705 \u0938\u092e\u094d\u092a\u0942\u0930\u094d\u0923 \u092a\u093e\u0920\u094d\u092f\u0915\u094d\u0930\u092e \u0938\u092e\u0947\u091f\u093f\u090f\u0915\u094b\u0964<\/li>\n      <li>\u2705 \u0938\u091c\u093f\u0932\u094b \u092d\u093e\u0937\u093e\u092e\u093e \u0935\u094d\u092f\u093e\u0916\u094d\u092f\u093e\u0964<\/li>\n      <li>\u2705 \u0938\u0930\u0932 \u0930 \u092a\u094d\u0930\u092d\u093e\u0935\u0915\u093e\u0930\u0940 \u0924\u092f\u093e\u0930\u0940\u0915\u093e \u091f\u093f\u092a\u094d\u0938\u0964<\/li>\n      <li>\u2705 100+ videos included\u0964<\/li>\n      <li>\u2705 100+ Model Question\/Answer included\u0964<\/li>\n    <\/ul>\n\n    <!-- Counter using native HTML tables for alignment -->\n    <table style=\"width: 100%; margin-top: 20px; border-collapse: collapse;\">\n      <tr>\n        <td style=\"text-align: center; padding: 15px; background: #e8f5e9; border-radius: 8px; margin: 5px;\">\n          <div style=\"font-size: 24px; font-weight: bold; color: #2E7D32;\">100+<\/div>\n          <div>\ud83d\udcf9 Videos<\/div>\n        <\/td>\n        <td style=\"text-align: center; padding: 15px; background: #e8f5e9; border-radius: 8px; margin: 5px;\">\n          <div style=\"font-size: 24px; font-weight: bold; color: #2E7D32;\">100+<\/div>\n          <div>\ud83d\udcdd Model Q\/A<\/div>\n        <\/td>\n        <td style=\"text-align: center; padding: 15px; background: #e8f5e9; border-radius: 8px; margin: 5px;\">\n          <div style=\"font-size: 24px; font-weight: bold; color: #2E7D32;\">100%<\/div>\n          <div>\ud83d\udcd6 Syllabus Covered<\/div>\n        <\/td>\n      <\/tr>\n    <\/table>\n  <\/section>\n\n  <!-- Contact Section -->\n  <section style=\"margin: 30px 0; padding: 20px; background: white; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.1);\">\n    <h2>\ud83d\udcde \u0925\u092a \u091c\u093e\u0928\u0915\u093e\u0930\u0940\u0915\u093e \u0932\u093e\u0917\u093f \u0938\u092e\u094d\u092a\u0930\u094d\u0915 \u0917\u0930\u094d\u0928\u0941\u0939\u094b\u0938\u094d<\/h2>\n    \n    <div style=\"display: flex; flex-direction: column; gap: 12px; margin: 15px 0;\">\n      <div style=\"display: flex; align-items: center; gap: 10px;\">\n        <span>\ud83d\udcde<\/span>\n        <a href=\"tel:+9779847360402\" style=\"text-decoration: none; color: #1976D2; font-weight: bold;\">+977-9847360402<\/a>\n      <\/div>\n      <div style=\"display: flex; align-items: center; gap: 10px;\">\n        <span>\ud83c\udf10<\/span>\n        <a href=\"https:\/\/mean.edu.np\" target=\"_blank\" style=\"text-decoration: none; color: #1976D2; font-weight: bold;\" rel=\"noopener\">mean.edu.np<\/a>\n      <\/div>\n    <\/div>\n\n    <p style=\"text-align: center; margin-top: 20px; font-style: italic; color: #555;\">\n      \ud83d\udc49 \u0936\u093f\u0915\u094d\u0937\u0915 \u0938\u0947\u0935\u093e \u0906\u092f\u094b\u0917\u0915\u094b \u0924\u092f\u093e\u0930\u0940\u0915\u093e \u0932\u093e\u0917\u093f \u0924\u092a\u093e\u0908\u0902\u0915\u094b \u092d\u0930\u092a\u0930\u094d\u0926\u094b \u0938\u093e\u0925\u0940\u0964\n    <\/p>\n  <\/section>\n\n  <!-- Price & CTA -->\n  <section style=\"margin: 30px 0; padding: 25px; background: linear-gradient(135deg, #4CAF50, #2E7D32); color: white; border-radius: 12px; text-align: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15);\">\n    <h3>\u2705 \u0905\u092c \u0928\u091b\u0941\u091f\u093e\u0909\u0928\u0941\u0939\u094b\u0938\u094d \u092f\u094b \u0905\u0935\u0938\u0930!<\/h3>\n    <div style=\"font-size: 28px; font-weight: bold; margin: 15px 0;\">Rs 1000<\/div>\n    <p>\u092a\u0941\u0938\u094d\u0924\u0915 \u092a\u094d\u0930\u093e\u092a\u094d\u0924 \u0917\u0930\u0940 \u0906\u092b\u094d\u0928\u094b \u0938\u092b\u0932\u0924\u093e\u0915\u093e \u0932\u093e\u0917\u093f \u0906\u091c\u0948 \u0924\u092f\u093e\u0930 \u0939\u0941\u0928\u0941\u0939\u094b\u0938\u094d\u0964<\/p>\n    \n    <!-- Interactive button using native HTML form -->\n    <form action=\"https:\/\/mean.edu.np\/index.php\/payment\/\" method=\"GET\" style=\"margin-top: 15px;\">\n      <button type=\"submit\" style=\"background: #FF9800; color: white; border: none; padding: 12px 30px; font-size: 18px; font-weight: bold; border-radius: 50px; cursor: pointer; box-shadow: 0 4px 6px rgba(0,0,0,0.2);\">\n        \ud83d\uded2 \u0905\u0939\u093f\u0932\u0947 \u0928\u0948 \u0916\u0930\u093f\u0926 \u0917\u0930\u094d\u0928\u0941\u0939\u094b\u0938\u094d!\n      <\/button>\n    <\/form>\n  <\/section>\n\n  \n\n    <p style=\"color: #555; margin-top: 10px;\">\n      Payment \u0915\u094b \u0932\u093e\u0917\u0940 QR \u0935\u093e eSewa ID \u092a\u094d\u0930\u092f\u094b\u0917 \u0917\u0930\u094d\u0928\u0941\u0939\u094b\u0938\u094d\u0964\n    <\/p>\n\n\n  <img decoding=\"async\" \n      src=\"https:\/\/mean.edu.np\/wp-content\/uploads\/2025\/01\/MEAN-QR-948x1024.jpg\" \n      alt=\"Payment QR Code \u2013 Scan to Pay\" \n      style=\"max-width: 250px; height: auto; border: 3px solid #ddd; border-radius: 12px; margin: 15px 0;\"\n      onerror=\"this.style.display='none'; this.nextSibling.style.display='block';\"\n    >\n\n\n            <p class=\"text-lg text-gray-700 mt-6\">By the end of this module, you should have a clear understanding of what to expect throughout the course and how to maximize your learning experience.<\/p>\n\n<br><br>\n\n\n\n       <br><br>     \n     \n       <a href=\"https:\/\/mean.edu.np\/index.php\/request-the-course-access\/#\" style=\"display: inline-block; padding: 10px 20px; background-color: #007BFF; color: white; text-decoration: none; border-radius: 5px; font-family: Arial;\">\n  After payment Fill up the form\n<\/a>   \n\n\n\n\n\n          \n        <\/div>\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        <div id=\"module-2\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">Grade 12<\/h2>\n            Contact to 9847360402\n          \n        <\/div>\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        <div id=\"module-3\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">Grade 11<\/h2>\n            Contact to 9847360402  \n          \n        <\/div>\n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n\n        <div id=\"module-4\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">Grade 10<\/h2>\n           \n             Contact to 9847360402 \n          \n          \n        <\/div>\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        <div id=\"module-5\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">Grade 9<\/h2>\n             Contact to 9847360402\n          \n          \n        <\/div>\n        \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        <div id=\"module-6\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">Grade 8<\/h2>\n            Contact to 9847360402 \n          \n          \n        <\/div>\n        \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        <div id=\"module-7\" class=\"module-content bg-white p-8 md:p-12 rounded-xl shadow-xl mb-12\">\n            <h2 class=\"text-3xl font-bold text-gray-900 border-b-4 border-blue-500 pb-4 mb-6\">After Payment<\/h2>\n           \n<p>Thank you for your payment! <br>\n    To unlock instant access to your exclusive online course, simply fill out the form below with your details.<br>\n\n\nAfter submitting this form, you\u2019ll receive a confirmation email with all the detailed information\u2014including your course access link. \ud83d\ude80\ud83d\udcda\n\n          \n           <a href=\"https:\/\/mean.edu.np\/index.php\/request-the-course-access\/#\" style=\"display: inline-block; padding: 10px 20px; background-color: #007BFF; color: white; text-decoration: none; border-radius: 5px; font-family: Arial;\">\n  Fill up the form\n<\/a>\n          \n        <\/div>\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n      \n        <!-- Go to Top Button -->\n        <button class=\"back-to-top\" id=\"backToTopBtn\" aria-label=\"Back to top\">\u2191<\/button>\n    <\/div>\n\n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n  \n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const moduleTiles = document.querySelectorAll('.module-tile');\n            const moduleContents = document.querySelectorAll('.module-content');\n            const backToTopBtn = document.getElementById('backToTopBtn');\n\n            \/\/ Set the initial state\n            showModule(0);\n\n            \/\/ Handle tile clicks\n            moduleTiles.forEach(tile => {\n                tile.addEventListener('click', function() {\n                    const moduleIndex = this.getAttribute('data-module');\n                    showModule(moduleIndex);\n                    \n                    \/\/ Scroll to the module content\n                    const moduleElement = document.getElementById(`module-${moduleIndex}`);\n                    if (moduleElement) {\n                        moduleElement.scrollIntoView({ behavior: 'smooth' });\n                    }\n                });\n            });\n            \n            \/\/ Function to show specific module\n            function showModule(moduleIndex) {\n                moduleContents.forEach(content => {\n                    content.classList.remove('active');\n                    content.classList.add('hidden');\n                });\n                const targetModule = document.getElementById(`module-${moduleIndex}`);\n                if (targetModule) {\n                    targetModule.classList.remove('hidden');\n                    targetModule.classList.add('active');\n                }\n            }\n            \n            \/\/ Back to Top Button functionality\n            window.addEventListener('scroll', () => {\n                if (window.scrollY > 300) {\n                    backToTopBtn.classList.add('show');\n                } else {\n                    backToTopBtn.classList.remove('show');\n                }\n            });\n\n            backToTopBtn.addEventListener('click', () => {\n                window.scrollTo({ top: 0, behavior: 'smooth' });\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Complete Course Template Course Overview Browse the courses below. TSC MAVi Introduction to Course TSC NIMAVi Introduction to Course Grade 12 Introduction to Course Grade 11 Introduction to Course Grade 10 Introduction to Course Grade 9 Introduction to Course Grade 8 Introduction to Course After Payment Fill the form TSC MAVi \u2705 TSC Online \u0921\u093f\u091c\u093f\u091f\u0932 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"_links":{"self":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/239"}],"collection":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":36,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":402,"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/pages\/239\/revisions\/402"}],"wp:attachment":[{"href":"https:\/\/mean.edu.np\/index.php\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}