{"id":4003,"date":"2026-03-16T07:55:11","date_gmt":"2026-03-16T07:55:11","guid":{"rendered":"https:\/\/trainingx.in\/new\/?page_id=4003"},"modified":"2026-04-10T10:03:27","modified_gmt":"2026-04-10T10:03:27","slug":"full-stack-mern-developer-course-in-india","status":"publish","type":"page","link":"https:\/\/trainingx.in\/new\/courses\/full-stack-mern-developer-course-in-india\/","title":{"rendered":"Full Stack MERN Developer Course in Noida"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4003\" class=\"elementor elementor-4003\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e674df3 e-con-full e-flex e-con e-parent\" data-id=\"e674df3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a89e164 elementor-widget elementor-widget-html\" data-id=\"a89e164\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n:root {\r\n    --tx-primary: #2EB87C;\r\n    --tx-primary-dark: #259b66;\r\n    --tx-text-dark: #1a202c;\r\n    --tx-text-light: #4a5568;\r\n    --tx-border: #e2e8f0;\r\n    --tx-bg-light: #f8fafc;\r\n    --tx-white: #ffffff;\r\n    --tx-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\r\n    --tx-shadow-hover: 0 10px 25px rgba(46, 184, 124, 0.15);\r\n}\r\n.tx-container {\r\n    max-width: 1250px;\r\n    margin: 0 auto;\r\n    padding: 0 15px;\r\n    width: 100%;\r\n}\r\n.tx-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin: 0 -15px;\r\n}\r\n.tx-col-main {\r\n    flex: 0 0 75%;\r\n    max-width: 75%;\r\n    padding: 0 15px;\r\n}\r\n.tx-col-sidebar {\r\n    flex: 0 0 25%;\r\n    max-width: 25%;\r\n    padding: 0 15px;\r\n}\r\n.tx-sidebar-sticky {\r\n    position: sticky;\r\n    top: 20px;\r\n}\r\n.tx-card {\r\n    background: var(--tx-white);\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    margin-bottom: 25px;\r\n    box-shadow: var(--tx-shadow);\r\n    border: 1px solid var(--tx-border);\r\n    transition: all 0.3s ease;\r\n}\r\n.tx-card:hover {\r\n    box-shadow: var(--tx-shadow-hover);\r\n    border-color: var(--tx-primary);\r\n}\r\n.tx-title {\r\n    font-size: 32px;\r\n    font-weight: 800;\r\n    color: var(--tx-text-dark);\r\n    line-height: 1.3;\r\n    margin-bottom: 15px;\r\n}\r\n.tx-section-title {\r\n    font-size: 24px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin-bottom: 20px;\r\n    padding-left: 15px;\r\n    border-left: 4px solid var(--tx-primary);\r\n}\r\n.tx-badge {\r\n    background: #e6f7ef;\r\n    color: var(--tx-primary);\r\n    padding: 6px 16px;\r\n    border-radius: 50px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    display: inline-block;\r\n    margin-bottom: 15px;\r\n}\r\n.tx-thumbnail {\r\n    width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    border-radius: 16px;\r\n    margin: 15px 0 20px;\r\n    object-fit: contain;\r\n    background: #f5f7fa;\r\n    box-shadow: 0 8px 20px rgba(46, 184, 124, 0.2);\r\n}\r\n.tx-meta-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n    margin: 20px 0;\r\n}\r\n.tx-meta-item {\r\n    background: var(--tx-bg-light);\r\n    padding: 15px;\r\n    border-radius: 12px;\r\n    text-align: center;\r\n    border: 1px solid var(--tx-border);\r\n}\r\n.tx-meta-icon {\r\n    font-size: 24px;\r\n    margin-bottom: 8px;\r\n    color: var(--tx-primary);\r\n}\r\n.tx-meta-label {\r\n    font-size: 13px;\r\n    color: #718096;\r\n    margin-bottom: 4px;\r\n}\r\n.tx-meta-value {\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n}\r\n.tx-progress-wrapper {\r\n    margin: 20px 0 10px;\r\n}\r\n.tx-progress-stats {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 14px;\r\n    color: #718096;\r\n    margin-bottom: 8px;\r\n}\r\n.tx-progress-bar {\r\n    height: 8px;\r\n    background: #edf2f7;\r\n    border-radius: 50px;\r\n    overflow: hidden;\r\n}\r\n.tx-progress-fill {\r\n    height: 100%;\r\n    background: var(--tx-primary);\r\n    border-radius: 50px;\r\n    width: 0%;\r\n}\r\n.tx-grid-2 {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 15px;\r\n}\r\n.tx-grid-3 {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 15px;\r\n}\r\n.tx-feature-card {\r\n    background: var(--tx-bg-light);\r\n    border: 1px solid var(--tx-border);\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    transition: all 0.3s ease;\r\n    height: 100%;\r\n}\r\n.tx-feature-card:hover {\r\n    border-color: var(--tx-primary);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(46, 184, 124, 0.1);\r\n}\r\n.tx-feature-icon {\r\n    font-size: 32px;\r\n    margin-bottom: 12px;\r\n}\r\n.tx-feature-title {\r\n    font-weight: 700;\r\n    color: var(--tx-primary);\r\n    margin-bottom: 8px;\r\n    font-size: 16px;\r\n}\r\n.tx-feature-text {\r\n    color: var(--tx-text-light);\r\n    font-size: 14px;\r\n}\r\n.tx-topic-card {\r\n    background: var(--tx-white);\r\n    border: 1px solid var(--tx-border);\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    height: 100%;\r\n}\r\n.tx-topic-header {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 15px;\r\n}\r\n.tx-topic-header h3 {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin: 0;\r\n}\r\n.tx-topic-list {\r\n    list-style: none;\r\n    margin: 0;\r\n}\r\n.tx-topic-list li {\r\n    padding: 6px 0;\r\n    color: var(--tx-text-light);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    font-size: 14px;\r\n}\r\n.tx-topic-list li:before {\r\n    content: \"\u2713\";\r\n    color: var(--tx-primary);\r\n    font-weight: 700;\r\n}\r\n.tx-widget {\r\n    background: var(--tx-white);\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    margin-bottom: 25px;\r\n    border: 1px solid var(--tx-border);\r\n    box-shadow: var(--tx-shadow);\r\n    transition: all 0.3s ease;\r\n}\r\n.tx-widget:hover {\r\n    box-shadow: var(--tx-shadow-hover);\r\n    border-color: var(--tx-primary);\r\n}\r\n.tx-widget-title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin-bottom: 20px;\r\n    padding-bottom: 12px;\r\n    border-bottom: 2px solid var(--tx-border);\r\n}\r\n.tx-btn {\r\n    width: 100%;\r\n    padding: 14px 20px;\r\n    border: none;\r\n    border-radius: 12px;\r\n    font-weight: 600;\r\n    font-size: 16px;\r\n    cursor: pointer;\r\n    margin: 8px 0;\r\n    display: inline-block;\r\n    text-align: center;\r\n    transition: all 0.3s ease;\r\n}\r\n.tx-btn-primary {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n}\r\n.tx-btn-primary:hover {\r\n    background: var(--tx-primary-dark);\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 15px rgba(46, 184, 124, 0.3);\r\n}\r\n.tx-info-list {\r\n    list-style: none;\r\n    margin: 15px 0;\r\n}\r\n.tx-info-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid var(--tx-border);\r\n}\r\n.tx-info-list li:last-child {\r\n    border-bottom: none;\r\n}\r\n.tx-info-icon {\r\n    color: var(--tx-primary);\r\n    font-size: 18px;\r\n    min-width: 24px;\r\n}\r\n.tx-accordion-item {\r\n    border-bottom: 1px solid var(--tx-border);\r\n}\r\n.tx-accordion-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 15px 0;\r\n    cursor: pointer;\r\n    font-weight: 600;\r\n    color: var(--tx-text-dark);\r\n    transition: all 0.2s ease;\r\n}\r\n.tx-accordion-header:hover {\r\n    color: var(--tx-primary);\r\n}\r\n.tx-accordion-header span {\r\n    color: var(--tx-primary);\r\n    font-size: 20px;\r\n    transition: transform 0.3s ease;\r\n}\r\n.tx-accordion-header.active span {\r\n    transform: rotate(45deg);\r\n}\r\n.tx-accordion-content {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height 0.3s ease;\r\n    padding: 0 15px 0 0;\r\n}\r\n.tx-accordion-content.show {\r\n    max-height: 200px;\r\n    padding-bottom: 15px;\r\n}\r\n.tx-contact-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 8px 0;\r\n    border-radius: 8px;\r\n    transition: all 0.2s ease;\r\n}\r\n.tx-details-highlight {\r\n    background: linear-gradient(135deg, var(--tx-primary), var(--tx-primary-dark));\r\n    color: white;\r\n    border-radius: 20px;\r\n    padding: 25px;\r\n    margin-bottom: 25px;\r\n}\r\n.tx-detail-item {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    padding: 15px;\r\n    backdrop-filter: blur(10px);\r\n}\r\n.tx-cta-section-white {\r\n    background: var(--tx-white);\r\n    border: 2px solid var(--tx-primary);\r\n    border-radius: 20px;\r\n    padding: 40px 30px;\r\n    text-align: center;\r\n    margin-bottom: 25px;\r\n    box-shadow: var(--tx-shadow);\r\n}\r\n.tx-cta-title-white {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: var(--tx-text-dark);\r\n    margin-bottom: 15px;\r\n}\r\n.tx-cta-text-white {\r\n    font-size: 16px;\r\n    margin-bottom: 25px;\r\n    color: var(--tx-text-light);\r\n}\r\n.tx-cta-button-white {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n    border: none;\r\n    padding: 16px 40px;\r\n    border-radius: 50px;\r\n    font-weight: 700;\r\n    font-size: 18px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    display: inline-block;\r\n}\r\n.tx-cta-button-white:hover {\r\n    background: var(--tx-primary-dark);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 10px 25px rgba(46, 184, 124, 0.3);\r\n}\r\n.tx-highlight-box {\r\n    background: #e6f7ef;\r\n    border: 2px solid var(--tx-primary);\r\n    border-radius: 16px;\r\n    padding: 20px;\r\n    margin-bottom: 20px;\r\n    text-align: center;\r\n}\r\n.tx-highlight-box p {\r\n    margin: 5px 0;\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n}\r\n.tx-job-roles {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n    margin: 15px 0;\r\n}\r\n.tx-job-role {\r\n    background: var(--tx-bg-light);\r\n    border: 1px solid var(--tx-border);\r\n    border-radius: 50px;\r\n    padding: 8px 16px;\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    transition: all 0.2s ease;\r\n}\r\n.tx-job-role:hover {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n    border-color: var(--tx-primary);\r\n}\r\n\r\n\/* POPUP - Form Styles *\/\r\n.tx-popup-overlay {\r\n    display: none;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    z-index: 999999;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.tx-popup-overlay.show {\r\n    display: flex;\r\n}\r\n.tx-popup-content {\r\n    background: white;\r\n    width: 90%;\r\n    max-width: 550px;\r\n    max-height: 85vh;\r\n    overflow-y: auto;\r\n    border-radius: 24px;\r\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n    position: relative;\r\n    animation: tx-popup-flash 0.15s ease-out;\r\n}\r\n.tx-popup-close {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    width: 36px;\r\n    height: 36px;\r\n    background: #f0f2f5;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 24px;\r\n    color: #4a5568;\r\n    cursor: pointer;\r\n    z-index: 10;\r\n    transition: all 0.2s ease;\r\n    box-shadow: 0 2px 8px rgba(0,0,0,0.1);\r\n}\r\n.tx-popup-close:hover {\r\n    background: var(--tx-primary);\r\n    color: white;\r\n    transform: rotate(90deg);\r\n}\r\n.tx-popup-body {\r\n    padding: 0;\r\n    min-height: 100px;\r\n}\r\n@keyframes tx-popup-flash {\r\n    from {\r\n        opacity: 0;\r\n        transform: scale(0.95);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: scale(1);\r\n    }\r\n}\r\n\r\n\/* FIX: Dropdown text cut issue - Fully Visible *\/\r\n.tx-popup-content select {\r\n    height: auto !important;\r\n    min-height: 50px !important;\r\n}\r\n.tx-popup-content select option {\r\n    white-space: normal !important;\r\n    word-break: normal !important;\r\n    padding: 12px 15px !important;\r\n    min-height: 45px !important;\r\n    height: auto !important;\r\n    line-height: 1.4 !important;\r\n    font-size: 14px !important;\r\n    display: block !important;\r\n    clear: both !important;\r\n    width: 100% !important;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .tx-col-main, .tx-col-sidebar {\r\n        flex: 0 0 100%;\r\n        max-width: 100%;\r\n    }\r\n    .tx-sidebar-sticky {\r\n        position: static;\r\n    }\r\n}\r\n@media (max-width: 768px) {\r\n    .tx-title {\r\n        font-size: 24px;\r\n    }\r\n    .tx-section-title {\r\n        font-size: 20px;\r\n    }\r\n    .tx-meta-grid, .tx-grid-2, .tx-grid-3 {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .tx-card, .tx-widget {\r\n        padding: 20px;\r\n    }\r\n    .tx-popup-content {\r\n        width: 95%;\r\n    }\r\n    .tx-highlight-box p {\r\n        font-size: 16px;\r\n    }\r\n    .tx-popup-content select option {\r\n        padding: 10px !important;\r\n        font-size: 13px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<!-- POPUP Overlay -->\r\n<div class=\"tx-popup-overlay\" id=\"txPopupOverlay\">\r\n    <div class=\"tx-popup-content\">\r\n        <div class=\"tx-popup-close\" onclick=\"closePopup()\">&times;<\/div>\r\n        <div class=\"tx-popup-body\" id=\"txPopupBody\">\r\n            <!-- Form will be loaded here -->\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN CONTENT - Full Stack MERN Developer Course - EXACT CONTENT -->\r\n<div class=\"tx-container\">\r\n    <div class=\"tx-row\">\r\n        <!-- Main Content - 75% -->\r\n        <div class=\"tx-col-main\">\r\n            <!-- Header Card -->\r\n            <div class=\"tx-card\">\r\n                <span class=\"tx-badge\">Web Development<\/span>\r\n                <h1 class=\"tx-title\">Full Stack MERN Developer Course in Noida \u2013 Become a Job-Ready Web Developer<\/h1>\r\n                \r\n                <img decoding=\"async\" src=\"https:\/\/trainingx.in\/new\/wp-content\/uploads\/2025\/08\/Full-Stack-MERN-Developer.png\" \r\n                     alt=\"Full Stack MERN Developer Course in Noida\" \r\n                     class=\"tx-thumbnail\">\r\n                \r\n                <div class=\"tx-meta-grid\">\r\n                    <div class=\"tx-meta-item\">\r\n                        <div class=\"tx-meta-icon\">\ud83d\udcca<\/div>\r\n                        <div class=\"tx-meta-label\">Level<\/div>\r\n                        <div class=\"tx-meta-value\">Beginner to Advanced<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-meta-item\">\r\n                        <div class=\"tx-meta-icon\">\ud83d\udc65<\/div>\r\n                        <div class=\"tx-meta-label\">Enrolled<\/div>\r\n                        <div class=\"tx-meta-value\">500+ Students<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-meta-item\">\r\n                        <div class=\"tx-meta-icon\">\ud83d\udcc5<\/div>\r\n                        <div class=\"tx-meta-label\">Duration<\/div>\r\n                        <div class=\"tx-meta-value\">4-6 Months<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"tx-progress-wrapper\">\r\n                    <div class=\"tx-progress-stats\">\r\n                        <span>Course Progress<\/span>\r\n                        <span>0\/1 Completed<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-progress-bar\">\r\n                        <div class=\"tx-progress-fill\" style=\"width: 0%\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <!-- CTA Button -->\r\n                <button class=\"tx-btn tx-btn-primary\" onclick=\"openPopup()\">Enroll Now - Start Learning<\/button>\r\n            <\/div>\r\n\r\n            <!-- About Course -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">About Course<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">Want to become a professional web developer and build real websites and applications?<\/p>\r\n                <p style=\"margin-bottom: 15px;\">Join our Full Stack MERN Developer Course in Noida and learn how to develop modern web applications using MongoDB, Express.js, React.js, and Node.js \u2014 the most popular JavaScript stack used by modern tech companies.<\/p>\r\n                <p style=\"color: var(--tx-text-light);\">Our MERN stack training in Noida helps beginners and aspiring developers gain practical coding experience, build real projects, and prepare for high-demand developer roles.<\/p>\r\n            <\/div>\r\n\r\n            <!-- About the MERN Stack Course -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">About the MERN Stack Course<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">The Full Stack MERN Developer Course in Noida at TrainingX is designed for students and professionals who want to learn modern web development from scratch.<\/p>\r\n                \r\n                <h3 class=\"tx-subtitle\" style=\"margin-bottom: 15px;\">The MERN stack combines four powerful technologies:<\/h3>\r\n                <div class=\"tx-grid-2\" style=\"margin-bottom: 15px;\">\r\n                    <div class=\"tx-feature-card\">\ud83d\uddc4\ufe0f MongoDB \u2013 database management<\/div>\r\n                    <div class=\"tx-feature-card\">\u2699\ufe0f Express.js \u2013 backend framework<\/div>\r\n                    <div class=\"tx-feature-card\">\u269b\ufe0f React.js \u2013 frontend user interface<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\ude80 Node.js \u2013 server-side runtime<\/div>\r\n                <\/div>\r\n                <p>Together these technologies allow developers to build complete web applications using JavaScript for both frontend and backend development. This course focuses on practical training, real-world projects, and industry-ready skills.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Why Learn MERN Stack Development -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Why Learn MERN Stack Development?<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">The demand for full stack developers is growing rapidly because companies need professionals who can build both frontend and backend systems.<\/p>\r\n                \r\n                <h3 class=\"tx-subtitle\" style=\"margin-bottom: 15px;\">Benefits of learning MERN stack development:<\/h3>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n                        <div class=\"tx-feature-title\">Build modern web applications from scratch<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83d\udcbc<\/div>\r\n                        <div class=\"tx-feature-title\">Work as a full stack developer<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83d\udd04<\/div>\r\n                        <div class=\"tx-feature-title\">Learn frontend and backend development<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83d\udcc8<\/div>\r\n                        <div class=\"tx-feature-title\">Create scalable web applications<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-feature-card\">\r\n                        <div class=\"tx-feature-icon\">\ud83d\udd25<\/div>\r\n                        <div class=\"tx-feature-title\">High demand skill in the software industry<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\">With the MERN stack, developers can build powerful applications using a single programming language \u2014 JavaScript.<\/p>\r\n            <\/div>\r\n\r\n            <!-- What You Will Learn -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">What You Will Learn in the MERN Stack Course<\/h2>\r\n                \r\n                <div class=\"tx-grid-3\">\r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\ud83c\udfa8<\/span>\r\n                            <h3>Frontend Development<\/h3>\r\n                        <\/div>\r\n                        <ul class=\"tx-topic-list\">\r\n                            <li>HTML5 and CSS3<\/li>\r\n                            <li>Responsive design<\/li>\r\n                            <li>Bootstrap framework<\/li>\r\n                            <li>JavaScript fundamentals<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\u26a1<\/span>\r\n                            <h3>Advanced JavaScript<\/h3>\r\n                        <\/div>\r\n                        <ul class=\"tx-topic-list\">\r\n                            <li>ES6 features<\/li>\r\n                            <li>asynchronous programming<\/li>\r\n                            <li>APIs and JSON<\/li>\r\n                            <li>modern JavaScript techniques<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\u269b\ufe0f<\/span>\r\n                            <h3>React.js Development<\/h3>\r\n                        <\/div>\r\n                        <ul class=\"tx-topic-list\">\r\n                            <li>React components<\/li>\r\n                            <li>React hooks<\/li>\r\n                            <li>state management<\/li>\r\n                            <li>single-page applications<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\u2699\ufe0f<\/span>\r\n                            <h3>Backend Development with Node.js<\/h3>\r\n                        <\/div>\r\n                        <ul class=\"tx-topic-list\">\r\n                            <li>Node.js fundamentals<\/li>\r\n                            <li>Express.js framework<\/li>\r\n                            <li>REST APIs development<\/li>\r\n                            <li>authentication and authorization<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"tx-topic-card\">\r\n                        <div class=\"tx-topic-header\">\r\n                            <span style=\"font-size: 28px;\">\ud83d\uddc4\ufe0f<\/span>\r\n                            <h3>MongoDB Database<\/h3>\r\n                        <\/div>\r\n                        <ul class=\"tx-topic-list\">\r\n                            <li>MongoDB database structure<\/li>\r\n                            <li>CRUD operations<\/li>\r\n                            <li>data modeling<\/li>\r\n                            <li>database integration with Node.js<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Real-World Projects -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Real-World Projects<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">During the MERN stack training course, students work on practical projects such as:<\/p>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\ud83c\udf10 full stack web applications<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\uded2 e-commerce websites<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udd0c API-based applications<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udcca dynamic dashboards<\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\">Building projects helps students gain real development experience and portfolio projects.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Who Should Join -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Who Should Join This Course?<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">Our MERN stack developer course in Noida is suitable for:<\/p>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\ud83c\udf93 students interested in web development<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udc76 beginners who want to learn coding<\/div>\r\n                    <div class=\"tx-feature-card\">\u2b06\ufe0f developers upgrading their skills<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udcbc professionals switching to IT careers<\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\"><strong>No advanced programming experience is required<\/strong> to start the course.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Career Opportunities -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Career Opportunities After MERN Stack Training<\/h2>\r\n                <p style=\"margin-bottom: 20px;\">After completing the Full Stack MERN Developer Course, students can pursue roles such as:<\/p>\r\n                <div class=\"tx-job-roles\">\r\n                    <span class=\"tx-job-role\">Full Stack Developer<\/span>\r\n                    <span class=\"tx-job-role\">MERN Stack Developer<\/span>\r\n                    <span class=\"tx-job-role\">Frontend Developer<\/span>\r\n                    <span class=\"tx-job-role\">Backend Developer<\/span>\r\n                    <span class=\"tx-job-role\">Web Application Developer<\/span>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\">Companies across industries hire developers who can build modern web applications.<\/p>\r\n            <\/div>\r\n\r\n            <!-- Salary Info -->\r\n            <div class=\"tx-details-highlight\">\r\n                <h2 style=\"margin-bottom: 20px; color: white;\">MERN Stack Developer Salary<\/h2>\r\n                <div class=\"tx-grid-2\" style=\"margin-bottom: 20px;\">\r\n                    <div class=\"tx-detail-item\">\r\n                        <div style=\"font-size: 14px;\">Entry Level<\/div>\r\n                        <div style=\"font-size: 24px; font-weight: 700;\">\u20b93 LPA \u2013 \u20b96 LPA as beginners<\/div>\r\n                    <\/div>\r\n                    <div class=\"tx-detail-item\">\r\n                        <div style=\"font-size: 14px;\">Experienced<\/div>\r\n                        <div style=\"font-size: 24px; font-weight: 700;\">\u20b98 LPA \u2013 \u20b915 LPA depending on skills and experience.<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <h3 style=\"margin-bottom: 15px;\">Course Details<\/h3>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-detail-item\">\ud83d\udccd Noida<\/div>\r\n                    <div class=\"tx-detail-item\">\u23f1\ufe0f 4 \u2013 6 Months<\/div>\r\n                    <div class=\"tx-detail-item\">\ud83d\udcbb Online \/ Classroom<\/div>\r\n                    <div class=\"tx-detail-item\">\ud83d\udcca Beginner to Advanced<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Why Choose TrainingX -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">Why Choose TrainingX for MERN Stack Training in Noida?<\/h2>\r\n                <p style=\"margin-bottom: 15px;\">Students choose TrainingX for practical training and career-focused learning.<\/p>\r\n                \r\n                <h3 class=\"tx-subtitle\" style=\"margin-bottom: 15px;\">Key advantages include:<\/h3>\r\n                <div class=\"tx-grid-2\">\r\n                    <div class=\"tx-feature-card\">\ud83d\udc68\u200d\ud83c\udfeb experienced trainers<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udcbb hands-on coding sessions<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\ude80 real development projects<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83d\udcda updated industry curriculum<\/div>\r\n                    <div class=\"tx-feature-card\">\ud83e\udd1d placement assistance<\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 15px;\">Our training helps students gain the skills required to work as professional web developers.<\/p>\r\n            <\/div>\r\n\r\n            <!-- FAQs -->\r\n            <div class=\"tx-card\">\r\n                <h2 class=\"tx-section-title\">FAQ<\/h2>\r\n                \r\n                <div class=\"tx-accordion-item\">\r\n                    <div class=\"tx-accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        What is MERN stack development?\r\n                        <span>+<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-accordion-content\">\r\n                        MERN stack is a JavaScript-based technology stack used to build modern web applications. It includes MongoDB, Express.js, React.js, and Node.js.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tx-accordion-item\">\r\n                    <div class=\"tx-accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        Is MERN stack good for beginners?\r\n                        <span>+<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-accordion-content\">\r\n                        Yes. Beginners who understand HTML, CSS, and basic JavaScript can start learning MERN stack development.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tx-accordion-item\">\r\n                    <div class=\"tx-accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        What jobs can I get after learning MERN stack?\r\n                        <span>+<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-accordion-content\">\r\n                        You can work as a full stack developer, MERN stack developer, web developer, or frontend developer.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"tx-accordion-item\">\r\n                    <div class=\"tx-accordion-header\" onclick=\"toggleAccordion(this)\">\r\n                        How long does it take to learn MERN stack?\r\n                        <span>+<\/span>\r\n                    <\/div>\r\n                    <div class=\"tx-accordion-content\">\r\n                        Most students can learn MERN stack fundamentals within 4\u20136 months with practical training and projects.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Final CTA -->\r\n            <div class=\"tx-cta-section-white\">\r\n                <h2 class=\"tx-cta-title-white\">Start Your Career as a Full Stack Developer<\/h2>\r\n                <p class=\"tx-cta-text-white\">Join the best MERN stack training institute in Noida and gain practical web development skills with expert guidance.<\/p>\r\n                <p class=\"tx-cta-text-white\">Build real projects, learn modern technologies, and prepare for a successful career in software development.<\/p>\r\n                <button class=\"tx-cta-button-white\" onclick=\"openPopup()\">Enroll Now<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Sidebar - 25% -->\r\n        <div class=\"tx-col-sidebar\">\r\n            <div class=\"tx-sidebar-sticky\">\r\n                <!-- Enrollment Widget -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Course Enrollment<\/h3>\r\n                    <div style=\"background: #e6f7ef; padding: 15px; border-radius: 12px; margin-bottom: 20px; text-align: center;\">\r\n                        <span style=\"font-size: 14px; color: var(--tx-text-light);\">Course Fee<\/span>\r\n                        <div style=\"font-size: 36px; font-weight: 800; color: var(--tx-primary);\">\u20b949,999<\/div>\r\n                        <span style=\"font-size: 13px; color: var(--tx-text-light);\">Includes all materials & certificate<\/span>\r\n                    <\/div>\r\n                    \r\n                    <button class=\"tx-btn tx-btn-primary\" onclick=\"openPopup()\">Enroll Now<\/button>\r\n                    \r\n                    <ul class=\"tx-info-list\" style=\"margin-top: 20px;\">\r\n                        <li><span class=\"tx-info-icon\">\u23f0<\/span> Duration: 4-6 Months<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udcda<\/span> 50+ Hours Content<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83c\udfc6<\/span> Certificate Included<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udd04<\/span> Lifetime Access<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udc65<\/span> 500+ Students Enrolled<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Quick Info -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Quick Info<\/h3>\r\n                    <ul class=\"tx-info-list\">\r\n                        <li><span class=\"tx-info-icon\">\ud83c\udf93<\/span> Students<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udc76<\/span> Beginners<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2b06\ufe0f<\/span> Developers<\/li>\r\n                        <li><span class=\"tx-info-icon\">\ud83d\udd04<\/span> Career Switchers<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Key Features -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Key Features<\/h3>\r\n                    <ul class=\"tx-info-list\">\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Live Projects<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Placement Assistance<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> 1-on-1 Mentoring<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Interview Prep<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Flexible Schedule<\/li>\r\n                        <li><span class=\"tx-info-icon\">\u2713<\/span> Free Demo Class<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <!-- Contact Info -->\r\n                <div class=\"tx-widget\">\r\n                    <h3 class=\"tx-widget-title\">Contact Us<\/h3>\r\n                    \r\n                    <a href=\"tel:+918076461562\" style=\"text-decoration: none; color: inherit;\">\r\n                        <div class=\"tx-contact-item\" style=\"cursor: pointer;\">\r\n                            <span class=\"tx-info-icon\">\ud83d\udcde<\/span>\r\n                            <span>+91 8076461562<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                    \r\n                    <a href=\"mailto:Info@training.in\" style=\"text-decoration: none; color: inherit;\">\r\n                        <div class=\"tx-contact-item\" style=\"cursor: pointer;\">\r\n                            <span class=\"tx-info-icon\">\u2709\ufe0f<\/span>\r\n                            <span>Info@training.in<\/span>\r\n                        <\/div>\r\n                    <\/a>\r\n                    \r\n                    <div class=\"tx-contact-item\">\r\n                        <span class=\"tx-info-icon\">\ud83d\udccd<\/span>\r\n                        <span>B-106, D Block, Sector 6, Noida, UP 201301<\/span>\r\n                    <\/div>\r\n                    \r\n                    <a href=\"tel:+918076461562\" style=\"text-decoration: none;\">\r\n                        <button class=\"tx-btn tx-btn-primary\" style=\"margin-top: 15px;\">\r\n                            <span>\ud83d\udcde<\/span> Get Free Consult\r\n                        <\/button>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ ============================================\r\n\/\/ YOUR GOOGLE SCRIPT URL - INTEGRATED\r\n\/\/ ============================================\r\nvar GOOGLE_SCRIPT_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbx4zZYv4VN2gZbrYqDgtsTq8S9jY5DLFffmY00jtzNQE1B3VGIBat0mdjV6DFbSN_lvrw\/exec\";\r\n\r\n\/\/ Accordion Function\r\nfunction toggleAccordion(header) {\r\n    let allHeaders = document.querySelectorAll('.tx-accordion-header');\r\n    allHeaders.forEach(h => {\r\n        if (h !== header && h.classList.contains('active')) {\r\n            h.classList.remove('active');\r\n            h.nextElementSibling.classList.remove('show');\r\n        }\r\n    });\r\n    \r\n    header.classList.toggle('active');\r\n    let content = header.nextElementSibling;\r\n    content.classList.toggle('show');\r\n}\r\n\r\n\/\/ Open Popup with Form\r\nfunction openPopup() {\r\n    var popup = document.getElementById('txPopupOverlay');\r\n    var popupBody = document.getElementById('txPopupBody');\r\n    \r\n    popup.classList.add('show');\r\n    document.body.style.overflow = 'hidden';\r\n    \r\n    \/\/ Form HTML with FULLY VISIBLE dropdown option\r\n    popupBody.innerHTML = `\r\n        <div style=\"padding: 30px;\">\r\n            <div style=\"text-align: center; margin-bottom: 20px;\">\r\n                <span style=\"background: #e6f7ef; color: #2EB87C; padding: 6px 16px; border-radius: 50px; font-size: 14px; font-weight: 600;\">Quick Enquiry<\/span>\r\n                <h2 style=\"margin-top: 15px; font-size: 24px; color: #1a202c;\">Get Free Consultation<\/h2>\r\n                <p style=\"color: #4a5568;\">Fill the form below and our counsellor will contact you<\/p>\r\n            <\/div>\r\n            \r\n            <form id=\"txEnquiryForm\">\r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Full Name *<\/label>\r\n                    <input type=\"text\" id=\"txName\" name=\"name\" required \r\n                           style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box;\">\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Email Address *<\/label>\r\n                    <input type=\"email\" id=\"txEmail\" name=\"email\" required \r\n                           style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box;\">\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Phone Number *<\/label>\r\n                    <input type=\"tel\" id=\"txPhone\" name=\"phone\" required \r\n                           style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box;\">\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 15px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Select Course<\/label>\r\n                    <select id=\"txCourse\" name=\"course\" \r\n                            style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box; height: auto; min-height: 50px;\">\r\n                        <option value=\"Full Stack MERN Developer Course\" style=\"white-space: normal; padding: 10px; min-height: 45px; display: block;\">Full Stack MERN Developer Course<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                \r\n                <div style=\"margin-bottom: 20px;\">\r\n                    <label style=\"display: block; margin-bottom: 5px; font-weight: 600; color: #1a202c;\">Message (Optional)<\/label>\r\n                    <textarea id=\"txMessage\" name=\"message\" rows=\"3\" \r\n                              style=\"width: 100%; padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; font-size: 14px; box-sizing: border-box; resize: vertical;\"><\/textarea>\r\n                <\/div>\r\n                \r\n                <div id=\"txFormStatus\" style=\"margin-bottom: 15px; font-size: 14px; display: none;\"><\/div>\r\n                \r\n                <button type=\"submit\" id=\"txSubmitBtn\" \r\n                        style=\"width: 100%; background: #2EB87C; color: white; padding: 14px; border: none; border-radius: 12px; font-weight: 700; font-size: 16px; cursor: pointer; transition: all 0.3s ease;\">\r\n                    Submit Enquiry\r\n                <\/button>\r\n                \r\n                <p style=\"text-align: center; margin-top: 15px; font-size: 12px; color: #718096;\">\r\n                    We respect your privacy. No spam, ever.\r\n                <\/p>\r\n            <\/form>\r\n        <\/div>\r\n    `;\r\n    \r\n    \/\/ Attach form submit handler\r\n    var form = document.getElementById('txEnquiryForm');\r\n    if (form) {\r\n        form.addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            submitFormToGoogleScript();\r\n        });\r\n    }\r\n}\r\n\r\n\/\/ Submit form to Google Script\r\nfunction submitFormToGoogleScript() {\r\n    var name = document.getElementById('txName').value.trim();\r\n    var email = document.getElementById('txEmail').value.trim();\r\n    var phone = document.getElementById('txPhone').value.trim();\r\n    var course = document.getElementById('txCourse').value;\r\n    var message = document.getElementById('txMessage').value;\r\n    \r\n    if (!name) {\r\n        showFormStatus('Please enter your name.', 'error');\r\n        return;\r\n    }\r\n    if (!email) {\r\n        showFormStatus('Please enter your email address.', 'error');\r\n        return;\r\n    }\r\n    if (!\/^\\S+@\\S+\\.\\S+$\/.test(email)) {\r\n        showFormStatus('Please enter a valid email address.', 'error');\r\n        return;\r\n    }\r\n    if (!phone) {\r\n        showFormStatus('Please enter your phone number.', 'error');\r\n        return;\r\n    }\r\n    if (!\/^\\d{10}$\/.test(phone)) {\r\n        showFormStatus('Please enter a valid 10-digit phone number.', 'error');\r\n        return;\r\n    }\r\n    \r\n    var submitBtn = document.getElementById('txSubmitBtn');\r\n    submitBtn.disabled = true;\r\n    submitBtn.innerHTML = 'Sending... \u23f3';\r\n    submitBtn.style.opacity = '0.7';\r\n    submitBtn.style.cursor = 'not-allowed';\r\n    \r\n    showFormStatus('Submitting your enquiry...', 'loading');\r\n    \r\n    var formData = new URLSearchParams();\r\n    formData.append('name', name);\r\n    formData.append('email', email);\r\n    formData.append('phone', phone);\r\n    formData.append('course', course);\r\n    formData.append('message', message);\r\n    \r\n    fetch(GOOGLE_SCRIPT_URL, {\r\n        method: 'POST',\r\n        mode: 'no-cors',\r\n        headers: {\r\n            'Content-Type': 'application\/x-www-form-urlencoded',\r\n        },\r\n        body: formData.toString()\r\n    })\r\n    .then(function() {\r\n        showThankYouMessage();\r\n        document.getElementById('txEnquiryForm').reset();\r\n        setTimeout(function() {\r\n            closePopup();\r\n        }, 3000);\r\n    })\r\n    .catch(function(error) {\r\n        console.error('Error:', error);\r\n        showFormStatus('\u274c Something went wrong. Please try again or call us directly.', 'error');\r\n        submitBtn.disabled = false;\r\n        submitBtn.innerHTML = 'Submit Enquiry';\r\n        submitBtn.style.opacity = '1';\r\n        submitBtn.style.cursor = 'pointer';\r\n    });\r\n}\r\n\r\nfunction showThankYouMessage() {\r\n    var statusDiv = document.getElementById('txFormStatus');\r\n    var submitBtn = document.getElementById('txSubmitBtn');\r\n    \r\n    statusDiv.style.display = 'block';\r\n    statusDiv.innerHTML = '\u2705 <strong>Thank You!<\/strong> Our team will contact you within 24 hours.';\r\n    statusDiv.style.color = '#2EB87C';\r\n    statusDiv.style.backgroundColor = '#e6f7ef';\r\n    statusDiv.style.padding = '12px';\r\n    statusDiv.style.borderRadius = '8px';\r\n    statusDiv.style.textAlign = 'center';\r\n    \r\n    if (submitBtn) {\r\n        submitBtn.style.display = 'none';\r\n    }\r\n}\r\n\r\nfunction showFormStatus(message, type) {\r\n    var statusDiv = document.getElementById('txFormStatus');\r\n    statusDiv.style.display = 'block';\r\n    statusDiv.innerHTML = message;\r\n    \r\n    if (type === 'error') {\r\n        statusDiv.style.color = '#e53e3e';\r\n        statusDiv.style.backgroundColor = '#fff5f5';\r\n    } else if (type === 'success') {\r\n        statusDiv.style.color = '#2EB87C';\r\n        statusDiv.style.backgroundColor = '#e6f7ef';\r\n    } else {\r\n        statusDiv.style.color = '#3182ce';\r\n        statusDiv.style.backgroundColor = '#ebf8ff';\r\n    }\r\n    \r\n    statusDiv.style.padding = '12px';\r\n    statusDiv.style.borderRadius = '8px';\r\n    statusDiv.style.textAlign = 'center';\r\n}\r\n\r\nfunction closePopup() {\r\n    var popup = document.getElementById('txPopupOverlay');\r\n    popup.classList.remove('show');\r\n    document.body.style.overflow = 'auto';\r\n}\r\n\r\ndocument.addEventListener('keydown', function(e) {\r\n    if (e.key === 'Escape') {\r\n        var popup = document.getElementById('txPopupOverlay');\r\n        if (popup.classList.contains('show')) {\r\n            closePopup();\r\n        }\r\n    }\r\n});\r\n\r\ndocument.getElementById('txPopupOverlay').addEventListener('click', function(e) {\r\n    if (e.target === this) {\r\n        closePopup();\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&times; Web Development Full Stack MERN Developer Course in Noida \u2013 Become a Job-Ready Web Developer \ud83d\udcca Level Beginner to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":11,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","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":"disabled","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-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":"","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-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":"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":""},"mobile":{"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":""}},"two_page_speed":[],"footnotes":""},"class_list":["post-4003","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/4003","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/comments?post=4003"}],"version-history":[{"count":26,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/4003\/revisions"}],"predecessor-version":[{"id":4574,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/4003\/revisions\/4574"}],"up":[{"embeddable":true,"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/pages\/11"}],"wp:attachment":[{"href":"https:\/\/trainingx.in\/new\/wp-json\/wp\/v2\/media?parent=4003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}