Contact Us - SKS DigiTech<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n mono: ['\"JetBrains Mono\"', 'monospace'],\r\n },\r\n colors: {\r\n brand: {\r\n 50: '#f0fdf4',\r\n 100: '#dcfce7',\r\n 200: '#bbf7d0',\r\n 300: '#86efac',\r\n 500: '#22c55e',\r\n 600: '#16a34a',\r\n 700: '#15803d',\r\n 800: '#166534',\r\n 900: '#14532d',\r\n },\r\n tech: {\r\n 50: '#eff6ff',\r\n 100: '#dbeafe',\r\n 500: '#3b82f6',\r\n 600: '#2563eb',\r\n 700: '#1d4ed8',\r\n 900: '#1e3a8a',\r\n }\r\n },\r\n boxShadow: {\r\n 'card': '0 4px 25px -4px rgba(15, 23, 42, 0.06)',\r\n 'floating': '0 20px 45px -10px rgba(22, 101, 52, 0.14)',\r\n 'modal': '0 25px 60px -15px rgba(0, 0, 0, 0.25)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .bg-contact-grid {\r\n background-image: radial-gradient(rgba(22, 163, 74, 0.14) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n @media print {\r\n body {\r\n background-color: #ffffff !important;\r\n padding: 0 !important;\r\n }\r\n .no-print {\r\n display: none !important;\r\n }\r\n #ticketModal {\r\n position: static !important;\r\n display: block !important;\r\n background: transparent !important;\r\n padding: 0 !important;\r\n }\r\n #ticketCard {\r\n box-shadow: none !important;\r\n border: 1px solid #0f172a !important;\r\n max-width: 100% !important;\r\n margin: 0 !important;\r\n }\r\n }\r\n\r\n .accordion-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out, opacity 0.25s ease-out;\r\n opacity: 0;\r\n }\r\n .accordion-content.open {\r\n opacity: 1;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-slate-50 text-slate-800 antialiased min-h-screen py-8 px-4 sm:px-6 lg:px-8 selection:bg-brand-100 selection:text-brand-900 font-sans\">\r\n\r\n <div class=\"max-w-6xl mx-auto space-y-8\">\r\n\r\n \r\n <div class=\"relative overflow-hidden rounded-3xl bg-white border border-slate-200\/90 p-6 sm:p-10 shadow-card bg-contact-grid\">\r\n <div class=\"absolute -top-24 -right-24 w-88 h-88 bg-brand-200\/40 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n <div class=\"absolute -bottom-24 -left-24 w-80 h-80 bg-tech-100\/60 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n\r\n <div class=\"relative z-10 flex flex-col lg:flex-row lg:items-center justify-between gap-6\">\r\n <div class=\"max-w-2xl\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-100\/90 border border-brand-300 text-brand-800 text-xs font-bold uppercase tracking-wider mb-3\">\r\n <i class=\"fa-solid fa-headset text-brand-700\"><\/i>\r\n Official Helpdesk & Inquiries\r\n <\/div>\r\n <h1 class=\"text-2xl sm:text-3xl lg:text-4xl font-extrabold text-slate-900 tracking-tight\">\r\n Connect With <span class=\"text-brand-700\">SKS DigiTech<\/span>\r\n <\/h1>\r\n <p class=\"text-slate-600 text-xs sm:text-sm mt-2 leading-relaxed\">\r\n Reach our admissions and technical development desk for <strong>Life Sciences Online Courses<\/strong> (M.Sc. \/ B.Sc. Botany, NEET, CSIR NET\/JRF), <strong>Educational Website Engineering<\/strong>, and <strong>Multimedia Lecture Presentations<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col sm:flex-row lg:flex-col items-start lg:items-end gap-2.5 shrink-0 bg-slate-50\/95 border border-slate-200 rounded-2xl p-4.5 shadow-sm\">\r\n <span class=\"text-[11px] font-bold text-slate-400 uppercase tracking-wider\">Primary Public Communications<\/span>\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"font-mono text-xs sm:text-sm font-bold text-brand-700 select-all\" id=\"bannerEmail\">sksdigitech@gmail.com<\/span>\r\n <button onclick=\"copyEmailAddress('sksdigitech@gmail.com')\" title=\"Copy email address\" class=\"w-7 h-7 rounded-lg bg-white border border-slate-200 hover:bg-slate-100 flex items-center justify-center text-slate-600 hover:text-slate-900 transition shadow-xs\">\r\n <i class=\"fa-regular fa-copy text-xs\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <span class=\"inline-flex items-center gap-1.5 text-[11px] text-emerald-700 font-semibold\">\r\n <span class=\"w-2 h-2 rounded-full bg-emerald-500 animate-pulse\"><\/span>\r\n Average Response Time: Under 24 Hours\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 mt-6 pt-6 border-t border-slate-100 text-xs\">\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-dna text-brand-600\"><\/i>\r\n <span>Botany & Life Sciences Classes<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-globe text-tech-600\"><\/i>\r\n <span>Educational Website Portals<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-photo-film text-indigo-600\"><\/i>\r\n <span>Pedagogical Multimedia Decks<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-shield-halved text-amber-600\"><\/i>\r\n <span>Continuous Site Maintenance<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\r\n\r\n \r\n <div class=\"lg:col-span-7 bg-white rounded-3xl border border-slate-200\/90 shadow-card p-6 sm:p-8 space-y-6\">\r\n <div class=\"border-b border-slate-100 pb-4\">\r\n <h2 class=\"text-xl font-bold text-slate-900 flex items-center gap-2.5\">\r\n <i class=\"fa-solid fa-paper-plane text-brand-600 text-base\"><\/i>\r\n Submit an Inquiry or Request Services\r\n <\/h2>\r\n <p class=\"text-xs sm:text-sm text-slate-500 mt-1\">\r\n Fill out the details below. An official acknowledgment ticket ID will be generated immediately for your records.\r\n <\/p>\r\n <\/div>\r\n\r\n <form id=\"inquiryForm\" onsubmit=\"handleInquirySubmit(event)\" class=\"space-y-4 text-xs\">\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n \r\n <div>\r\n <label for=\"contactName\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Full Legal Name <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <div class=\"relative\">\r\n <i class=\"fa-regular fa-user absolute left-3.5 top-1\/2 -translate-y-1\/2 text-slate-400 text-xs\"><\/i>\r\n <input \r\n type=\"text\" \r\n id=\"contactName\" \r\n required \r\n placeholder=\"e.g. Dr. Ananya Sen\" \r\n class=\"w-full pl-9 pr-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"contactEmail\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Email Address <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <div class=\"relative\">\r\n <i class=\"fa-regular fa-envelope absolute left-3.5 top-1\/2 -translate-y-1\/2 text-slate-400 text-xs\"><\/i>\r\n <input \r\n type=\"email\" \r\n id=\"contactEmail\" \r\n required \r\n placeholder=\"name@example.com\" \r\n class=\"w-full pl-9 pr-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n \r\n <div>\r\n <label for=\"contactPhone\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Mobile \/ WhatsApp Number <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <div class=\"relative\">\r\n <span class=\"absolute left-3 top-1\/2 -translate-y-1\/2 text-slate-500 font-semibold text-xs\">+91<\/span>\r\n <input \r\n type=\"tel\" \r\n id=\"contactPhone\" \r\n pattern=\"[0-9]{10}\" \r\n maxlength=\"10\" \r\n required \r\n placeholder=\"9876543210\" \r\n class=\"w-full pl-11 pr-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 font-mono focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"inquiryCategory\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Inquiry Category <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"inquiryCategory\" \r\n required \r\n onchange=\"updateSubjectSuggestions()\"\r\n class=\"w-full px-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium cursor-pointer\"\r\n >\r\n <option value=\"\">-- Choose Category --<\/option>\r\n <option value=\"Botany & Life Sciences Admission\">Biological Sciences Course Admission (M.Sc.\/B.Sc.\/NEET\/NET)<\/option>\r\n <option value=\"Website Creation for Institute\">Institutional Website Creation \/ College Portal<\/option>\r\n <option value=\"Website Maintenance & Upkeep\">Website Maintenance & Technical Upkeep<\/option>\r\n <option value=\"Multimedia Presentation Development\">Educational Multimedia & Seminar Presentations<\/option>\r\n <option value=\"Academic Collaboration \/ Other\">Academic \/ Institutional Partnership & Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"subContextBox\" class=\"hidden p-3 bg-brand-50\/70 rounded-xl border border-brand-200\">\r\n <span class=\"block text-[11px] font-bold text-brand-900 mb-1.5\" id=\"subContextTitle\">Select Academic Program:<\/span>\r\n <div class=\"flex flex-wrap gap-2 text-[11px]\" id=\"subContextOptions\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"contactSubject\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Subject Summary <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"contactSubject\" \r\n required \r\n placeholder=\"e.g. Inquiry regarding M.Sc. Botany evening batch schedule\" \r\n class=\"w-full px-3.5 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"contactMessage\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Detailed Message \/ Requirements <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <textarea \r\n id=\"contactMessage\" \r\n rows=\"4\" \r\n required \r\n placeholder=\"Please provide your questions, institution name, academic qualification, or project specifications...\"\r\n class=\"w-full p-3 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition leading-relaxed\"\r\n ><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-2 flex flex-col sm:flex-row items-center justify-between gap-3\">\r\n <span class=\"text-[11px] text-slate-500\">\r\n <i class=\"fa-solid fa-lock text-slate-400 mr-1\"><\/i> Your details are transmitted directly to our official records.\r\n <\/span>\r\n\r\n <div class=\"flex items-center gap-2.5 w-full sm:w-auto\">\r\n <button \r\n type=\"reset\" \r\n onclick=\"document.getElementById('subContextBox').classList.add('hidden')\"\r\n class=\"px-4 py-2.5 rounded-xl border border-slate-200 bg-white hover:bg-slate-100 text-slate-600 text-xs font-semibold transition\"\r\n >\r\n Clear\r\n <\/button>\r\n\r\n <button \r\n type=\"submit\" \r\n class=\"w-full sm:w-auto px-6 py-2.5 rounded-xl bg-brand-600 hover:bg-brand-500 text-white text-xs font-bold transition shadow-md shadow-brand-600\/20 flex items-center justify-center gap-2\"\r\n >\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n <span>Send Message & Generate Ticket<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-5 space-y-6\">\r\n\r\n \r\n <div class=\"bg-white rounded-3xl border border-slate-200\/90 shadow-card p-6 space-y-4\">\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"w-11 h-11 rounded-2xl bg-brand-50 text-brand-700 flex items-center justify-center text-lg border border-brand-200\/60 shrink-0\">\r\n <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n <\/div>\r\n <span class=\"text-[10px] font-mono uppercase px-2.5 py-1 rounded-full bg-slate-100 text-slate-600 font-bold\">\r\n Official Desk\r\n <\/span>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-base text-slate-900\">Direct Inquiries via Email<\/h3>\r\n <p class=\"text-xs text-slate-500 mt-1 leading-relaxed\">\r\n Official email address as registered in corporate records. Write to us directly for syllabus brochures, batch registrations, or custom quotes.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-200\/80 flex items-center justify-between gap-2\">\r\n <span class=\"font-mono text-xs sm:text-sm font-bold text-brand-800 select-all truncate\">sksdigitech@gmail.com<\/span>\r\n <button \r\n onclick=\"copyEmailAddress('sksdigitech@gmail.com')\" \r\n class=\"px-3 py-1.5 rounded-lg bg-white border border-slate-200 text-slate-700 text-xs font-semibold hover:bg-slate-100 transition shrink-0\"\r\n >\r\n <i class=\"fa-regular fa-copy mr-1\"><\/i> Copy\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-2 pt-1\">\r\n <a \r\n href=\"mailto:sksdigitech@gmail.com?subject=Inquiry%20to%20SKS%20DigiTech\" \r\n class=\"inline-flex items-center justify-center gap-1.5 py-2 px-3 rounded-xl bg-slate-900 text-white text-xs font-bold hover:bg-slate-800 transition\"\r\n >\r\n <i class=\"fa-solid fa-paper-plane text-[10px]\"><\/i> Open Mail Client\r\n <\/a>\r\n <button \r\n onclick=\"prefillSubject('Course Admission Inquiry')\"\r\n class=\"inline-flex items-center justify-center gap-1.5 py-2 px-3 rounded-xl bg-brand-50 border border-brand-200 text-brand-800 text-xs font-bold hover:bg-brand-100 transition\"\r\n >\r\n <i class=\"fa-solid fa-bolt text-[10px]\"><\/i> Quick Course Form\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl border border-slate-200\/90 shadow-card p-6 space-y-4\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-xl bg-tech-50 text-tech-600 flex items-center justify-center text-base border border-tech-100 shrink-0\">\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-sm text-slate-900\">Admissions & Tech Hours<\/h4>\r\n <span class=\"text-[11px] text-slate-400\">Indian Standard Time (IST)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-2 text-xs border-y border-slate-100 py-3\">\r\n <div class=\"flex justify-between py-1\">\r\n <span class=\"text-slate-500 font-medium\">Monday \u2013 Saturday:<\/span>\r\n <span class=\"font-bold text-slate-800\">08:00 AM \u2013 08:30 PM IST<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between py-1\">\r\n <span class=\"text-slate-500 font-medium\">Sunday \/ Academic Tests:<\/span>\r\n <span class=\"font-bold text-slate-800\">10:00 AM \u2013 04:00 PM IST<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between py-1\">\r\n <span class=\"text-slate-500 font-medium\">Class Server Uptime:<\/span>\r\n <span class=\"font-bold text-emerald-600\">24 \/ 7 Monitored<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-3 bg-emerald-50 rounded-xl border border-emerald-200 text-[11px] text-emerald-900 leading-relaxed\">\r\n <i class=\"fa-solid fa-circle-check text-emerald-600 mr-1\"><\/i> Inquiries received outside operational hours are cataloged and addressed first thing on the subsequent working morning.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-br from-slate-900 to-slate-950 text-white rounded-3xl p-6 shadow-card space-y-4\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-wider text-brand-300 block\">Organizational Dispatch<\/span>\r\n <h4 class=\"text-base font-bold\">Key Operational Desks<\/h4>\r\n\r\n <div class=\"space-y-2.5 text-xs text-slate-300\">\r\n <div class=\"p-2.5 bg-white\/5 rounded-xl border border-white\/10 flex items-center justify-between\">\r\n <div>\r\n <span class=\"font-bold text-white block\">Botany & Life Sciences<\/span>\r\n <span class=\"text-[11px] text-slate-400\">Classes, notes, test schedules<\/span>\r\n <\/div>\r\n <span class=\"font-mono text-brand-300 font-semibold text-[11px]\">Admissions Desk<\/span>\r\n <\/div>\r\n\r\n <div class=\"p-2.5 bg-white\/5 rounded-xl border border-white\/10 flex items-center justify-between\">\r\n <div>\r\n <span class=\"font-bold text-white block\">Educational Web Systems<\/span>\r\n <span class=\"text-[11px] text-slate-400\">Portals, college CMS, maintenance<\/span>\r\n <\/div>\r\n <span class=\"font-mono text-tech-300 font-semibold text-[11px]\">IT Systems Desk<\/span>\r\n <\/div>\r\n\r\n <div class=\"p-2.5 bg-white\/5 rounded-xl border border-white\/10 flex items-center justify-between\">\r\n <div>\r\n <span class=\"font-bold text-white block\">Multimedia Presentations<\/span>\r\n <span class=\"text-[11px] text-slate-400\">Keynotes, lecture animations, slides<\/span>\r\n <\/div>\r\n <span class=\"font-mono text-indigo-300 font-semibold text-[11px]\">Creative Unit<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-6 sm:p-8 border border-slate-200\/90 shadow-card space-y-6\">\r\n <div class=\"border-b border-slate-100 pb-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-xs font-bold text-brand-600 uppercase tracking-wider\">Frequently Asked Questions<\/span>\r\n <h3 class=\"text-xl font-bold text-slate-900 mt-0.5\">Quick Clarity on Courses & Digital Services<\/h3>\r\n <\/div>\r\n <span class=\"text-xs text-slate-500\">Need more specifics? Email sksdigitech@gmail.com<\/span>\r\n <\/div>\r\n\r\n <div class=\"space-y-3\" id=\"faqAccordion\">\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(1)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>How do students join online classes for M.Sc.\/B.Sc. Botany or competitive NEET \/ CSIR NET?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-1\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-1\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>Once registration is approved, candidates receive verified classroom credentials via their registered email. Live classes are hosted daily on interactive virtual meeting platforms (Zoom \/ Google Meet), accompanied by PDF lecture annotations and unit test links.<\/p>\r\n <p class=\"text-brand-700 font-medium\">Recordings of every live lecture are stored securely for missed-class revision.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(2)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>What does Educational Website Creation & Maintenance include?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-2\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-2\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>We develop custom, mobile-friendly institutional websites for schools, science departments, research groups, and training centers. Our ongoing maintenance contracts handle continuous syllabus updates, faculty profiles, notices, admission application forms, and domain\/server security.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(3)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>Can educators commission multimedia presentation decks for seminars or lectures?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-3\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-3\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>Yes. Our multimedia unit designs high-impact keynote presentations, slide decks, scientific flowcharts, botanical cycle animations, and video modules for university faculty, guest seminars, and training webinars.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(4)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>What is the expected response timeframe for inquiries?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-4\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-4\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>Inquiries submitted through this page or emailed directly to <strong>sksdigitech@gmail.com<\/strong> are acknowledged with an official ticket and answered within 24 operational hours.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rounded-2xl bg-gradient-to-r from-slate-900 via-emerald-950 to-slate-900 text-white p-6 border border-slate-800 flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center text-brand-300 text-lg shrink-0\">\r\n <i class=\"fa-solid fa-envelope-circle-check\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[11px] text-slate-300 uppercase tracking-wider block font-semibold\">Official Corporate Record Email<\/span>\r\n <span class=\"text-sm sm:text-base font-bold text-emerald-300 font-mono\">sksdigitech@gmail.com<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-2\">\r\n <button onclick=\"copyEmailAddress('sksdigitech@gmail.com')\" class=\"px-4 py-2 rounded-xl bg-white\/10 hover:bg-white\/20 text-white text-xs font-bold border border-white\/20 transition\">\r\n Copy Email\r\n <\/button>\r\n <a href=\"mailto:sksdigitech@gmail.com\" class=\"px-4 py-2 rounded-xl bg-brand-600 hover:bg-brand-500 text-white text-xs font-bold transition shadow-sm\">\r\n Send Email Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"ticketModal\" class=\"fixed inset-0 bg-slate-900\/60 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4 overflow-y-auto\">\r\n <div id=\"ticketCard\" class=\"bg-white rounded-3xl max-w-lg w-full border border-slate-300 shadow-2xl p-6 sm:p-8 space-y-6 my-8\">\r\n \r\n \r\n <div class=\"flex items-start justify-between border-b-2 border-slate-900 pb-4\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-brand-700 text-white flex items-center justify-center font-black text-xl shadow-md p-2.5\">\r\n <i class=\"fa-solid fa-ticket\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-brand-700\">Official Communication Slip<\/span>\r\n <h3 class=\"text-xl font-extrabold text-slate-900\">SKS DigiTech Helpdesk<\/h3>\r\n <p class=\"text-[11px] text-slate-500\">Inquiry Acknowledgment & Reference Dossier<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-right\">\r\n <span class=\"px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-800 text-[10px] font-extrabold uppercase\">\r\n Logged\r\n <\/span>\r\n <p class=\"text-[11px] font-mono text-slate-500 mt-1\" id=\"ticketDate\">-<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 rounded-2xl p-4 border border-slate-200 flex items-center justify-between\">\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Ticket Reference Number<\/span>\r\n <span id=\"ticketRefNumber\" class=\"font-mono text-lg font-black text-brand-800 tracking-wider\">SKS-TKT-2026-0000<\/span>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"font-mono text-[10px] font-bold text-slate-500 block\">DESK: sksdigitech@gmail.com<\/span>\r\n <span class=\"text-[10px] text-emerald-600 font-semibold\">Priority: Normal<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 gap-3 text-xs border-y border-slate-200 py-4\">\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Sender Name<\/span>\r\n <span id=\"modalSenderName\" class=\"font-bold text-slate-800\">-<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Category<\/span>\r\n <span id=\"modalCategory\" class=\"font-semibold text-slate-800\">-<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Email Address<\/span>\r\n <span id=\"modalEmail\" class=\"font-medium text-slate-800 break-all\">-<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Mobile \/ WhatsApp<\/span>\r\n <span id=\"modalPhone\" class=\"font-mono font-medium text-slate-800\">-<\/span>\r\n <\/div>\r\n <div class=\"col-span-2\">\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Subject<\/span>\r\n <span id=\"modalSubject\" class=\"font-bold text-slate-900\">-<\/span>\r\n <\/div>\r\n <div class=\"col-span-2\">\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Message Preview<\/span>\r\n <p id=\"modalMessage\" class=\"text-slate-600 text-[11px] bg-slate-50 p-2.5 rounded-lg border border-slate-200\/80 leading-relaxed\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-3 bg-brand-50\/80 rounded-xl border border-brand-200 text-[11px] text-brand-950 leading-relaxed\">\r\n <i class=\"fa-solid fa-circle-info mr-1 text-brand-700\"><\/i> Our coordinating representative will respond to your registered email quoting this Ticket ID.\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-center justify-between gap-3 pt-1 no-print\">\r\n <button \r\n type=\"button\" \r\n onclick=\"closeTicketModal()\" \r\n class=\"px-4 py-2.5 rounded-xl border border-slate-200 bg-white hover:bg-slate-100 text-slate-700 text-xs font-bold transition\"\r\n >\r\n Close Window\r\n <\/button>\r\n\r\n <button \r\n type=\"button\" \r\n onclick=\"window.print()\" \r\n class=\"px-5 py-2.5 rounded-xl bg-slate-900 hover:bg-slate-800 text-white text-xs font-bold transition flex items-center gap-2 shadow-sm\"\r\n >\r\n <i class=\"fa-solid fa-print\"><\/i>\r\n <span>Print Slip<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"toastAlert\" class=\"fixed bottom-6 right-6 z-50 transform translate-y-20 opacity-0 transition-all duration-300 pointer-events-none no-print\">\r\n <div class=\"bg-slate-900 text-white px-5 py-3 rounded-2xl shadow-2xl border border-slate-700 flex items-center gap-3 text-xs font-semibold\">\r\n <i class=\"fa-solid fa-circle-check text-emerald-400 text-base\" id=\"toastIcon\"><\/i>\r\n <span id=\"toastAlertMsg\">Notification message<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Copy email helper\r\n function copyEmailAddress(email) {\r\n const tempInput = document.createElement('input');\r\n tempInput.value = email;\r\n document.body.appendChild(tempInput);\r\n tempInput.select();\r\n\r\n try {\r\n document.execCommand('copy');\r\n showToast('Copied email: ' + email, 'success');\r\n } catch (e) {\r\n showToast('Official email: ' + email, 'info');\r\n }\r\n document.body.removeChild(tempInput);\r\n }\r\n\r\n \/\/ Toast notification utility\r\n function showToast(message, type = 'info') {\r\n const toast = document.getElementById('toastAlert');\r\n const msg = document.getElementById('toastAlertMsg');\r\n const icon = document.getElementById('toastIcon');\r\n\r\n if (toast && msg) {\r\n msg.textContent = message;\r\n if (type === 'error') {\r\n icon.className = 'fa-solid fa-circle-exclamation text-rose-400 text-base';\r\n } else if (type === 'success') {\r\n icon.className = 'fa-solid fa-circle-check text-emerald-400 text-base';\r\n } else {\r\n icon.className = 'fa-solid fa-circle-info text-sky-400 text-base';\r\n }\r\n\r\n toast.classList.remove('translate-y-20', 'opacity-0');\r\n toast.classList.add('translate-y-0', 'opacity-100');\r\n setTimeout(() => {\r\n toast.classList.remove('translate-y-0', 'opacity-100');\r\n toast.classList.add('translate-y-20', 'opacity-0');\r\n }, 2800);\r\n }\r\n }\r\n\r\n \/\/ Dynamic Context Box upon Category Selection\r\n function updateSubjectSuggestions() {\r\n const cat = document.getElementById('inquiryCategory').value;\r\n const box = document.getElementById('subContextBox');\r\n const title = document.getElementById('subContextTitle');\r\n const container = document.getElementById('subContextOptions');\r\n\r\n if (!cat) {\r\n box.classList.add('hidden');\r\n return;\r\n }\r\n\r\n box.classList.remove('hidden');\r\n\r\n if (cat.includes('Botany') || cat.includes('Biological')) {\r\n title.textContent = 'Select Biological Sciences Course:';\r\n const courses = ['M.Sc. Botany', 'B.Sc. Botany', 'NEET Biology', 'PGT\/TGT Biology', 'CSIR NET\/JRF Life Sciences'];\r\n container.innerHTML = courses.map(c => `\r\n <button type=\"button\" onclick=\"selectQuickContext('Course: ${c}')\" class=\"px-2.5 py-1 rounded-lg bg-white border border-brand-300 text-brand-800 hover:bg-brand-600 hover:text-white transition font-medium\">\r\n + ${c}\r\n <\/button>\r\n `).join('');\r\n } else if (cat.includes('Website')) {\r\n title.textContent = 'Select Website Requirement:';\r\n const webOptions = ['New College Website', 'Departmental Portal', 'Online Admission Form System', 'Annual Maintenance Contract (AMC)'];\r\n container.innerHTML = webOptions.map(w => `\r\n <button type=\"button\" onclick=\"selectQuickContext('Web: ${w}')\" class=\"px-2.5 py-1 rounded-lg bg-white border border-brand-300 text-brand-800 hover:bg-brand-600 hover:text-white transition font-medium\">\r\n + ${w}\r\n <\/button>\r\n `).join('');\r\n } else if (cat.includes('Multimedia')) {\r\n title.textContent = 'Select Presentation Asset:';\r\n const mediaOptions = ['Academic Keynote Deck', 'Biological Cycle Slides', 'Recorded Lecture Post-Production', 'Seminar Visuals'];\r\n container.innerHTML = mediaOptions.map(m => `\r\n <button type=\"button\" onclick=\"selectQuickContext('Multimedia: ${m}')\" class=\"px-2.5 py-1 rounded-lg bg-white border border-brand-300 text-brand-800 hover:bg-brand-600 hover:text-white transition font-medium\">\r\n + ${m}\r\n <\/button>\r\n `).join('');\r\n } else {\r\n box.classList.add('hidden');\r\n }\r\n }\r\n\r\n function selectQuickContext(str) {\r\n const subj = document.getElementById('contactSubject');\r\n if (subj) {\r\n subj.value = str;\r\n showToast('Applied subject: ' + str, 'info');\r\n }\r\n }\r\n\r\n function prefillSubject(subjectText) {\r\n const subj = document.getElementById('contactSubject');\r\n const cat = document.getElementById('inquiryCategory');\r\n if (cat) cat.value = 'Botany & Life Sciences Admission';\r\n updateSubjectSuggestions();\r\n if (subj) {\r\n subj.value = subjectText;\r\n subj.focus();\r\n subj.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n }\r\n\r\n \/\/ Toggle FAQ Accordion\r\n function toggleFaq(id) {\r\n const content = document.getElementById(`faqContent-${id}`);\r\n const icon = document.getElementById(`faqIcon-${id}`);\r\n\r\n if (!content) return;\r\n\r\n const isOpen = content.classList.contains('open');\r\n\r\n \/\/ Close all others\r\n document.querySelectorAll('.accordion-content').forEach(c => {\r\n c.style.maxHeight = null;\r\n c.classList.remove('open');\r\n });\r\n document.querySelectorAll('[id^=\"faqIcon-\"]').forEach(ic => {\r\n ic.style.transform = 'rotate(0deg)';\r\n });\r\n\r\n if (!isOpen) {\r\n content.classList.add('open');\r\n content.style.maxHeight = content.scrollHeight + 'px';\r\n if (icon) icon.style.transform = 'rotate(180deg)';\r\n }\r\n }\r\n\r\n \/\/ Form Submission & Ticket Generation\r\n function handleInquirySubmit(e) {\r\n e.preventDefault();\r\n\r\n const name = document.getElementById('contactName').value.trim();\r\n const email = document.getElementById('contactEmail').value.trim();\r\n const phone = document.getElementById('contactPhone').value.trim();\r\n const category = document.getElementById('inquiryCategory').value;\r\n const subject = document.getElementById('contactSubject').value.trim();\r\n const message = document.getElementById('contactMessage').value.trim();\r\n\r\n if (!name || !email || !phone || !category || !subject || !message) {\r\n showToast('Please fill all mandatory fields.', 'error');\r\n return;\r\n }\r\n\r\n if (phone.length < 10 || !\/^\\d{10}$\/.test(phone)) {\r\n showToast('Please enter a valid 10-digit mobile number.', 'error');\r\n return;\r\n }\r\n\r\n const randomTicketNum = Math.floor(1000 + Math.random() * 9000);\r\n const ticketRef = `SKS-TKT-2026-${randomTicketNum}`;\r\n const today = new Date().toISOString().split('T')[0];\r\n\r\n \/\/ Populate Modal\r\n document.getElementById('ticketRefNumber').textContent = ticketRef;\r\n document.getElementById('ticketDate').textContent = `Date: ${today}`;\r\n document.getElementById('modalSenderName').textContent = name;\r\n document.getElementById('modalCategory').textContent = category;\r\n document.getElementById('modalEmail').textContent = email;\r\n document.getElementById('modalPhone').textContent = `+91 ${phone}`;\r\n document.getElementById('modalSubject').textContent = subject;\r\n document.getElementById('modalMessage').textContent = message;\r\n\r\n \/\/ Show Modal\r\n const modal = document.getElementById('ticketModal');\r\n if (modal) modal.classList.remove('hidden');\r\n\r\n showToast('Inquiry logged successfully! Ticket generated.', 'success');\r\n document.getElementById('inquiryForm').reset();\r\n document.getElementById('subContextBox').classList.add('hidden');\r\n }\r\n\r\n function closeTicketModal() {\r\n const modal = document.getElementById('ticketModal');\r\n if (modal) modal.classList.add('hidden');\r\n }\r\n\r\n \/\/ Close modal on Escape key\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') closeTicketModal();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us – SKS DigiTech Official Helpdesk & Inquiries Connect With SKS DigiTech Reach our admissions and technical development desk for Life Sciences Online Courses (M.Sc. \/ B.Sc. Botany, NEET, CSIR NET\/JRF), Educational Website Engineering, and Multimedia Lecture Presentations. Primary Public Communications sksdigitech@gmail.com Average Response Time: Under 24 Hours Botany & Life Sciences Classes Educational […]<\/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":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","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":""}},"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":3,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":10445,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions\/10445"}],"wp:attachment":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Us - SKS DigiTech<\/title>\r\n\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['\"Plus Jakarta Sans\"', 'sans-serif'],\r\n mono: ['\"JetBrains Mono\"', 'monospace'],\r\n },\r\n colors: {\r\n brand: {\r\n 50: '#f0fdf4',\r\n 100: '#dcfce7',\r\n 200: '#bbf7d0',\r\n 300: '#86efac',\r\n 500: '#22c55e',\r\n 600: '#16a34a',\r\n 700: '#15803d',\r\n 800: '#166534',\r\n 900: '#14532d',\r\n },\r\n tech: {\r\n 50: '#eff6ff',\r\n 100: '#dbeafe',\r\n 500: '#3b82f6',\r\n 600: '#2563eb',\r\n 700: '#1d4ed8',\r\n 900: '#1e3a8a',\r\n }\r\n },\r\n boxShadow: {\r\n 'card': '0 4px 25px -4px rgba(15, 23, 42, 0.06)',\r\n 'floating': '0 20px 45px -10px rgba(22, 101, 52, 0.14)',\r\n 'modal': '0 25px 60px -15px rgba(0, 0, 0, 0.25)',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <style>\r\n .bg-contact-grid {\r\n background-image: radial-gradient(rgba(22, 163, 74, 0.14) 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n }\r\n\r\n @media print {\r\n body {\r\n background-color: #ffffff !important;\r\n padding: 0 !important;\r\n }\r\n .no-print {\r\n display: none !important;\r\n }\r\n #ticketModal {\r\n position: static !important;\r\n display: block !important;\r\n background: transparent !important;\r\n padding: 0 !important;\r\n }\r\n #ticketCard {\r\n box-shadow: none !important;\r\n border: 1px solid #0f172a !important;\r\n max-width: 100% !important;\r\n margin: 0 !important;\r\n }\r\n }\r\n\r\n .accordion-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out, opacity 0.25s ease-out;\r\n opacity: 0;\r\n }\r\n .accordion-content.open {\r\n opacity: 1;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-slate-50 text-slate-800 antialiased min-h-screen py-8 px-4 sm:px-6 lg:px-8 selection:bg-brand-100 selection:text-brand-900 font-sans\">\r\n\r\n <div class=\"max-w-6xl mx-auto space-y-8\">\r\n\r\n \r\n <div class=\"relative overflow-hidden rounded-3xl bg-white border border-slate-200\/90 p-6 sm:p-10 shadow-card bg-contact-grid\">\r\n <div class=\"absolute -top-24 -right-24 w-88 h-88 bg-brand-200\/40 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n <div class=\"absolute -bottom-24 -left-24 w-80 h-80 bg-tech-100\/60 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n\r\n <div class=\"relative z-10 flex flex-col lg:flex-row lg:items-center justify-between gap-6\">\r\n <div class=\"max-w-2xl\">\r\n <div class=\"inline-flex items-center gap-2 px-3 py-1 rounded-full bg-brand-100\/90 border border-brand-300 text-brand-800 text-xs font-bold uppercase tracking-wider mb-3\">\r\n <i class=\"fa-solid fa-headset text-brand-700\"><\/i>\r\n Official Helpdesk & Inquiries\r\n <\/div>\r\n <h1 class=\"text-2xl sm:text-3xl lg:text-4xl font-extrabold text-slate-900 tracking-tight\">\r\n Connect With <span class=\"text-brand-700\">SKS DigiTech<\/span>\r\n <\/h1>\r\n <p class=\"text-slate-600 text-xs sm:text-sm mt-2 leading-relaxed\">\r\n Reach our admissions and technical development desk for <strong>Life Sciences Online Courses<\/strong> (M.Sc. \/ B.Sc. Botany, NEET, CSIR NET\/JRF), <strong>Educational Website Engineering<\/strong>, and <strong>Multimedia Lecture Presentations<\/strong>.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"flex flex-col sm:flex-row lg:flex-col items-start lg:items-end gap-2.5 shrink-0 bg-slate-50\/95 border border-slate-200 rounded-2xl p-4.5 shadow-sm\">\r\n <span class=\"text-[11px] font-bold text-slate-400 uppercase tracking-wider\">Primary Public Communications<\/span>\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"font-mono text-xs sm:text-sm font-bold text-brand-700 select-all\" id=\"bannerEmail\">sksdigitech@gmail.com<\/span>\r\n <button onclick=\"copyEmailAddress('sksdigitech@gmail.com')\" title=\"Copy email address\" class=\"w-7 h-7 rounded-lg bg-white border border-slate-200 hover:bg-slate-100 flex items-center justify-center text-slate-600 hover:text-slate-900 transition shadow-xs\">\r\n <i class=\"fa-regular fa-copy text-xs\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <span class=\"inline-flex items-center gap-1.5 text-[11px] text-emerald-700 font-semibold\">\r\n <span class=\"w-2 h-2 rounded-full bg-emerald-500 animate-pulse\"><\/span>\r\n Average Response Time: Under 24 Hours\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-3 mt-6 pt-6 border-t border-slate-100 text-xs\">\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-dna text-brand-600\"><\/i>\r\n <span>Botany & Life Sciences Classes<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-globe text-tech-600\"><\/i>\r\n <span>Educational Website Portals<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-photo-film text-indigo-600\"><\/i>\r\n <span>Pedagogical Multimedia Decks<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-2.5 text-slate-700\">\r\n <i class=\"fa-solid fa-shield-halved text-amber-600\"><\/i>\r\n <span>Continuous Site Maintenance<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8\">\r\n\r\n \r\n <div class=\"lg:col-span-7 bg-white rounded-3xl border border-slate-200\/90 shadow-card p-6 sm:p-8 space-y-6\">\r\n <div class=\"border-b border-slate-100 pb-4\">\r\n <h2 class=\"text-xl font-bold text-slate-900 flex items-center gap-2.5\">\r\n <i class=\"fa-solid fa-paper-plane text-brand-600 text-base\"><\/i>\r\n Submit an Inquiry or Request Services\r\n <\/h2>\r\n <p class=\"text-xs sm:text-sm text-slate-500 mt-1\">\r\n Fill out the details below. An official acknowledgment ticket ID will be generated immediately for your records.\r\n <\/p>\r\n <\/div>\r\n\r\n <form id=\"inquiryForm\" onsubmit=\"handleInquirySubmit(event)\" class=\"space-y-4 text-xs\">\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n \r\n <div>\r\n <label for=\"contactName\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Full Legal Name <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <div class=\"relative\">\r\n <i class=\"fa-regular fa-user absolute left-3.5 top-1\/2 -translate-y-1\/2 text-slate-400 text-xs\"><\/i>\r\n <input \r\n type=\"text\" \r\n id=\"contactName\" \r\n required \r\n placeholder=\"e.g. Dr. Ananya Sen\" \r\n class=\"w-full pl-9 pr-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"contactEmail\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Email Address <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <div class=\"relative\">\r\n <i class=\"fa-regular fa-envelope absolute left-3.5 top-1\/2 -translate-y-1\/2 text-slate-400 text-xs\"><\/i>\r\n <input \r\n type=\"email\" \r\n id=\"contactEmail\" \r\n required \r\n placeholder=\"name@example.com\" \r\n class=\"w-full pl-9 pr-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\r\n \r\n <div>\r\n <label for=\"contactPhone\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Mobile \/ WhatsApp Number <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <div class=\"relative\">\r\n <span class=\"absolute left-3 top-1\/2 -translate-y-1\/2 text-slate-500 font-semibold text-xs\">+91<\/span>\r\n <input \r\n type=\"tel\" \r\n id=\"contactPhone\" \r\n pattern=\"[0-9]{10}\" \r\n maxlength=\"10\" \r\n required \r\n placeholder=\"9876543210\" \r\n class=\"w-full pl-11 pr-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 font-mono focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"inquiryCategory\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Inquiry Category <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <select \r\n id=\"inquiryCategory\" \r\n required \r\n onchange=\"updateSubjectSuggestions()\"\r\n class=\"w-full px-3 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium cursor-pointer\"\r\n >\r\n <option value=\"\">-- Choose Category --<\/option>\r\n <option value=\"Botany & Life Sciences Admission\">Biological Sciences Course Admission (M.Sc.\/B.Sc.\/NEET\/NET)<\/option>\r\n <option value=\"Website Creation for Institute\">Institutional Website Creation \/ College Portal<\/option>\r\n <option value=\"Website Maintenance & Upkeep\">Website Maintenance & Technical Upkeep<\/option>\r\n <option value=\"Multimedia Presentation Development\">Educational Multimedia & Seminar Presentations<\/option>\r\n <option value=\"Academic Collaboration \/ Other\">Academic \/ Institutional Partnership & Other<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"subContextBox\" class=\"hidden p-3 bg-brand-50\/70 rounded-xl border border-brand-200\">\r\n <span class=\"block text-[11px] font-bold text-brand-900 mb-1.5\" id=\"subContextTitle\">Select Academic Program:<\/span>\r\n <div class=\"flex flex-wrap gap-2 text-[11px]\" id=\"subContextOptions\">\r\n \r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"contactSubject\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Subject Summary <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <input \r\n type=\"text\" \r\n id=\"contactSubject\" \r\n required \r\n placeholder=\"e.g. Inquiry regarding M.Sc. Botany evening batch schedule\" \r\n class=\"w-full px-3.5 py-2.5 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition font-medium\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <label for=\"contactMessage\" class=\"block font-bold text-slate-700 mb-1.5\">\r\n Detailed Message \/ Requirements <span class=\"text-red-500\">*<\/span>\r\n <\/label>\r\n <textarea \r\n id=\"contactMessage\" \r\n rows=\"4\" \r\n required \r\n placeholder=\"Please provide your questions, institution name, academic qualification, or project specifications...\"\r\n class=\"w-full p-3 bg-slate-50 border border-slate-300 rounded-xl text-xs text-slate-800 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:bg-white transition leading-relaxed\"\r\n ><\/textarea>\r\n <\/div>\r\n\r\n \r\n <div class=\"pt-2 flex flex-col sm:flex-row items-center justify-between gap-3\">\r\n <span class=\"text-[11px] text-slate-500\">\r\n <i class=\"fa-solid fa-lock text-slate-400 mr-1\"><\/i> Your details are transmitted directly to our official records.\r\n <\/span>\r\n\r\n <div class=\"flex items-center gap-2.5 w-full sm:w-auto\">\r\n <button \r\n type=\"reset\" \r\n onclick=\"document.getElementById('subContextBox').classList.add('hidden')\"\r\n class=\"px-4 py-2.5 rounded-xl border border-slate-200 bg-white hover:bg-slate-100 text-slate-600 text-xs font-semibold transition\"\r\n >\r\n Clear\r\n <\/button>\r\n\r\n <button \r\n type=\"submit\" \r\n class=\"w-full sm:w-auto px-6 py-2.5 rounded-xl bg-brand-600 hover:bg-brand-500 text-white text-xs font-bold transition shadow-md shadow-brand-600\/20 flex items-center justify-center gap-2\"\r\n >\r\n <i class=\"fa-solid fa-paper-plane\"><\/i>\r\n <span>Send Message & Generate Ticket<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/form>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-5 space-y-6\">\r\n\r\n \r\n <div class=\"bg-white rounded-3xl border border-slate-200\/90 shadow-card p-6 space-y-4\">\r\n <div class=\"flex items-start justify-between\">\r\n <div class=\"w-11 h-11 rounded-2xl bg-brand-50 text-brand-700 flex items-center justify-center text-lg border border-brand-200\/60 shrink-0\">\r\n <i class=\"fa-solid fa-envelope-open-text\"><\/i>\r\n <\/div>\r\n <span class=\"text-[10px] font-mono uppercase px-2.5 py-1 rounded-full bg-slate-100 text-slate-600 font-bold\">\r\n Official Desk\r\n <\/span>\r\n <\/div>\r\n\r\n <div>\r\n <h3 class=\"font-bold text-base text-slate-900\">Direct Inquiries via Email<\/h3>\r\n <p class=\"text-xs text-slate-500 mt-1 leading-relaxed\">\r\n Official email address as registered in corporate records. Write to us directly for syllabus brochures, batch registrations, or custom quotes.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"p-3 bg-slate-50 rounded-xl border border-slate-200\/80 flex items-center justify-between gap-2\">\r\n <span class=\"font-mono text-xs sm:text-sm font-bold text-brand-800 select-all truncate\">sksdigitech@gmail.com<\/span>\r\n <button \r\n onclick=\"copyEmailAddress('sksdigitech@gmail.com')\" \r\n class=\"px-3 py-1.5 rounded-lg bg-white border border-slate-200 text-slate-700 text-xs font-semibold hover:bg-slate-100 transition shrink-0\"\r\n >\r\n <i class=\"fa-regular fa-copy mr-1\"><\/i> Copy\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 gap-2 pt-1\">\r\n <a \r\n href=\"mailto:sksdigitech@gmail.com?subject=Inquiry%20to%20SKS%20DigiTech\" \r\n class=\"inline-flex items-center justify-center gap-1.5 py-2 px-3 rounded-xl bg-slate-900 text-white text-xs font-bold hover:bg-slate-800 transition\"\r\n >\r\n <i class=\"fa-solid fa-paper-plane text-[10px]\"><\/i> Open Mail Client\r\n <\/a>\r\n <button \r\n onclick=\"prefillSubject('Course Admission Inquiry')\"\r\n class=\"inline-flex items-center justify-center gap-1.5 py-2 px-3 rounded-xl bg-brand-50 border border-brand-200 text-brand-800 text-xs font-bold hover:bg-brand-100 transition\"\r\n >\r\n <i class=\"fa-solid fa-bolt text-[10px]\"><\/i> Quick Course Form\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-3xl border border-slate-200\/90 shadow-card p-6 space-y-4\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-xl bg-tech-50 text-tech-600 flex items-center justify-center text-base border border-tech-100 shrink-0\">\r\n <i class=\"fa-regular fa-clock\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-sm text-slate-900\">Admissions & Tech Hours<\/h4>\r\n <span class=\"text-[11px] text-slate-400\">Indian Standard Time (IST)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"space-y-2 text-xs border-y border-slate-100 py-3\">\r\n <div class=\"flex justify-between py-1\">\r\n <span class=\"text-slate-500 font-medium\">Monday \u2013 Saturday:<\/span>\r\n <span class=\"font-bold text-slate-800\">08:00 AM \u2013 08:30 PM IST<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between py-1\">\r\n <span class=\"text-slate-500 font-medium\">Sunday \/ Academic Tests:<\/span>\r\n <span class=\"font-bold text-slate-800\">10:00 AM \u2013 04:00 PM IST<\/span>\r\n <\/div>\r\n <div class=\"flex justify-between py-1\">\r\n <span class=\"text-slate-500 font-medium\">Class Server Uptime:<\/span>\r\n <span class=\"font-bold text-emerald-600\">24 \/ 7 Monitored<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-3 bg-emerald-50 rounded-xl border border-emerald-200 text-[11px] text-emerald-900 leading-relaxed\">\r\n <i class=\"fa-solid fa-circle-check text-emerald-600 mr-1\"><\/i> Inquiries received outside operational hours are cataloged and addressed first thing on the subsequent working morning.\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-gradient-to-br from-slate-900 to-slate-950 text-white rounded-3xl p-6 shadow-card space-y-4\">\r\n <span class=\"text-[10px] font-bold uppercase tracking-wider text-brand-300 block\">Organizational Dispatch<\/span>\r\n <h4 class=\"text-base font-bold\">Key Operational Desks<\/h4>\r\n\r\n <div class=\"space-y-2.5 text-xs text-slate-300\">\r\n <div class=\"p-2.5 bg-white\/5 rounded-xl border border-white\/10 flex items-center justify-between\">\r\n <div>\r\n <span class=\"font-bold text-white block\">Botany & Life Sciences<\/span>\r\n <span class=\"text-[11px] text-slate-400\">Classes, notes, test schedules<\/span>\r\n <\/div>\r\n <span class=\"font-mono text-brand-300 font-semibold text-[11px]\">Admissions Desk<\/span>\r\n <\/div>\r\n\r\n <div class=\"p-2.5 bg-white\/5 rounded-xl border border-white\/10 flex items-center justify-between\">\r\n <div>\r\n <span class=\"font-bold text-white block\">Educational Web Systems<\/span>\r\n <span class=\"text-[11px] text-slate-400\">Portals, college CMS, maintenance<\/span>\r\n <\/div>\r\n <span class=\"font-mono text-tech-300 font-semibold text-[11px]\">IT Systems Desk<\/span>\r\n <\/div>\r\n\r\n <div class=\"p-2.5 bg-white\/5 rounded-xl border border-white\/10 flex items-center justify-between\">\r\n <div>\r\n <span class=\"font-bold text-white block\">Multimedia Presentations<\/span>\r\n <span class=\"text-[11px] text-slate-400\">Keynotes, lecture animations, slides<\/span>\r\n <\/div>\r\n <span class=\"font-mono text-indigo-300 font-semibold text-[11px]\">Creative Unit<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-3xl p-6 sm:p-8 border border-slate-200\/90 shadow-card space-y-6\">\r\n <div class=\"border-b border-slate-100 pb-4 flex flex-col sm:flex-row sm:items-center justify-between gap-3\">\r\n <div>\r\n <span class=\"text-xs font-bold text-brand-600 uppercase tracking-wider\">Frequently Asked Questions<\/span>\r\n <h3 class=\"text-xl font-bold text-slate-900 mt-0.5\">Quick Clarity on Courses & Digital Services<\/h3>\r\n <\/div>\r\n <span class=\"text-xs text-slate-500\">Need more specifics? Email sksdigitech@gmail.com<\/span>\r\n <\/div>\r\n\r\n <div class=\"space-y-3\" id=\"faqAccordion\">\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(1)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>How do students join online classes for M.Sc.\/B.Sc. Botany or competitive NEET \/ CSIR NET?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-1\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-1\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>Once registration is approved, candidates receive verified classroom credentials via their registered email. Live classes are hosted daily on interactive virtual meeting platforms (Zoom \/ Google Meet), accompanied by PDF lecture annotations and unit test links.<\/p>\r\n <p class=\"text-brand-700 font-medium\">Recordings of every live lecture are stored securely for missed-class revision.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(2)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>What does Educational Website Creation & Maintenance include?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-2\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-2\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>We develop custom, mobile-friendly institutional websites for schools, science departments, research groups, and training centers. Our ongoing maintenance contracts handle continuous syllabus updates, faculty profiles, notices, admission application forms, and domain\/server security.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(3)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>Can educators commission multimedia presentation decks for seminars or lectures?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-3\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-3\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>Yes. Our multimedia unit designs high-impact keynote presentations, slide decks, scientific flowcharts, botanical cycle animations, and video modules for university faculty, guest seminars, and training webinars.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"border border-slate-200 rounded-2xl overflow-hidden transition\">\r\n <button \r\n type=\"button\" \r\n onclick=\"toggleFaq(4)\" \r\n class=\"w-full px-5 py-4 text-left font-bold text-xs sm:text-sm text-slate-900 flex items-center justify-between gap-4 bg-slate-50\/50 hover:bg-slate-50 transition\"\r\n >\r\n <span>What is the expected response timeframe for inquiries?<\/span>\r\n <i class=\"fa-solid fa-chevron-down text-slate-400 transition transform duration-200\" id=\"faqIcon-4\"><\/i>\r\n <\/button>\r\n <div id=\"faqContent-4\" class=\"accordion-content px-5 text-xs text-slate-600 leading-relaxed\">\r\n <div class=\"py-3.5 border-t border-slate-100 space-y-1.5\">\r\n <p>Inquiries submitted through this page or emailed directly to <strong>sksdigitech@gmail.com<\/strong> are acknowledged with an official ticket and answered within 24 operational hours.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rounded-2xl bg-gradient-to-r from-slate-900 via-emerald-950 to-slate-900 text-white p-6 border border-slate-800 flex flex-col sm:flex-row items-center justify-between gap-4\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-10 h-10 rounded-xl bg-white\/10 flex items-center justify-center text-brand-300 text-lg shrink-0\">\r\n <i class=\"fa-solid fa-envelope-circle-check\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[11px] text-slate-300 uppercase tracking-wider block font-semibold\">Official Corporate Record Email<\/span>\r\n <span class=\"text-sm sm:text-base font-bold text-emerald-300 font-mono\">sksdigitech@gmail.com<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"flex items-center gap-2\">\r\n <button onclick=\"copyEmailAddress('sksdigitech@gmail.com')\" class=\"px-4 py-2 rounded-xl bg-white\/10 hover:bg-white\/20 text-white text-xs font-bold border border-white\/20 transition\">\r\n Copy Email\r\n <\/button>\r\n <a href=\"mailto:sksdigitech@gmail.com\" class=\"px-4 py-2 rounded-xl bg-brand-600 hover:bg-brand-500 text-white text-xs font-bold transition shadow-sm\">\r\n Send Email Now\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div id=\"ticketModal\" class=\"fixed inset-0 bg-slate-900\/60 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4 overflow-y-auto\">\r\n <div id=\"ticketCard\" class=\"bg-white rounded-3xl max-w-lg w-full border border-slate-300 shadow-2xl p-6 sm:p-8 space-y-6 my-8\">\r\n \r\n \r\n <div class=\"flex items-start justify-between border-b-2 border-slate-900 pb-4\">\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"w-12 h-12 rounded-2xl bg-brand-700 text-white flex items-center justify-center font-black text-xl shadow-md p-2.5\">\r\n <i class=\"fa-solid fa-ticket\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase tracking-widest text-brand-700\">Official Communication Slip<\/span>\r\n <h3 class=\"text-xl font-extrabold text-slate-900\">SKS DigiTech Helpdesk<\/h3>\r\n <p class=\"text-[11px] text-slate-500\">Inquiry Acknowledgment & Reference Dossier<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"text-right\">\r\n <span class=\"px-2 py-0.5 rounded-full bg-emerald-100 text-emerald-800 text-[10px] font-extrabold uppercase\">\r\n Logged\r\n <\/span>\r\n <p class=\"text-[11px] font-mono text-slate-500 mt-1\" id=\"ticketDate\">-<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-slate-50 rounded-2xl p-4 border border-slate-200 flex items-center justify-between\">\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Ticket Reference Number<\/span>\r\n <span id=\"ticketRefNumber\" class=\"font-mono text-lg font-black text-brand-800 tracking-wider\">SKS-TKT-2026-0000<\/span>\r\n <\/div>\r\n <div class=\"text-right\">\r\n <span class=\"font-mono text-[10px] font-bold text-slate-500 block\">DESK: sksdigitech@gmail.com<\/span>\r\n <span class=\"text-[10px] text-emerald-600 font-semibold\">Priority: Normal<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid grid-cols-2 gap-3 text-xs border-y border-slate-200 py-4\">\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Sender Name<\/span>\r\n <span id=\"modalSenderName\" class=\"font-bold text-slate-800\">-<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Category<\/span>\r\n <span id=\"modalCategory\" class=\"font-semibold text-slate-800\">-<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Email Address<\/span>\r\n <span id=\"modalEmail\" class=\"font-medium text-slate-800 break-all\">-<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Mobile \/ WhatsApp<\/span>\r\n <span id=\"modalPhone\" class=\"font-mono font-medium text-slate-800\">-<\/span>\r\n <\/div>\r\n <div class=\"col-span-2\">\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Subject<\/span>\r\n <span id=\"modalSubject\" class=\"font-bold text-slate-900\">-<\/span>\r\n <\/div>\r\n <div class=\"col-span-2\">\r\n <span class=\"text-[10px] font-bold uppercase text-slate-400 block\">Message Preview<\/span>\r\n <p id=\"modalMessage\" class=\"text-slate-600 text-[11px] bg-slate-50 p-2.5 rounded-lg border border-slate-200\/80 leading-relaxed\"><\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-3 bg-brand-50\/80 rounded-xl border border-brand-200 text-[11px] text-brand-950 leading-relaxed\">\r\n <i class=\"fa-solid fa-circle-info mr-1 text-brand-700\"><\/i> Our coordinating representative will respond to your registered email quoting this Ticket ID.\r\n <\/div>\r\n\r\n \r\n <div class=\"flex items-center justify-between gap-3 pt-1 no-print\">\r\n <button \r\n type=\"button\" \r\n onclick=\"closeTicketModal()\" \r\n class=\"px-4 py-2.5 rounded-xl border border-slate-200 bg-white hover:bg-slate-100 text-slate-700 text-xs font-bold transition\"\r\n >\r\n Close Window\r\n <\/button>\r\n\r\n <button \r\n type=\"button\" \r\n onclick=\"window.print()\" \r\n class=\"px-5 py-2.5 rounded-xl bg-slate-900 hover:bg-slate-800 text-white text-xs font-bold transition flex items-center gap-2 shadow-sm\"\r\n >\r\n <i class=\"fa-solid fa-print\"><\/i>\r\n <span>Print Slip<\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"toastAlert\" class=\"fixed bottom-6 right-6 z-50 transform translate-y-20 opacity-0 transition-all duration-300 pointer-events-none no-print\">\r\n <div class=\"bg-slate-900 text-white px-5 py-3 rounded-2xl shadow-2xl border border-slate-700 flex items-center gap-3 text-xs font-semibold\">\r\n <i class=\"fa-solid fa-circle-check text-emerald-400 text-base\" id=\"toastIcon\"><\/i>\r\n <span id=\"toastAlertMsg\">Notification message<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Copy email helper\r\n function copyEmailAddress(email) {\r\n const tempInput = document.createElement('input');\r\n tempInput.value = email;\r\n document.body.appendChild(tempInput);\r\n tempInput.select();\r\n\r\n try {\r\n document.execCommand('copy');\r\n showToast('Copied email: ' + email, 'success');\r\n } catch (e) {\r\n showToast('Official email: ' + email, 'info');\r\n }\r\n document.body.removeChild(tempInput);\r\n }\r\n\r\n \/\/ Toast notification utility\r\n function showToast(message, type = 'info') {\r\n const toast = document.getElementById('toastAlert');\r\n const msg = document.getElementById('toastAlertMsg');\r\n const icon = document.getElementById('toastIcon');\r\n\r\n if (toast && msg) {\r\n msg.textContent = message;\r\n if (type === 'error') {\r\n icon.className = 'fa-solid fa-circle-exclamation text-rose-400 text-base';\r\n } else if (type === 'success') {\r\n icon.className = 'fa-solid fa-circle-check text-emerald-400 text-base';\r\n } else {\r\n icon.className = 'fa-solid fa-circle-info text-sky-400 text-base';\r\n }\r\n\r\n toast.classList.remove('translate-y-20', 'opacity-0');\r\n toast.classList.add('translate-y-0', 'opacity-100');\r\n setTimeout(() => {\r\n toast.classList.remove('translate-y-0', 'opacity-100');\r\n toast.classList.add('translate-y-20', 'opacity-0');\r\n }, 2800);\r\n }\r\n }\r\n\r\n \/\/ Dynamic Context Box upon Category Selection\r\n function updateSubjectSuggestions() {\r\n const cat = document.getElementById('inquiryCategory').value;\r\n const box = document.getElementById('subContextBox');\r\n const title = document.getElementById('subContextTitle');\r\n const container = document.getElementById('subContextOptions');\r\n\r\n if (!cat) {\r\n box.classList.add('hidden');\r\n return;\r\n }\r\n\r\n box.classList.remove('hidden');\r\n\r\n if (cat.includes('Botany') || cat.includes('Biological')) {\r\n title.textContent = 'Select Biological Sciences Course:';\r\n const courses = ['M.Sc. Botany', 'B.Sc. Botany', 'NEET Biology', 'PGT\/TGT Biology', 'CSIR NET\/JRF Life Sciences'];\r\n container.innerHTML = courses.map(c => `\r\n <button type=\"button\" onclick=\"selectQuickContext('Course: ${c}')\" class=\"px-2.5 py-1 rounded-lg bg-white border border-brand-300 text-brand-800 hover:bg-brand-600 hover:text-white transition font-medium\">\r\n + ${c}\r\n <\/button>\r\n `).join('');\r\n } else if (cat.includes('Website')) {\r\n title.textContent = 'Select Website Requirement:';\r\n const webOptions = ['New College Website', 'Departmental Portal', 'Online Admission Form System', 'Annual Maintenance Contract (AMC)'];\r\n container.innerHTML = webOptions.map(w => `\r\n <button type=\"button\" onclick=\"selectQuickContext('Web: ${w}')\" class=\"px-2.5 py-1 rounded-lg bg-white border border-brand-300 text-brand-800 hover:bg-brand-600 hover:text-white transition font-medium\">\r\n + ${w}\r\n <\/button>\r\n `).join('');\r\n } else if (cat.includes('Multimedia')) {\r\n title.textContent = 'Select Presentation Asset:';\r\n const mediaOptions = ['Academic Keynote Deck', 'Biological Cycle Slides', 'Recorded Lecture Post-Production', 'Seminar Visuals'];\r\n container.innerHTML = mediaOptions.map(m => `\r\n <button type=\"button\" onclick=\"selectQuickContext('Multimedia: ${m}')\" class=\"px-2.5 py-1 rounded-lg bg-white border border-brand-300 text-brand-800 hover:bg-brand-600 hover:text-white transition font-medium\">\r\n + ${m}\r\n <\/button>\r\n `).join('');\r\n } else {\r\n box.classList.add('hidden');\r\n }\r\n }\r\n\r\n function selectQuickContext(str) {\r\n const subj = document.getElementById('contactSubject');\r\n if (subj) {\r\n subj.value = str;\r\n showToast('Applied subject: ' + str, 'info');\r\n }\r\n }\r\n\r\n function prefillSubject(subjectText) {\r\n const subj = document.getElementById('contactSubject');\r\n const cat = document.getElementById('inquiryCategory');\r\n if (cat) cat.value = 'Botany & Life Sciences Admission';\r\n updateSubjectSuggestions();\r\n if (subj) {\r\n subj.value = subjectText;\r\n subj.focus();\r\n subj.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n }\r\n\r\n \/\/ Toggle FAQ Accordion\r\n function toggleFaq(id) {\r\n const content = document.getElementById(`faqContent-${id}`);\r\n const icon = document.getElementById(`faqIcon-${id}`);\r\n\r\n if (!content) return;\r\n\r\n const isOpen = content.classList.contains('open');\r\n\r\n \/\/ Close all others\r\n document.querySelectorAll('.accordion-content').forEach(c => {\r\n c.style.maxHeight = null;\r\n c.classList.remove('open');\r\n });\r\n document.querySelectorAll('[id^=\"faqIcon-\"]').forEach(ic => {\r\n ic.style.transform = 'rotate(0deg)';\r\n });\r\n\r\n if (!isOpen) {\r\n content.classList.add('open');\r\n content.style.maxHeight = content.scrollHeight + 'px';\r\n if (icon) icon.style.transform = 'rotate(180deg)';\r\n }\r\n }\r\n\r\n \/\/ Form Submission & Ticket Generation\r\n function handleInquirySubmit(e) {\r\n e.preventDefault();\r\n\r\n const name = document.getElementById('contactName').value.trim();\r\n const email = document.getElementById('contactEmail').value.trim();\r\n const phone = document.getElementById('contactPhone').value.trim();\r\n const category = document.getElementById('inquiryCategory').value;\r\n const subject = document.getElementById('contactSubject').value.trim();\r\n const message = document.getElementById('contactMessage').value.trim();\r\n\r\n if (!name || !email || !phone || !category || !subject || !message) {\r\n showToast('Please fill all mandatory fields.', 'error');\r\n return;\r\n }\r\n\r\n if (phone.length < 10 || !\/^\\d{10}$\/.test(phone)) {\r\n showToast('Please enter a valid 10-digit mobile number.', 'error');\r\n return;\r\n }\r\n\r\n const randomTicketNum = Math.floor(1000 + Math.random() * 9000);\r\n const ticketRef = `SKS-TKT-2026-${randomTicketNum}`;\r\n const today = new Date().toISOString().split('T')[0];\r\n\r\n \/\/ Populate Modal\r\n document.getElementById('ticketRefNumber').textContent = ticketRef;\r\n document.getElementById('ticketDate').textContent = `Date: ${today}`;\r\n document.getElementById('modalSenderName').textContent = name;\r\n document.getElementById('modalCategory').textContent = category;\r\n document.getElementById('modalEmail').textContent = email;\r\n document.getElementById('modalPhone').textContent = `+91 ${phone}`;\r\n document.getElementById('modalSubject').textContent = subject;\r\n document.getElementById('modalMessage').textContent = message;\r\n\r\n \/\/ Show Modal\r\n const modal = document.getElementById('ticketModal');\r\n if (modal) modal.classList.remove('hidden');\r\n\r\n showToast('Inquiry logged successfully! Ticket generated.', 'success');\r\n document.getElementById('inquiryForm').reset();\r\n document.getElementById('subContextBox').classList.add('hidden');\r\n }\r\n\r\n function closeTicketModal() {\r\n const modal = document.getElementById('ticketModal');\r\n if (modal) modal.classList.add('hidden');\r\n }\r\n\r\n \/\/ Close modal on Escape key\r\n document.addEventListener('keydown', (e) => {\r\n if (e.key === 'Escape') closeTicketModal();\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us – SKS DigiTech Official Helpdesk & Inquiries Connect With SKS DigiTech Reach our admissions and technical development desk for Life Sciences Online Courses (M.Sc. \/ B.Sc. Botany, NEET, CSIR NET\/JRF), Educational Website Engineering, and Multimedia Lecture Presentations. Primary Public Communications sksdigitech@gmail.com Average Response Time: Under 24 Hours Botany & Life Sciences Classes Educational […]<\/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":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","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":""}},"footnotes":""},"class_list":["post-39","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages\/39","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":3,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions"}],"predecessor-version":[{"id":10445,"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/pages\/39\/revisions\/10445"}],"wp:attachment":[{"href":"https:\/\/sksdigitech.in\/index.php\/wp-json\/wp\/v2\/media?parent=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}