{"id":719,"date":"2025-09-09T08:54:12","date_gmt":"2025-09-09T08:54:12","guid":{"rendered":"https:\/\/skill.jk.gov.in\/cms\/?page_id=719"},"modified":"2026-03-23T05:52:48","modified_gmt":"2026-03-23T05:52:48","slug":"survey","status":"publish","type":"page","link":"https:\/\/skill.jk.gov.in\/cms\/survey\/","title":{"rendered":"Survey Page"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>J&#038;K Skill Development Mission | Strategic Survey<\/title>\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    \n    <!-- Google Fonts: Inter -->\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:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&#038;display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        :root {\n            --primary: #4f46e5;\n            --accent: #10b981;\n        }\n\n        body {\n            font-family: 'Inter', sans-serif;\n            background-color: #fcfdfe;\n            color: #0f172a;\n            overflow-x: hidden;\n        }\n\n        \/* Fluid Animated Mesh Background *\/\n        .mesh-container {\n            position: fixed;\n            inset: 0;\n            z-index: -1;\n            background: #fbfcfe;\n        }\n\n        .mesh-blob {\n            position: absolute;\n            width: 70vw;\n            height: 70vw;\n            border-radius: 50%;\n            filter: blur(100px);\n            opacity: 0.12;\n            animation: move-smooth 25s infinite alternate ease-in-out;\n        }\n\n        .blob-1 { background: linear-gradient(to right, #6366f1, #a855f7); top: -10%; left: -10%; }\n        .blob-2 { background: linear-gradient(to right, #10b981, #3b82f6); bottom: -10%; right: -10%; animation-delay: -7s; }\n        .blob-3 { background: linear-gradient(to right, #f59e0b, #ef4444); top: 30%; left: 20%; animation-delay: -12s; opacity: 0.08; }\n\n        @keyframes move-smooth {\n            0% { transform: translate(0, 0) scale(1) rotate(0deg); }\n            100% { transform: translate(15%, 10%) scale(1.1) rotate(20deg); }\n        }\n\n        \/* High-End Text Gradient *\/\n        .text-gradient {\n            background: linear-gradient(135deg, #3730a3 0%, #4f46e5 30%, #0891b2 70%, #059669 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-size: 200% auto;\n            animation: text-flow 8s linear infinite;\n        }\n\n        @keyframes text-flow {\n            to { background-position: 200% center; }\n        }\n\n        \/* Reveal Transitions *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(24px);\n            transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0);\n        }\n\n        \/* Glassmorphic Cards *\/\n        .survey-card {\n            background: rgba(255, 255, 255, 0.5);\n            backdrop-filter: blur(16px);\n            -webkit-backdrop-filter: blur(16px);\n            border: 1px solid rgba(255, 255, 255, 0.7);\n            box-shadow: 0 8px 32px -4px rgba(0, 0, 0, 0.04);\n            transition: all 0.5s cubic-bezier(0.2, 1, 0.2, 1);\n        }\n\n        .survey-card:hover {\n            transform: translateY(-12px);\n            background: rgba(255, 255, 255, 0.9);\n            box-shadow: 0 32px 64px -16px rgba(79, 70, 229, 0.12);\n            border-color: rgba(79, 70, 229, 0.3);\n        }\n\n        .icon-wrapper {\n            transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n\n        .survey-card:hover .icon-wrapper {\n            transform: scale(1.15) rotate(6deg);\n            background: var(--primary);\n            color: white;\n        }\n\n        \/* CTA Shine Effect *\/\n        .btn-premium {\n            position: relative;\n            overflow: hidden;\n            transition: all 0.4s ease;\n        }\n\n        .btn-premium::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n            transition: all 0.6s ease;\n        }\n\n        .btn-premium:hover::before {\n            left: 100%;\n        }\n\n        \/* Stepper Circles *\/\n        .step-node {\n            position: relative;\n            z-index: 1;\n        }\n        .step-node::after {\n            content: '';\n            position: absolute;\n            inset: -4px;\n            border: 2px solid #eef2ff;\n            border-radius: 50%;\n            transition: 0.4s ease;\n            z-index: -1;\n        }\n        .step-group:hover .step-node::after {\n            border-color: #4f46e5;\n            transform: scale(1.1);\n            background: #eef2ff;\n        }\n    <\/style>\n<\/head>\n<body class=\"antialiased selection:bg-indigo-100 selection:text-indigo-700\">\n\n    <!-- Dynamic Background -->\n    <div class=\"mesh-container\">\n        <div class=\"mesh-blob blob-1\"><\/div>\n        <div class=\"mesh-blob blob-2\"><\/div>\n        <div class=\"mesh-blob blob-3\"><\/div>\n    <\/div>\n\n    <main class=\"max-w-7xl mx-auto px-6 sm:px-10 lg:px-16 py-16 lg:py-28\">\n        \n        <!-- Hero Section -->\n        <section class=\"relative reveal active mb-36 lg:mb-52\">\n            <div class=\"max-w-5xl\">\n                <div class=\"inline-flex items-center gap-3 px-4 py-2 rounded-full bg-white\/70 backdrop-blur shadow-sm border border-white\/80 text-indigo-600 text-[11px] font-black uppercase tracking-[0.2em] mb-10\">\n                    <span class=\"flex h-2 w-2 relative\">\n                        <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-indigo-400 opacity-75\"><\/span>\n                        <span class=\"relative inline-flex rounded-full h-2 w-2 bg-indigo-600\"><\/span>\n                    <\/span>\n                    J&#038;K Skill Survey\n                <\/div>\n                \n                                <h1 class=\"text-4xl sm:text-5xl lg:text-6xl font-black tracking-tight text-slate-900 leading-tight mb-12 whitespace-nowrap overflow-visible\">\n                    <span class=\"text-gradient\">Transforming the Skilling Ecosystem<\/span>\n                <\/h1>\n                \n                <p class=\"text-xl lg:text-3xl text-slate-500 leading-snug max-w-3xl mb-14 font-medium\">\n                    Help us redefine vocational excellence in Jammu &#038; Kashmir. Your feedback directly shapes state policy and future job market alignment.\n                <\/p>\n                \n                <div class=\"flex flex-wrap items-center gap-6\">\n                    <a href=\"#participate\" class=\"btn-premium px-10 py-5 bg-indigo-600 text-white font-bold rounded-2xl shadow-xl shadow-indigo-200 hover:bg-indigo-700 hover:scale-105 transition-all\">\n                        Choose Your Category\n                    <\/a>\n                    <a href=\"#objectives\" class=\"px-10 py-5 bg-white\/40 backdrop-blur text-slate-600 font-bold rounded-2xl border border-white\/80 hover:bg-white hover:border-indigo-100 transition-all\">\n                        View Mission\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Stepper: Refined Journey -->\n        <section class=\"py-20 mb-36 reveal\">\n            <div class=\"grid md:grid-cols-3 gap-16\">\n                <div class=\"step-group flex flex-col items-center md:items-start space-y-6\">\n                    <div class=\"step-node w-14 h-14 rounded-full bg-white shadow-md text-indigo-600 flex items-center justify-center font-black text-xl border border-slate-50 transition-all\">1<\/div>\n                    <div class=\"text-center md:text-left\">\n                        <h3 class=\"text-2xl font-black text-slate-900 mb-2\">Identify Role<\/h3>\n                        <p class=\"text-slate-500 font-medium leading-relaxed\">Select whether you represent a student, industry, or an institution.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"step-group flex flex-col items-center md:items-start space-y-6\">\n                    <div class=\"step-node w-14 h-14 rounded-full bg-white shadow-md text-indigo-600 flex items-center justify-center font-black text-xl border border-slate-50 transition-all\">2<\/div>\n                    <div class=\"text-center md:text-left\">\n                        <h3 class=\"text-2xl font-black text-slate-900 mb-2\">Provide Input<\/h3>\n                        <p class=\"text-slate-500 font-medium leading-relaxed\">Share your genuine experience in a brief 5-minute digital session.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"step-group flex flex-col items-center md:items-start space-y-6\">\n                    <div class=\"step-node w-14 h-14 rounded-full bg-white shadow-md text-indigo-600 flex items-center justify-center font-black text-xl border border-slate-50 transition-all\">3<\/div>\n                    <div class=\"text-center md:text-left\">\n                        <h3 class=\"text-2xl font-black text-slate-900 mb-2\">Scale Impact<\/h3>\n                        <p class=\"text-slate-500 font-medium leading-relaxed\">Your insights trigger data-driven policy changes across J&#038;K.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Category Selection -->\n        <section id=\"participate\" class=\"py-24 reveal\">\n            <div class=\"text-center max-w-3xl mx-auto mb-20\">\n                <h2 class=\"text-5xl lg:text-7xl font-black text-slate-900 mb-6 tracking-tighter\">Choose Your Category<\/h2>\n                <div class=\"h-1.5 w-20 bg-indigo-600 mx-auto rounded-full mb-8\"><\/div>\n                <p class=\"text-slate-500 text-xl font-medium\">Select the card that matches your current profile.<\/p>\n            <\/div>\n\n            <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-8\">\n                <!-- Institution -->\n                <a href=\"https:\/\/skill.jk.gov.in\/cms\/institution-survey\/\" class=\"survey-card p-10 rounded-[3.5rem] flex flex-col items-center text-center group\">\n                    <div class=\"icon-wrapper w-20 h-20 bg-indigo-50 text-indigo-600 rounded-3xl flex items-center justify-center mb-10 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-10 h-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1\" \/><\/svg>\n                    <\/div>\n                    <h4 class=\"text-2xl font-black text-slate-900 mb-3 transition-colors group-hover:text-indigo-600\">Institutions<\/h4>\n                    <p class=\"text-slate-400 text-sm font-bold uppercase tracking-widest mb-8\">Educational Survey<\/p>\n                    <div class=\"mt-auto w-full py-3 bg-slate-50 text-slate-400 group-hover:bg-indigo-600 group-hover:text-white text-xs font-black rounded-2xl transition-all\">START &rarr;<\/div>\n                <\/a>\n\n                <!-- Employers -->\n                <a href=\"https:\/\/skill.jk.gov.in\/cms\/industry-survey\/\" class=\"survey-card p-10 rounded-[3.5rem] flex flex-col items-center text-center group\">\n                    <div class=\"icon-wrapper w-20 h-20 bg-emerald-50 text-emerald-600 rounded-3xl flex items-center justify-center mb-10 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-10 h-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 13.255A23.931 23.931 0 0112 15c-3.183 0-6.22-.62-9-1.745\" \/><\/svg>\n                    <\/div>\n                    <h4 class=\"text-2xl font-black text-slate-900 mb-3 transition-colors group-hover:text-emerald-600\">Employers<\/h4>\n                    <p class=\"text-slate-400 text-sm font-bold uppercase tracking-widest mb-8\">Business Professionals<\/p>\n                    <div class=\"mt-auto w-full py-3 bg-slate-50 text-slate-400 group-hover:bg-emerald-600 group-hover:text-white text-xs font-black rounded-2xl transition-all\">START &rarr;<\/div>\n                <\/a>\n\n                <!-- Students -->\n                <a href=\"https:\/\/skill.jk.gov.in\/cms\/student-survey-onroll\/\" class=\"survey-card p-10 rounded-[3.5rem] flex flex-col items-center text-center group\">\n                    <div class=\"icon-wrapper w-20 h-20 bg-amber-50 text-amber-600 rounded-3xl flex items-center justify-center mb-10 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-10 h-10\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5\" \/><\/svg>\n                    <\/div>\n                    <h4 class=\"text-2xl font-black text-slate-900 mb-3 transition-colors group-hover:text-amber-600\">Students<\/h4>\n                    <p class=\"text-slate-400 text-sm font-bold uppercase tracking-widest mb-8\">Currently Studying<\/p>\n                    <div class=\"mt-auto w-full py-3 bg-slate-50 text-slate-400 group-hover:bg-amber-600 group-hover:text-white text-xs font-black rounded-2xl transition-all\">START &rarr;<\/div>\n                <\/a>\n\n                <!-- Alumni -->\n                <a href=\"https:\/\/skill.jk.gov.in\/cms\/passout-student-survey\/\" class=\"survey-card p-10 rounded-[3.5rem] flex flex-col items-center text-center group\">\n                    <div class=\"icon-wrapper w-20 h-20 bg-rose-50 text-rose-600 rounded-3xl flex items-center justify-center mb-10 shadow-inner\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-12 h-12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"1.5\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 14l9-5-9-5-9 5 9 5z\" \/><\/svg>\n                    <\/div>\n                    <h4 class=\"text-2xl font-black text-slate-900 mb-3 transition-colors group-hover:text-rose-600\">Alumni<\/h4>\n                    <p class=\"text-slate-400 text-sm font-bold uppercase tracking-widest mb-8\">Graduate Passouts<\/p>\n                    <div class=\"mt-auto w-full py-3 bg-slate-50 text-slate-400 group-hover:bg-rose-600 group-hover:text-white text-xs font-black rounded-2xl transition-all\">START &rarr;<\/div>\n                <\/a>\n            <\/div>\n        <\/section>\n\n        <!-- Why It Matters -->\n        <section id=\"objectives\" class=\"py-32 reveal\">\n            <div class=\"grid lg:grid-cols-12 gap-20 items-center\">\n                <div class=\"lg:col-span-5\">\n                    <h2 class=\"text-6xl font-black text-slate-900 tracking-tighter mb-8 leading-none\">Building the <br>Vision<\/h2>\n                    <p class=\"text-slate-500 text-2xl leading-relaxed font-medium\">We aren&#8217;t just collecting data; we are identifying the precise infrastructure and curricular needs of J&#038;K&#8217;s upcoming workforce.<\/p>\n                <\/div>\n                \n                <div class=\"lg:col-span-7 grid sm:grid-cols-2 gap-8\">\n                    <div class=\"group bg-white\/40 p-10 rounded-[3rem] border border-white\/80 shadow-sm hover:shadow-2xl transition-all duration-700\">\n                        <div class=\"w-14 h-14 bg-indigo-50 text-indigo-600 rounded-2xl flex items-center justify-center mb-6 transition-all group-hover:scale-110 group-hover:bg-indigo-600 group-hover:text-white\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-black text-slate-900 mb-3\">Modernized Labs<\/h3>\n                        <p class=\"text-slate-500 leading-relaxed font-medium\">Infrastructure upgrades for ITIs based on real faculty requirements.<\/p>\n                    <\/div>\n                    <div class=\"group bg-white\/40 p-10 rounded-[3rem] border border-white\/80 shadow-sm hover:shadow-2xl transition-all duration-700\">\n                        <div class=\"w-14 h-14 bg-emerald-50 text-emerald-600 rounded-2xl flex items-center justify-center mb-6 transition-all group-hover:scale-110 group-hover:bg-emerald-600 group-hover:text-white\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-8 h-8\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n                        <\/div>\n                        <h3 class=\"text-2xl font-black text-slate-900 mb-3\">Future Courses<\/h3>\n                        <p class=\"text-slate-500 leading-relaxed font-medium\">Updating the curriculum to match high-demand tech and industry sectors.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    <script>\n        \/\/ Smooth Reveal logic\n        const observerOptions = { threshold: 0.1 };\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) entry.target.classList.add('active');\n            });\n        }, observerOptions);\n\n        document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                if(this.getAttribute('href') !== '#') {\n                    e.preventDefault();\n                    document.querySelector(this.getAttribute('href')).scrollIntoView({\n                        behavior: 'smooth'\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>J&#038;K Skill Development Mission | Strategic Survey J&#038;K Skill Survey Transforming the Skilling Ecosystem Help us redefine vocational excellence in Jammu &#038; Kashmir. Your feedback directly shapes state policy and future job market alignment. Choose Your Category View Mission 1 Identify Role Select whether you represent a student, industry, or an institution. 2 Provide Input [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-719","page","type-page","status-publish","hentry"],"blocksy_meta":{"content_style_source":"custom","vertical_spacing_source":"custom","content_area_spacing":"bottom","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] [class*=\"ct-container\"] > article[class*=\"post\"] {--has-boxed:var(--false);--has-wide:var(--true);}","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages\/719","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/comments?post=719"}],"version-history":[{"count":7,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages\/719\/revisions"}],"predecessor-version":[{"id":865,"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/pages\/719\/revisions\/865"}],"wp:attachment":[{"href":"https:\/\/skill.jk.gov.in\/cms\/wp-json\/wp\/v2\/media?parent=719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}