{"id":41,"date":"2026-07-23T10:11:34","date_gmt":"2026-07-23T04:41:34","guid":{"rendered":"https:\/\/nnjiti.com\/?page_id=41"},"modified":"2026-07-24T10:08:09","modified_gmt":"2026-07-24T04:38:09","slug":"homepage","status":"publish","type":"page","link":"https:\/\/nnjiti.com\/","title":{"rendered":"homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0000648 e-con e-atomic-element e-flexbox-base e-443a8db \" data-id=\"0000648\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0000648\" data-e-type=\"e-flexbox\" data-id=\"0000648\">\n    \t\t<div class=\"elementor-element elementor-element-97dc991 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"97dc991\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<!-- Custom Fonts & FontAwesome (Loads only if not already loaded by Astra\/Elementor) -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* Scope styles under a custom wrapper to avoid colliding with Astra Theme or Elementor global styles *\/\n    .nnjiti-wrap {\n        --nnj-primary: #0f172a;\n        --nnj-primary-light: #1e293b;\n        --nnj-accent: #f59e0b;\n        --nnj-accent-hover: #d97706;\n        --nnj-accent-glow: rgba(245, 158, 11, 0.15);\n        --nnj-text-dark: #0f172a;\n        --nnj-text-muted: #64748b;\n        --nnj-bg-light: #f8fafc;\n        --nnj-bg-card: #ffffff;\n        --nnj-border-color: #e2e8f0;\n        --nnj-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        --nnj-font-heading: 'Outfit', sans-serif;\n        --nnj-font-body: 'Inter', sans-serif;\n        \n        font-family: var(--nnj-font-body);\n        color: #334155;\n        background-color: var(--nnj-bg-light);\n        line-height: 1.6;\n    }\n\n    .nnjiti-wrap * {\n        box-sizing: border-box;\n        margin: 0;\n        padding: 0;\n    }\n\n    .nnjiti-wrap h1, .nnjiti-wrap h2, .nnjiti-wrap h3, .nnjiti-wrap h4, .nnjiti-wrap h5, .nnjiti-wrap h6 {\n        font-family: var(--nnj-font-heading);\n        \/*color: var(--nnj-primary);*\/\n        font-weight: 700;\n    }\n\n    .nnjiti-wrap .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 0 24px;\n    }\n\n    .nnjiti-wrap .section-padding {\n        padding: 80px 0;\n    }\n\n    .nnjiti-wrap .text-center {\n        text-align: center;\n    }\n\n    .nnjiti-wrap .badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        background: var(--nnj-accent-glow);\n        color: var(--nnj-accent-hover);\n        padding: 8px 16px;\n        border-radius: 9999px;\n        font-weight: 600;\n        font-size: 0.85rem;\n        margin-bottom: 24px;\n        border: 1px solid rgba(245, 158, 11, 0.3);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n    }\n\n    .nnjiti-wrap .section-title {\n        font-size: 2.5rem;\n        margin-bottom: 16px;\n        position: relative;\n    }\n\n    .nnjiti-wrap .section-title span {\n        color: var(--nnj-accent);\n    }\n\n    .nnjiti-wrap .section-subtitle {\n        font-size: 1.1rem;\n        color: var(--nnj-text-muted);\n        max-width: 600px;\n        margin: 0 auto 60px;\n    }\n\n    \/* Buttons *\/\n    .nnjiti-wrap .btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 10px;\n        padding: 14px 28px;\n        border-radius: 8px;\n        font-weight: 600;\n        font-size: 1rem;\n        cursor: pointer;\n        transition: var(--nnj-transition);\n        text-decoration: none;\n        border: none;\n    }\n\n    .nnjiti-wrap .btn-primary {\n        background-color: var(--nnj-accent);\n        color: var(--nnj-primary);\n        box-shadow: 0 4px 14px rgba(245, 158, 11, 0.4);\n    }\n\n    .nnjiti-wrap .btn-primary:hover {\n        background-color: var(--nnj-accent-hover);\n        color: white;\n        transform: translateY(-2px);\n        box-shadow: 0 6px 20px rgba(245, 158, 11, 0.6);\n    }\n\n    .nnjiti-wrap .btn-secondary {\n        background-color: transparent;\n        color: white;\n        border: 2px solid rgba(255, 255, 255, 0.2);\n    }\n\n    .nnjiti-wrap .btn-secondary:hover {\n        background-color: rgba(255, 255, 255, 0.1);\n        border-color: white;\n        transform: translateY(-2px);\n    }\n\n    .nnjiti-wrap .btn-dark {\n        background-color: var(--nnj-primary);\n        color: white;\n    }\n\n    .nnjiti-wrap .btn-dark:hover {\n        background-color: var(--nnj-primary-light);\n        transform: translateY(-2px);\n    }\n\n    \/* Hero Section *\/\n    .nnj-hero {\n        background: radial-gradient(circle at 80% 20%, rgba(30, 41, 59, 0.95) 0%, var(--nnj-primary) 100%), url('REPLACE_WITH_HERO_IMAGE_URL') no-repeat center center\/cover;\n        color: white;\n        position: relative;\n        padding: 100px 0 120px;\n        overflow: hidden;\n    }\n\n    .nnj-hero::before {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 100px;\n        background: linear-gradient(to top, var(--nnj-bg-light), transparent);\n    }\n\n    .nnj-hero-grid {\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 60px;\n        align-items: center;\n    }\n\n    .nnj-hero-title {\n        font-size: 2.8rem;\n        line-height: 1.15;\n        color: white;\n        margin-bottom: 24px;\n    }\n\n    .nnj-hero-title span {\n        color: var(--nnj-accent);\n        background: linear-gradient(135deg, #fbbf24, #f59e0b);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n\n    .nnj-hero-text {\n        font-size: 1.15rem;\n        color: rgba(255, 255, 255, 0.85);\n        margin-bottom: 40px;\n        max-width: 580px;\n    }\n\n    .nnj-hero-actions {\n        display: flex;\n        gap: 20px;\n        margin-bottom: 48px;\n    }\n\n    .nnj-hero-trust-row {\n        display: flex;\n        gap: 30px;\n        border-top: 1px solid rgba(255, 255, 255, 0.1);\n        padding-top: 30px;\n    }\n\n    .nnj-hero-trust-item {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .nnj-hero-trust-icon {\n        color: var(--nnj-accent);\n        font-size: 1.5rem;\n    }\n\n    .nnj-hero-trust-text h5 {\n        color: white;\n        font-size: 0.9rem;\n        font-weight: 600;\n    }\n\n    .nnj-hero-trust-text p {\n        color: rgba(255,255,255,0.6);\n        font-size: 0.8rem;\n    }\n\n    .nnj-hero-media-wrapper {\n        position: relative;\n    }\n\n    .nnj-hero-img-box {\n        position: relative;\n        border-radius: 20px;\n        overflow: hidden;\n        box-shadow: 0 30px 60px rgba(0,0,0,0.5);\n        border: 4px solid rgba(255, 255, 255, 0.05);\n        transform: perspective(1000px) rotateY(-5deg);\n        transition: var(--nnj-transition);\n    }\n\n    .nnj-hero-img-box:hover {\n        transform: perspective(1000px) rotateY(0deg) translateY(-5px);\n    }\n\n    .nnj-hero-img-box img {\n        width: 100%;\n        display: block;\n        object-fit: cover;\n    }\n\n    .nnj-floating-card {\n        position: absolute;\n        bottom: 30px;\n        left: -30px;\n        background: rgba(15, 23, 42, 0.85);\n        backdrop-filter: blur(15px);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        padding: 20px;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n        animation: nnjFloat 4s ease-in-out infinite;\n    }\n\n    @keyframes nnjFloat {\n        0%, 100% { transform: translateY(0); }\n        50% { transform: translateY(-10px); }\n    }\n\n    .nnj-floating-card-icon {\n        background: var(--nnj-accent);\n        color: var(--nnj-primary);\n        width: 50px;\n        height: 50px;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.4rem;\n    }\n\n    .nnj-floating-card-text h4 {\n        color: white;\n        font-size: 1.05rem;\n        margin-bottom: 2px;\n    }\n\n    .nnj-floating-card-text p {\n        color: var(--nnj-accent);\n        font-size: 0.85rem;\n        font-weight: 600;\n    }\n\n    \/* Accreditation Bar *\/\n    .nnj-accreditation-bar {\n        background: var(--nnj-bg-card);\n        padding: 30px 0;\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);\n        border-bottom: 1px solid var(--nnj-border-color);\n        margin-top: -50px;\n        position: relative;\n        z-index: 10;\n        border-radius: 16px;\n    }\n\n    .nnj-accreditation-bar-inner {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 30px;\n        text-align: center;\n    }\n\n    .nnj-acc-item {\n        border-right: 1px solid var(--nnj-border-color);\n        padding: 0 10px;\n    }\n\n    .nnj-acc-item:last-child {\n        border-right: none;\n    }\n\n    .nnj-acc-item i {\n        color: var(--nnj-accent);\n        font-size: 2rem;\n        margin-bottom: 12px;\n    }\n\n    .nnj-acc-item h4 {\n        font-size: 1.1rem;\n        margin-bottom: 4px;\n    }\n\n    .nnj-acc-item p {\n        font-size: 0.85rem;\n        color: var(--nnj-text-muted);\n    }\n\n    \/* About Section *\/\n    .nnj-about-grid {\n        display: grid;\n        grid-template-columns: 0.95fr 1.05fr;\n        gap: 60px;\n        align-items: center;\n    }\n\n    .nnj-about-images {\n        position: relative;\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n\n    .nnj-about-img-item {\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);\n        border: 3px solid white;\n    }\n\n    .nnj-about-img-item.tall {\n        grid-row: span 2;\n        height: 380px;\n    }\n\n    .nnj-about-img-item img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        transition: var(--nnj-transition);\n    }\n\n    .nnj-about-img-item:hover img {\n        transform: scale(1.08);\n    }\n\n    .nnj-about-experience-badge {\n        position: absolute;\n        bottom: 20px;\n        right: 20px;\n        background: var(--nnj-primary);\n        color: white;\n        padding: 24px;\n        border-radius: 12px;\n        text-align: center;\n        border-left: 5px solid var(--nnj-accent);\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n    }\n\n    .nnj-about-experience-badge h3 {\n        color: var(--nnj-accent);\n        font-size: 2.2rem;\n        line-height: 1;\n        margin-bottom: 4px;\n    }\n\n    .nnj-about-experience-badge p {\n        font-size: 0.8rem;\n        text-transform: uppercase;\n        letter-spacing: 0.1em;\n        font-weight: 600;\n    }\n\n    .nnj-about-content h2 {\n        font-size: 2.5rem;\n        margin-bottom: 24px;\n        line-height: 1.2;\n    }\n\n    .nnj-about-content p {\n        color: var(--nnj-text-muted);\n        margin-bottom: 24px;\n    }\n\n    .nnj-about-features {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        margin-bottom: 36px;\n    }\n\n    .nnj-about-feat-item {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n    }\n\n    .nnj-about-feat-item i {\n        color: var(--nnj-accent);\n        background: var(--nnj-accent-glow);\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.85rem;\n        flex-shrink: 0;\n        margin-top: 2px;\n    }\n\n    .nnj-about-feat-item h5 {\n        font-size: 1rem;\n        margin-bottom: 4px;\n        color: var(--nnj-primary);\n    }\n\n    .nnj-about-feat-item p {\n        font-size: 0.85rem;\n        margin-bottom: 0;\n    }\n\n    \/* Trades\/Courses Section *\/\n    .nnj-trades-section {\n        background-color: var(--nnj-primary);\n        color: white;\n    }\n\n    .nnj-trades-section .section-title {\n        color: white;\n    }\n\n    .nnj-trades-tabs-nav {\n        display: flex;\n        justify-content: center;\n        gap: 15px;\n        margin-bottom: 50px;\n        flex-wrap: wrap;\n    }\n\n    .nnj-trade-tab-btn {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        color: rgba(255, 255, 255, 0.7);\n        padding: 14px 28px;\n        border-radius: 30px;\n        cursor: pointer;\n        font-weight: 600;\n        transition: var(--nnj-transition);\n        font-family: var(--nnj-font-heading);\n        font-size: 1rem;\n    }\n\n    .nnj-trade-tab-btn:hover {\n        background: rgba(255, 255, 255, 0.1);\n        color: white;\n    }\n\n    .nnj-trade-tab-btn.active {\n        background: var(--nnj-accent);\n        color: var(--nnj-primary);\n        border-color: var(--nnj-accent);\n        box-shadow: 0 4px 15px rgba(245, 158, 11, 0.4);\n    }\n\n    .nnj-trade-content-box {\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 20px;\n        padding: 50px;\n        display: none;\n        animation: nnjFadeIn 0.6s ease-in-out forwards;\n    }\n\n    .nnj-trade-content-box.active {\n        display: block;\n    }\n\n    @keyframes nnjFadeIn {\n        from { opacity: 0; transform: translateY(15px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    .nnj-trade-grid {\n        display: grid;\n        grid-template-columns: 1.1fr 0.9fr;\n        gap: 50px;\n        align-items: center;\n    }\n\n    .nnj-trade-info h3 {\n        color: white;\n        font-size: 2.2rem;\n        margin-bottom: 12px;\n    }\n\n    .nnj-trade-duration {\n        display: inline-block;\n        background: var(--nnj-accent-glow);\n        color: var(--nnj-accent);\n        padding: 6px 14px;\n        border-radius: 6px;\n        font-weight: 600;\n        font-size: 0.9rem;\n        margin-bottom: 24px;\n        border: 1px solid rgba(245, 158, 11, 0.2);\n    }\n\n    .nnj-trade-desc {\n        color: rgba(255, 255, 255, 0.75);\n        font-size: 1.05rem;\n        margin-bottom: 30px;\n    }\n\n    .nnj-trade-details-meta {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 24px;\n        margin-bottom: 40px;\n    }\n\n    .nnj-meta-box {\n        background: rgba(255, 255, 255, 0.03);\n        border-radius: 10px;\n        padding: 16px 20px;\n        border-left: 4px solid var(--nnj-accent);\n    }\n\n    .nnj-meta-box span {\n        display: block;\n        font-size: 0.8rem;\n        color: rgba(255, 255, 255, 0.5);\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        margin-bottom: 4px;\n    }\n\n    .nnj-meta-box h4 {\n        color: white;\n        font-size: 1.1rem;\n        font-weight: 600;\n    }\n\n    .nnj-trade-img {\n        border-radius: 15px;\n        overflow: hidden;\n        border: 3px solid rgba(255, 255, 255, 0.05);\n        box-shadow: 0 10px 15px rgba(0,0,0,0.3);\n        height: 350px;\n    }\n\n    .nnj-trade-img img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n    }\n\n    \/* Stats Section *\/\n    .nnj-stats-section {\n        background: linear-gradient(135deg, var(--nnj-accent) 0%, #d97706 100%);\n        color: var(--nnj-primary);\n        padding: 80px 0;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .nnj-stats-grid {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 40px;\n        text-align: center;\n    }\n\n    .nnj-stat-item {\n        position: relative;\n    }\n\n    .nnj-stat-item::after {\n        content: '';\n        position: absolute;\n        right: -20px;\n        top: 50%;\n        transform: translateY(-50%);\n        width: 1px;\n        height: 60px;\n        background: rgba(15, 23, 42, 0.15);\n    }\n\n    .nnj-stat-item:last-child::after {\n        display: none;\n    }\n\n    .nnj-stat-number {\n        font-size: 3.5rem;\n        font-weight: 800;\n        font-family: var(--nnj-font-heading);\n        line-height: 1;\n        margin-bottom: 8px;\n        color: var(--nnj-primary);\n    }\n\n    .nnj-stat-label {\n        font-size: 1rem;\n        font-weight: 600;\n        color: rgba(15, 23, 42, 0.8);\n    }\n\n    \/* Amenities Features *\/\n    .nnj-features-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n    }\n\n    .nnj-feature-card {\n        background: var(--nnj-bg-card);\n        border: 1px solid var(--nnj-border-color);\n        border-radius: 16px;\n        padding: 40px;\n        transition: var(--nnj-transition);\n        position: relative;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .nnj-feature-card::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: linear-gradient(to right, var(--nnj-accent), var(--nnj-accent-hover));\n        transform: scaleX(0);\n        transform-origin: left;\n        transition: var(--nnj-transition);\n    }\n\n    .nnj-feature-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);\n        border-color: transparent;\n    }\n\n    .nnj-feature-card:hover::before {\n        transform: scaleX(1);\n    }\n\n    .nnj-feat-icon-box {\n        background: var(--nnj-bg-light);\n        color: var(--nnj-primary);\n        width: 60px;\n        height: 60px;\n        border-radius: 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.6rem;\n        margin-bottom: 24px;\n        transition: var(--nnj-transition);\n    }\n\n    .nnj-feature-card:hover .nnj-feat-icon-box {\n        background: var(--nnj-accent);\n        color: var(--nnj-primary);\n        box-shadow: 0 0 20px rgba(245, 158, 11, 0.3);\n    }\n\n    .nnj-feature-card h3 {\n        font-size: 1.25rem;\n        margin-bottom: 12px;\n    }\n\n    .nnj-feature-card p {\n        color: var(--nnj-text-muted);\n        font-size: 0.95rem;\n        flex-grow: 1;\n    }\n\n    \/* Testimonials *\/\n    .nnj-testimonials {\n        background-color: var(--nnj-bg-light);\n        border-top: 1px solid var(--nnj-border-color);\n    }\n\n    .nnj-testi-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n    }\n\n    .nnj-testi-card {\n        background: var(--nnj-bg-card);\n        border: 1px solid var(--nnj-border-color);\n        border-radius: 16px;\n        padding: 30px;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.1);\n        transition: var(--nnj-transition);\n    }\n\n    .nnj-testi-card:hover {\n        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);\n        transform: translateY(-4px);\n    }\n\n    .nnj-testi-stars {\n        color: var(--nnj-accent);\n        margin-bottom: 16px;\n        font-size: 0.9rem;\n    }\n\n    .nnj-testi-text {\n        font-style: italic;\n        color: #475569;\n        margin-bottom: 24px;\n        font-size: 0.95rem;\n    }\n\n    .nnj-testi-author {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n    }\n\n    .nnj-testi-avatar {\n        width: 45px;\n        height: 45px;\n        border-radius: 50%;\n        background: var(--nnj-primary);\n        color: white;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-weight: 700;\n        font-size: 1rem;\n    }\n\n    .nnj-testi-meta h4 {\n        font-size: 0.95rem;\n        margin-bottom: 2px;\n    }\n\n    .nnj-testi-meta p {\n        font-size: 0.8rem;\n        color: var(--nnj-text-muted);\n    }\n\n    \/* Admissions & CTA *\/\n    .nnj-cta-section {\n        background: radial-gradient(circle at 10% 90%, rgba(30, 41, 59, 0.95) 0%, var(--nnj-primary) 100%);\n        color: white;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .nnj-cta-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 80px;\n        align-items: center;\n    }\n\n    .nnj-cta-content h2 {\n        color: white;\n        font-size: 2.8rem;\n        line-height: 1.15;\n        margin-bottom: 24px;\n    }\n\n    .nnj-cta-content p {\n        color: rgba(255, 255, 255, 0.75);\n        font-size: 1.1rem;\n        margin-bottom: 40px;\n    }\n\n    .nnj-cta-contact-list {\n        display: flex;\n        flex-direction: column;\n        gap: 24px;\n    }\n\n    .nnj-cta-contact-item {\n        display: flex;\n        gap: 20px;\n        align-items: flex-start;\n    }\n\n    .nnj-cta-icon-box {\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        color: var(--nnj-accent);\n        width: 48px;\n        height: 48px;\n        border-radius: 10px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.25rem;\n        flex-shrink: 0;\n    }\n\n    .nnj-cta-item-text h4 {\n        color: white;\n        font-size: 1.1rem;\n        margin-bottom: 4px;\n    }\n\n    .nnj-cta-item-text p {\n        color: rgba(255, 255, 255, 0.65);\n        font-size: 0.95rem;\n        margin-bottom: 0;\n    }\n\n    .nnj-cta-form-box {\n        background: rgba(255, 255, 255, 0.03);\n        border: 1px solid rgba(255, 255, 255, 0.08);\n        border-radius: 20px;\n        padding: 40px;\n        backdrop-filter: blur(10px);\n    }\n\n    .nnj-cta-form-box h3 {\n        color: white;\n        font-size: 1.5rem;\n        margin-bottom: 8px;\n    }\n\n    .nnj-cta-form-box p {\n        color: rgba(255, 255, 255, 0.5);\n        font-size: 0.9rem;\n        margin-bottom: 24px;\n    }\n\n    .nnj-form-group {\n        margin-bottom: 20px;\n    }\n\n    .nnj-form-label {\n        display: block;\n        color: rgba(255,255,255,0.8);\n        font-size: 0.85rem;\n        font-weight: 500;\n        margin-bottom: 8px;\n    }\n\n    .nnj-form-control {\n        width: 100%;\n        background: rgba(255, 255, 255, 0.05);\n        border: 1px solid rgba(255, 255, 255, 0.1);\n        border-radius: 8px;\n        padding: 12px 16px;\n        color: white;\n        font-family: var(--nnj-font-body);\n        font-size: 0.95rem;\n        transition: var(--nnj-transition);\n    }\n\n    .nnj-form-control:focus {\n        outline: none;\n        border-color: var(--nnj-accent);\n        background: rgba(255, 255, 255, 0.08);\n        box-shadow: 0 0 10px rgba(245, 158, 11, 0.1);\n    }\n\n    select.nnj-form-control option {\n        background: var(--nnj-primary);\n        color: white;\n    }\n\n    \/* Footer Info *\/\n    .nnj-footer {\n        background-color: #05070c;\n        color: rgba(255, 255, 255, 0.5);\n        padding: 80px 0 30px;\n        border-top: 1px solid rgba(255,255,255,0.05);\n    }\n\n    .nnj-footer-grid {\n        display: grid;\n        grid-template-columns: 1.5fr 1fr 1fr 1fr;\n        gap: 50px;\n        margin-bottom: 60px;\n    }\n\n    .nnj-footer-logo {\n        margin-bottom: 20px;\n    }\n\n    .nnj-footer-logo-title {\n        color: white;\n        font-size: 1.5rem;\n        font-weight: 800;\n    }\n\n    .nnj-footer-logo-subtitle {\n        color: var(--nnj-accent);\n        font-size: 0.8rem;\n        font-weight: 600;\n        letter-spacing: 0.1em;\n    }\n\n    .nnj-footer-desc {\n        margin-bottom: 24px;\n        font-size: 0.9rem;\n        line-height: 1.7;\n    }\n\n    .nnj-footer-socials {\n        display: flex;\n        gap: 15px;\n    }\n\n    .nnj-social-link {\n        background: rgba(255,255,255,0.03);\n        border: 1px solid rgba(255,255,255,0.08);\n        color: rgba(255,255,255,0.6);\n        width: 40px;\n        height: 40px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        text-decoration: none;\n        transition: var(--nnj-transition);\n    }\n\n    .nnj-social-link:hover {\n        background: var(--nnj-accent);\n        color: var(--nnj-primary);\n        border-color: var(--nnj-accent);\n        transform: translateY(-3px);\n    }\n\n    .nnj-footer-col h4 {\n        color: white;\n        font-size: 1.1rem;\n        margin-bottom: 24px;\n        position: relative;\n        padding-bottom: 8px;\n    }\n\n    .nnj-footer-col h4::after {\n        content: '';\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 35px;\n        height: 2px;\n        background: var(--nnj-accent);\n    }\n\n    .nnj-footer-links {\n        list-style: none;\n        display: flex;\n        flex-direction: column;\n        gap: 14px;\n    }\n\n    .nnj-footer-links a {\n        color: rgba(255, 255, 255, 0.6);\n        text-decoration: none;\n        transition: var(--nnj-transition);\n        font-size: 0.9rem;\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n    }\n\n    .nnj-footer-links a:hover {\n        color: var(--nnj-accent);\n        padding-left: 4px;\n    }\n\n    .nnj-footer-bottom {\n        border-top: 1px solid rgba(255,255,255,0.05);\n        padding-top: 30px;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-size: 0.85rem;\n    }\n\n    \/* Responsive Queries *\/\n    @media (max-width: 1024px) {\n        .nnj-hero-title {\n            font-size: 2.8rem;\n        }\n        .nnj-hero-grid, .nnj-about-grid, .nnj-trade-grid, .nnj-cta-grid {\n            grid-template-columns: 1fr;\n            gap: 50px;\n        }\n        .nnj-hero-media-wrapper {\n            max-width: 500px;\n            margin: 0 auto;\n        }\n        .nnj-floating-card {\n            left: 0;\n        }\n        .nnj-accreditation-bar-inner {\n            grid-template-columns: repeat(2, 1fr);\n            gap: 20px;\n        }\n        .nnj-acc-item {\n            border-right: none;\n        }\n        .nnj-acc-item:nth-child(odd) {\n            border-right: 1px solid var(--nnj-border-color);\n        }\n        .nnj-features-grid, .nnj-testi-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .nnj-footer-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n    }\n\n    @media (max-width: 768px) {\n        .nnjiti-wrap .section-padding {\n            padding: 60px 0;\n        }\n        .nnj-hero-title {\n            font-size: 2.3rem;\n        }\n        .nnj-hero-actions {\n            flex-direction: column;\n        }\n        .nnj-hero-trust-row {\n            flex-direction: column;\n            gap: 15px;\n        }\n        .nnj-stats-grid {\n            grid-template-columns: repeat(2, 1fr);\n        }\n        .nnj-stat-item::after {\n            display: none;\n        }\n        .nnj-features-grid, .nnj-testi-grid, .nnj-footer-grid {\n            grid-template-columns: 1fr;\n        }\n        .nnj-accreditation-bar-inner {\n            grid-template-columns: 1fr;\n        }\n        .nnj-acc-item:nth-child(odd) {\n            border-right: none;\n        }\n        .nnj-trade-content-box {\n            padding: 30px;\n        }\n        .nnj-trade-details-meta {\n            grid-template-columns: 1fr;\n        }\n        .nnj-footer-bottom {\n            flex-direction: column;\n            gap: 15px;\n            text-align: center;\n        }\n    }\n<\/style>\n\n<div class=\"nnjiti-wrap\">\n\n    <!-- Hero Section -->\n    <section class=\"nnj-hero\">\n        <div class=\"container\">\n            <div class=\"nnj-hero-grid\">\n                <div class=\"nnj-hero-info\">\n                    <span class=\"badge\"><i class=\"fa-solid fa-graduation-cap\"><\/i> Admissions Open 2026-27<\/span>\n                    <h1 class=\"nnj-hero-title\">Empower Your Future with <span>Technical Skills<\/span><\/h1>\n                    <p class=\"nnj-hero-text\">N.N. Joshi Private ITI provides NCVT affiliated vocational training designed to shape successful engineering careers. Learn by doing in industry-standard labs.<\/p>\n                    \n                    <div class=\"nnj-hero-actions\">\n                        <a href=\"#admission-contact\" class=\"btn btn-primary\">Enroll Today <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\n                        <a href=\"#courses-display\" class=\"btn btn-secondary\">Explore Trades <i class=\"fa-solid fa-gears\"><\/i><\/a>\n                    <\/div>\n\n                    <div class=\"nnj-hero-trust-row\">\n                        <div class=\"nnj-hero-trust-item\">\n                            <i class=\"fa-solid fa-circle-check nnj-hero-trust-icon\"><\/i>\n                            <div class=\"nnj-hero-trust-text\">\n                                <h5>NCVT Affiliated<\/h5>\n                                <p>Govt. of India Approved<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nnj-hero-trust-item\">\n                            <i class=\"fa-solid fa-award nnj-hero-trust-icon\"><\/i>\n                            <div class=\"nnj-hero-trust-text\">\n                                <h5>100% Practical<\/h5>\n                                <p>Workshop Centric Study<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"nnj-hero-media-wrapper\">\n                    <div class=\"nnj-hero-img-box\">\n                        <!-- REPLACE_WITH_HERO_IMAGE_URL - Upload hero_banner.jpg and paste link here -->\n                        <img decoding=\"async\" src=\"https:\/\/nnjiti.com\/wp-content\/uploads\/2026\/07\/nnjiti-hero-image-1-e1784867791608.jpeg\" alt=\"NNJ ITI Training\">\n                    <\/div>\n                    <div class=\"nnj-floating-card\">\n                        <div class=\"nnj-floating-card-icon\">\n                            <i class=\"fa-solid fa-shield-halved\"><\/i>\n                        <\/div>\n                        <div class=\"nnj-floating-card-text\">\n                            <h4>NCVT Approved<\/h4>\n                            <p>Code: PU05000048<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Accreditation Bar -->\n    <div class=\"container\" style=\"margin-bottom: 50px;\">\n        <div class=\"nnj-accreditation-bar\">\n            <div class=\"nnj-accreditation-bar-inner\">\n                <div class=\"nnj-acc-item\">\n                    <i class=\"fa-solid fa-building-columns\"><\/i>\n                    <h4>NCVT Registered<\/h4>\n                    <p>National Council for Vocational Training<\/p>\n                <\/div>\n                <div class=\"nnj-acc-item\">\n                    <i class=\"fa-solid fa-stamp\"><\/i>\n                    <h4>MSDE Approved<\/h4>\n                    <p>Ministry of Skill Dev. & Entrepreneurship<\/p>\n                <\/div>\n                <div class=\"nnj-acc-item\">\n                    <i class=\"fa-solid fa-flask-vial\"><\/i>\n                    <h4>Modern Labs<\/h4>\n                    <p>Equipped with advanced toolsets<\/p>\n                <\/div>\n                <div class=\"nnj-acc-item\">\n                    <i class=\"fa-solid fa-user-tie\"><\/i>\n                    <h4>Placement Support<\/h4>\n                    <p>Active placement assistance for graduates<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- About Section -->\n    <section id=\"about-us\" class=\"section-padding\">\n        <div class=\"container\">\n            <div class=\"nnj-about-grid\">\n                <div class=\"nnj-about-images\">\n                    <div class=\"nnj-about-img-item tall\">\n                        <!-- REPLACE_WITH_ELECTRICIAN_IMAGE_URL -->\n                        <img src=https:\/\/nnjiti.com\/wp-content\/uploads\/2026\/07\/nnjiti-hero-image-1-e1784867791608.jpeg\" alt=\"Electrician Lab Training\">\n                    <\/div>\n                    <div class=\"nnj-about-img-item\" style=\"height: 180px;\">\n                        <!-- REPLACE_WITH_COPA_IMAGE_URL -->\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&fit=crop&q=80&w=500\" alt=\"Computer Programming Lab\">\n                    <\/div>\n                    <div class=\"nnj-about-img-item\" style=\"height: 180px;\">\n                        <!-- REPLACE_WITH_FITTER_IMAGE_URL -->\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&q=80&w=500\" alt=\"Fitter Welder Workshop\">\n                    <\/div>\n                    <div class=\"nnj-about-experience-badge\">\n                        <h3>10+<\/h3>\n                        <p>Years of<br>Educational Excellence<\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"nnj-about-content\">\n                    <span class=\"badge\"><i class=\"fa-solid fa-circle-info\"><\/i> Welcome to NNJ ITI<\/span>\n                    <h2>Nurturing Qualified Technicians & Professionals Since 2014<\/h2>\n                    <p>Established on February 2, 2014, in Kichha, Uttarakhand, N.N. Joshi Private ITI is a premier vocational training institute affiliated with the NCVT. We bridge the gap between classroom academics and industrial engineering requirements.<\/p>\n                    <p>Our training models focus deeply on individual talent and manual precision, preparing each candidate for direct placement in reputed firms across India.<\/p>\n                    \n                    <div class=\"nnj-about-features\">\n                        <div class=\"nnj-about-feat-item\">\n                            <i class=\"fa-solid fa-check\"><\/i>\n                            <div>\n                                <h5>Experienced Instructors<\/h5>\n                                <p>Skilled professionals from technical backgrounds.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nnj-about-feat-item\">\n                            <i class=\"fa-solid fa-check\"><\/i>\n                            <div>\n                                <h5>Modern Course Curriculum<\/h5>\n                                <p>Regularly updated as per NCVT regulations.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nnj-about-feat-item\">\n                            <i class=\"fa-solid fa-check\"><\/i>\n                            <div>\n                                <h5>Rich Workshop Facilities<\/h5>\n                                <p>Separate mechanical and electrical test benches.<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nnj-about-feat-item\">\n                            <i class=\"fa-solid fa-check\"><\/i>\n                            <div>\n                                <h5>Career Guidance Cell<\/h5>\n                                <p>Seminars, mockup interviews and job fairs.<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"#admission-contact\" class=\"btn btn-dark\">Learn More About Us <i class=\"fa-solid fa-circle-chevron-right\"><\/i><\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Trades Showcase Section -->\n    <section id=\"courses-display\" class=\"section-padding nnj-trades-section\">\n        <div class=\"container\">\n            <div class=\"text-center\">\n                <span class=\"badge\" style=\"background: rgba(255,255,255,0.05); color: var(--nnj-accent);\"><i class=\"fa-solid fa-screwdriver-wrench\"><\/i> Choose Your Trade<\/span>\n                <h2 class=\"section-title\">Job Oriented <span>Vocational Courses<\/span><\/h2>\n                <p class=\"section-subtitle\" style=\"color: rgba(255, 255, 255, 0.6);\">Accelerate your career with our specialized, hands-on certification training programs.<\/p>\n            <\/div>\n\n            <!-- Tab Navigation -->\n            <div class=\"nnj-trades-tabs-nav\">\n                <button class=\"nnj-trade-tab-btn active\" onclick=\"nnjSwitchTrade(event, 'nnj-copa')\">COPA (Computers)<\/button>\n                <button class=\"nnj-trade-tab-btn\" onclick=\"nnjSwitchTrade(event, 'nnj-electrician')\">Electrician<\/button>\n                <button class=\"nnj-trade-tab-btn\" onclick=\"nnjSwitchTrade(event, 'nnj-fitter')\">Fitter & Welder<\/button>\n            <\/div>\n\n            <!-- Tab Contents -->\n            <div id=\"nnj-copa\" class=\"nnj-trade-content-box active\">\n                <div class=\"nnj-trade-grid\">\n                    <div class=\"nnj-trade-info\">\n                        <h3>Computer Operator & Programming Assistant (COPA)<\/h3>\n                        <span class=\"nnj-trade-duration\"><i class=\"fa-regular fa-clock\"><\/i> Course Duration: 1 Year (2 Semesters)<\/span>\n                        <p class=\"nnj-trade-desc\">This course focuses on computer applications, programming concepts, web designing, database management, and cybersecurity. Ideal for students wishing to secure immediate employment in corporate IT departments, software labs, and administrative operations.<\/p>\n                        \n                        <div class=\"nnj-trade-details-meta\">\n                            <div class=\"nnj-meta-box\">\n                                <span>Eligibility<\/span>\n                                <h4>10th Class Passed<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Core Syllabus<\/span>\n                                <h4>HTML, JS, Python, SQL, Office Tools<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Key Skills Taught<\/span>\n                                <h4>Coding, Web Design, Data Entry<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Career Path<\/span>\n                                <h4>IT Support, Web Dev, Lab Assistant<\/h4>\n                            <\/div>\n                        <\/div>\n\n                        <a href=\"#admission-contact\" class=\"btn btn-primary\">Inquire for COPA Admissions <i class=\"fa-solid fa-paper-plane\"><\/i><\/a>\n                    <\/div>\n                    <div class=\"nnj-trade-img\">\n                        <!-- REPLACE_WITH_COPA_IMAGE_URL -->\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531482615713-2afd69097998?auto=format&fit=crop&q=80&w=600\" alt=\"Computer Operator & Programming Assistant\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"nnj-electrician\" class=\"nnj-trade-content-box\">\n                <div class=\"nnj-trade-grid\">\n                    <div class=\"nnj-trade-info\">\n                        <h3>Electrician Trade<\/h3>\n                        <span class=\"nnj-trade-duration\"><i class=\"fa-regular fa-clock\"><\/i> Course Duration: 2 Years (4 Semesters)<\/span>\n                        <p class=\"nnj-trade-desc\">Learn basic and advanced electrical safety, wiring systems, electrical machines, motors, generators, control panels, and transformer testing. This trade yields one of the highest placement rates in government agencies, railways, power plants, and industrial lines.<\/p>\n                        \n                        <div class=\"nnj-trade-details-meta\">\n                            <div class=\"nnj-meta-box\">\n                                <span>Eligibility<\/span>\n                                <h4>10th Class (Science & Math)<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Core Syllabus<\/span>\n                                <h4>Wiring, AC\/DC Motors, Power Grids<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Key Skills Taught<\/span>\n                                <h4>Wiring, Panel Design, Diagnostic Safety<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Career Path<\/span>\n                                <h4>Industrial Electrician, Line Supervisor<\/h4>\n                            <\/div>\n                        <\/div>\n\n                        <a href=\"#admission-contact\" class=\"btn btn-primary\">Inquire for Electrician Admissions <i class=\"fa-solid fa-paper-plane\"><\/i><\/a>\n                    <\/div>\n                    <div class=\"nnj-trade-img\">\n                        <!-- REPLACE_WITH_ELECTRICIAN_IMAGE_URL -->\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1621905252507-b354bc25edac?auto=format&fit=crop&q=80&w=600\" alt=\"Electrician Trade training\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div id=\"nnj-fitter\" class=\"nnj-trade-content-box\">\n                <div class=\"nnj-trade-grid\">\n                    <div class=\"nnj-trade-info\">\n                        <h3>Fitter & Welder Trades<\/h3>\n                        <span class=\"nnj-trade-duration\"><i class=\"fa-regular fa-clock\"><\/i> Course Duration: 1-2 Years<\/span>\n                        <p class=\"nnj-trade-desc\">Provides intensive training in metal cutting, filing, fitting, lathe machine operation, structural fabrication, gas welding, and arc welding. Fitters and Welders are crucial backbones for mechanical workshops, heavy manufacturing, pipelines, and automobile assembly yards.<\/p>\n                        \n                        <div class=\"nnj-trade-details-meta\">\n                            <div class=\"nnj-meta-box\">\n                                <span>Eligibility<\/span>\n                                <h4>10th Class Passed<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Core Syllabus<\/span>\n                                <h4>Machining, Structural Joints, Arc Welding<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Key Skills Taught<\/span>\n                                <h4>Precision Fitting, Heavy Welding, Blueprint Reading<\/h4>\n                            <\/div>\n                            <div class=\"nnj-meta-box\">\n                                <span>Career Path<\/span>\n                                <h4>Mechanical Fabricator, CNC Operator<\/h4>\n                            <\/div>\n                        <\/div>\n\n                        <a href=\"#admission-contact\" class=\"btn btn-primary\">Inquire for Fitter\/Welder Admissions <i class=\"fa-solid fa-paper-plane\"><\/i><\/a>\n                    <\/div>\n                    <div class=\"nnj-trade-img\">\n                        <!-- REPLACE_WITH_FITTER_IMAGE_URL -->\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&q=80&w=600\" alt=\"Fitter Welder Workshop training\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Stats Section -->\n    <section class=\"nnj-stats-section\">\n        <div class=\"container\">\n            <div class=\"nnj-stats-grid\">\n                <div class=\"nnj-stat-item\">\n                    <div class=\"nnj-stat-number\" data-target=\"12\">0<\/div>\n                    <div class=\"nnj-stat-label\">Years of Legacy<\/div>\n                <\/div>\n                <div class=\"nnj-stat-item\">\n                    <div class=\"nnj-stat-number\" data-target=\"2800\">0<\/div>\n                    <div class=\"nnj-stat-label\">Graduates Certified<\/div>\n                <\/div>\n                <div class=\"nnj-stat-item\">\n                    <div class=\"nnj-stat-number\" data-target=\"92\">0<\/div>\n                    <div class=\"nnj-stat-label\">Placement Percentage %<\/div>\n                <\/div>\n                <div class=\"nnj-stat-item\">\n                    <div class=\"nnj-stat-number\" data-target=\"16\">0<\/div>\n                    <div class=\"nnj-stat-label\">Advanced Labs<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Amenities Grid -->\n    <section id=\"amenities-us\" class=\"section-padding\">\n        <div class=\"container\">\n            <div class=\"text-center\">\n                <span class=\"badge\"><i class=\"fa-solid fa-star\"><\/i> Why Choose NNJ ITI<\/span>\n                <h2 class=\"section-title\">World Class <span>Training Amenities<\/span><\/h2>\n                <p class=\"section-subtitle\">We don't just teach courses; we foster highly practical environments for complete skill refinement.<\/p>\n            <\/div>\n\n            <div class=\"nnj-features-grid\">\n                <div class=\"nnj-feature-card\">\n                    <div class=\"nnj-feat-icon-box\">\n                        <i class=\"fa-solid fa-computer\"><\/i>\n                    <\/div>\n                    <h3>High-Tech Computer Labs<\/h3>\n                    <p>Equipped with high-speed internet, premium software, and individual terminal setups for our COPA students.<\/p>\n                <\/div>\n                <div class=\"nnj-feature-card\">\n                    <div class=\"nnj-feat-icon-box\">\n                        <i class=\"fa-solid fa-plug-circle-bolt\"><\/i>\n                    <\/div>\n                    <h3>Modern Electrical Shop<\/h3>\n                    <p>Includes safety test benches, winding gear, control boards, and standard generators for safe, simulated practice.<\/p>\n                <\/div>\n                <div class=\"nnj-feature-card\">\n                    <div class=\"nnj-feat-icon-box\">\n                        <i class=\"fa-solid fa-toolbox\"><\/i>\n                    <\/div>\n                    <h3>Heavy Fitting Shop<\/h3>\n                    <p>Industrial lathe machines, grinding setups, drills, and high-precision measuring instruments for manual engineering.<\/p>\n                <\/div>\n                <div class=\"nnj-feature-card\">\n                    <div class=\"nnj-feat-icon-box\">\n                        <i class=\"fa-solid fa-fire\"><\/i>\n                    <\/div>\n                    <h3>Welding Infrastructure<\/h3>\n                    <p>Equipped with state-of-the-art ARC, TIG, MIG, and Gas welding booths, operating with safety and ventilation protocols.<\/p>\n                <\/div>\n                <div class=\"nnj-feature-card\">\n                    <div class=\"nnj-feat-icon-box\">\n                        <i class=\"fa-solid fa-handshake-angle\"><\/i>\n                    <\/div>\n                    <h3>Active Placement Desk<\/h3>\n                    <p>Assistance in writing resumes, developing soft skills, and organizing recruitment drives with industrial partners.<\/p>\n                <\/div>\n                <div class=\"nnj-feature-card\">\n                    <div class=\"nnj-feat-icon-box\">\n                        <i class=\"fa-solid fa-book-open\"><\/i>\n                    <\/div>\n                    <h3>Technical Library<\/h3>\n                    <p>Wide array of engineering reference manuals, textbooks, industrial journals, and exam preparation resources.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Testimonials -->\n    <section class=\"section-padding nnj-testimonials\">\n        <div class=\"container\">\n            <div class=\"text-center\">\n                <span class=\"badge\"><i class=\"fa-solid fa-quote-left\"><\/i> Testimonials<\/span>\n                <h2 class=\"section-title\">What Our <span>Alumni Say<\/span><\/h2>\n                <p class=\"section-subtitle\">Real feedback from students who transformed their manual skills into structured engineering careers.<\/p>\n            <\/div>\n\n            <div class=\"nnj-testi-grid\">\n                <div class=\"nnj-testi-card\">\n                    <div class=\"nnj-testi-stars\">\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                    <\/div>\n                    <p class=\"nnj-testi-text\">\"The Electrician lab at N.N. Joshi ITI is outstanding. The instructors made sure every student could wire complex panels individually. I got placed in a manufacturing plant immediately after my exams.\"<\/p>\n                    <div class=\"nnj-testi-author\">\n                        <div class=\"nnj-testi-avatar\">RP<\/div>\n                        <div class=\"nnj-testi-meta\">\n                            <h4>Rahul Pandey<\/h4>\n                            <p>Electrician Graduate (Batch 2022)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"nnj-testi-card\">\n                    <div class=\"nnj-testi-stars\">\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                    <\/div>\n                    <p class=\"nnj-testi-text\">\"Doing the COPA course at NNJITI helped me build strong foundations in IT office operations and computer programming. The lab facilities are top-notch and the campus environment is very encouraging.\"<\/p>\n                    <div class=\"nnj-testi-author\">\n                        <div class=\"nnj-testi-avatar\">AS<\/div>\n                        <div class=\"nnj-testi-meta\">\n                            <h4>Aarti Sharma<\/h4>\n                            <p>COPA Graduate (Batch 2023)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"nnj-testi-card\">\n                    <div class=\"nnj-testi-stars\">\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star\"><\/i>\n                        <i class=\"fa-solid fa-star-half-stroke\"><\/i>\n                    <\/div>\n                    <p class=\"nnj-testi-text\">\"Heavy mechanical work requires high precision, and the Fitter instructors here are very strict about quality and safety. We spent hours on lathes and drills. Highly recommended for vocational studies.\"<\/p>\n                    <div class=\"nnj-testi-author\">\n                        <div class=\"nnj-testi-avatar\">VS<\/div>\n                        <div class=\"nnj-testi-meta\">\n                            <h4>Vikram Singh<\/h4>\n                            <p>Fitter Graduate (Batch 2021)<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Admissions Form Section -->\n    <section id=\"admission-contact\" class=\"section-padding nnj-cta-section\">\n        <div class=\"container\">\n            <div class=\"nnj-cta-grid\">\n                <div class=\"nnj-cta-content\">\n                    <h2>Take Your First Step Towards A Skilled Career<\/h2>\n                    <p>Admissions for the current academic session are actively open. Fill out the quick registration form, and our admissions advisor will contact you within 24 hours to schedule a campus tour.<\/p>\n                    \n                    <div class=\"nnj-cta-contact-list\">\n                        <div class=\"nnj-cta-contact-item\">\n                            <div class=\"nnj-cta-icon-box\">\n                                <i class=\"fa-solid fa-location-dot\"><\/i>\n                            <\/div>\n                            <div class=\"nnj-cta-item-text\">\n                                <h4>Our Location<\/h4>\n                                <p>Shantipuri No. 2, Kichha, Udham Singh Nagar, Uttarakhand - 263148<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nnj-cta-contact-item\">\n                            <div class=\"nnj-cta-icon-box\">\n                                <i class=\"fa-solid fa-envelope\"><\/i>\n                            <\/div>\n                            <div class=\"nnj-cta-item-text\">\n                                <h4>Email Enquiries<\/h4>\n                                <p>itisantipuri@gmail.com<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"nnj-cta-contact-item\">\n                            <div class=\"nnj-cta-icon-box\">\n                                <i class=\"fa-solid fa-phone\"><\/i>\n                            <\/div>\n                            <div class=\"nnj-cta-item-text\">\n                                <h4>Admission Helpline<\/h4>\n                                <p>+91 05944-268441, +91 98765 43210<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"nnj-cta-form-box\">\n                    <h3>Admission Inquiry 2026<\/h3>\n                    <p>Enter details below to download prospectus<\/p>\n                    \n                    <form action=\"#\" onsubmit=\"event.preventDefault(); alert('Inquiry submitted successfully! We will contact you soon.');\">\n                        <div class=\"nnj-form-group\">\n                            <label class=\"nnj-form-label\">Full Name<\/label>\n                            <input type=\"text\" class=\"nnj-form-control\" placeholder=\"Enter student's name\" required>\n                        <\/div>\n                        <div class=\"nnj-form-group\">\n                            <label class=\"nnj-form-label\">Contact Number<\/label>\n                            <input type=\"tel\" class=\"nnj-form-control\" placeholder=\"Enter mobile number\" required>\n                        <\/div>\n                        <div class=\"nnj-form-group\">\n                            <label class=\"nnj-form-label\">Desired Trade<\/label>\n                            <select class=\"nnj-form-control\" required>\n                                <option value=\"\" disabled selected>Select Trade<\/option>\n                                <option value=\"copa\">COPA (1 Year)<\/option>\n                                <option value=\"electrician\">Electrician (2 Years)<\/option>\n                                <option value=\"fitter\">Fitter (2 Years)<\/option>\n                                <option value=\"welder\">Welder (1 Year)<\/option>\n                            <\/select>\n                        <\/div>\n                        <div class=\"nnj-form-group\">\n                            <label class=\"nnj-form-label\">Message \/ Query<\/label>\n                            <textarea class=\"nnj-form-control\" rows=\"3\" placeholder=\"Any specific questions?\"><\/textarea>\n                        <\/div>\n                        <button type=\"submit\" class=\"btn btn-primary\" style=\"width: 100%; justify-content: center; margin-top: 10px;\">Submit Admission Query <i class=\"fa-solid fa-paper-plane\"><\/i><\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    \/\/ Tab switching scoped specifically for Elementor widget\n    function nnjSwitchTrade(event, tradeId) {\n        event.preventDefault();\n        \n        \/\/ Target specifically inside the wrapper to avoid external class interference\n        const wrap = document.querySelector('.nnjiti-wrap');\n        \n        wrap.querySelectorAll('.nnj-trade-tab-btn').forEach(btn => {\n            btn.classList.remove('active');\n        });\n        wrap.querySelectorAll('.nnj-trade-content-box').forEach(box => {\n            box.classList.remove('active');\n        });\n\n        event.target.classList.add('active');\n        wrap.querySelector('#' + tradeId).classList.add('active');\n    }\n\n    \/\/ Dynamic numeric animations scoped to widget\n    document.addEventListener('DOMContentLoaded', () => {\n        const stats = document.querySelectorAll('.nnjiti-wrap .nnj-stat-number');\n        \n        const animateStats = (stat) => {\n            const target = parseInt(stat.getAttribute('data-target'));\n            const duration = 2000;\n            const stepTime = 30;\n            const steps = duration \/ stepTime;\n            const increment = target \/ steps;\n            \n            let current = 0;\n            const timer = setInterval(() => {\n                current += increment;\n                if (current >= target) {\n                    stat.textContent = target + (stat.getAttribute('data-target') === '92' ? '%' : '+');\n                    clearInterval(timer);\n                } else {\n                    stat.textContent = Math.floor(current) + '+';\n                }\n            }, stepTime);\n        };\n\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    animateStats(entry.target);\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, { threshold: 0.5 });\n\n        stats.forEach(stat => observer.observe(stat));\n    });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Admissions Open 2026-27 Empower Your Future with Technical Skills N.N. Joshi Private ITI provides NCVT affiliated vocational training designed to [&hellip;]<\/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":"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":"disabled","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-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-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":35,"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":99,"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/pages\/41\/revisions\/99"}],"wp:attachment":[{"href":"https:\/\/nnjiti.com\/index.php\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}