\u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf – \u09b6\u09c7\u09b0 \u0986\u09b2\u09c0 \u09a8\u09c2\u09b0\u09be\u09a8\u09c0 \u0995\u09cd\u09af\u09be\u09a1\u09c7\u099f \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --primary-gold: #fbbf24;\n --emerald-glow: #10b981;\n --electric-blue: #3b82f6;\n --bg-deep: #050810;\n }\n\n body {\n font-family: 'Hind Siliguri', sans-serif;\n background-color: var(--bg-deep);\n color: #f8fafc;\n overflow-x: hidden;\n line-height: 1.8;\n }\n\n \/* --- \ud83c\udf1f NEW: Pro-Text Animations \ud83c\udf1f --- *\/\n \n \/* 1. Main Titles (\u09e9-\u09ea \u0995\u09be\u09b2\u09be\u09b0 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8) *\/\n @keyframes titleGlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .pro-title-animated {\n background: linear-gradient(\n 90deg, \n #fff 0%, \n var(--primary-gold) 25%, \n #fff 50%, \n var(--electric-blue) 75%, \n #fff 100%\n );\n background-size: 300% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: titleGlow 10s ease infinite;\n display: inline-block;\n }\n\n \/* 2. Names ( \u0997\u09cb\u09b2\u09cd\u09a1\u09c7\u09a8-\u09b9\u09cb\u09df\u09be\u0987\u099f \u09b6\u09bf\u09ae\u09be\u09a8 ) *\/\n @keyframes nameShimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n\n .pro-name-shimmer {\n background: linear-gradient(\n 120deg, \n #fff 30%, \n var(--primary-gold) 50%, \n #fff 70%\n );\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: nameShimmer 4s linear infinite;\n }\n\n \/* 3. Section Small Headers (\u098f\u09ae\u09be\u09b0\u09c7\u09b2\u09cd\u09a1-\u09ac\u09cd\u09b2\u09c1) *\/\n .pro-section-header {\n background: linear-gradient(\n 135deg, \n var(--emerald-glow), \n var(--electric-blue)\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 800;\n }\n\n \/* --- Existing Animations (Optimized) --- *\/\n @keyframes borderFlow {\n 0% { border-color: var(--primary-gold); box-shadow: 0 0 15px rgba(251, 191, 36, 0.2); }\n 33% { border-color: var(--emerald-glow); box-shadow: 0 0 15px rgba(16, 185, 129, 0.2); }\n 66% { border-color: var(--electric-blue); box-shadow: 0 0 15px rgba(59, 130, 246, 0.2); }\n 100% { border-color: var(--primary-gold); box-shadow: 0 0 15px rgba(251, 191, 36, 0.2); }\n }\n\n @keyframes profileBorderFlow {\n 0% { border-color: var(--primary-gold); box-shadow: 0 0 25px rgba(251, 191, 36, 0.4); }\n 33% { border-color: var(--emerald-glow); box-shadow: 0 0 25px rgba(16, 185, 129, 0.4); }\n 66% { border-color: var(--electric-blue); box-shadow: 0 0 25px rgba(59, 130, 246, 0.4); }\n 100% { border-color: var(--primary-gold); box-shadow: 0 0 25px rgba(251, 191, 36, 0.4); }\n }\n\n .premium-card {\n background: rgba(10, 15, 30, 0.8);\n backdrop-filter: blur(20px);\n border: 2px solid rgba(255, 255, 255, 0.05);\n border-radius: 40px;\n padding: 40px;\n transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n animation: borderFlow 10s infinite ease-in-out;\n }\n\n .premium-card:hover {\n transform: translateY(-10px);\n background: rgba(10, 15, 30, 1);\n border-color: rgba(255, 255, 255, 0.1);\n }\n\n .profile-container {\n width: 160px;\n height: 160px;\n margin: -80px auto 20px;\n border-radius: 40px;\n border: 6px solid var(--primary-gold); \n animation: profileBorderFlow 6s infinite ease-in-out; \n background: #111827;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 10;\n }\n\n .profile-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .extra-info {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n }\n\n .expanded .extra-info {\n max-height: 500px;\n opacity: 1;\n padding-top: 15px;\n }\n\n \/* Architect Section Animation *\/\n @keyframes shineDeveloper {\n from { background-position: 0% center; }\n to { background-position: 200% center; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"fixed inset-0 -z-10 overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-amber-500\/5 blur-[120px] rounded-full\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-emerald-500\/5 blur-[120px] rounded-full\"><\/div>\n <\/div>\n\n <main class=\"container mx-auto px-6 py-24 max-w-7xl\">\n \n <div class=\"text-center mb-32\" data-aos=\"zoom-in\">\n <span class=\"pro-section-header tracking-[10px] uppercase text-xs mb-4 block\">Official Identity<\/span>\n <h1 class=\"text-6xl md:text-8xl font-black pro-title-animated mb-8\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf<\/h1>\n <p class=\"text-slate-400 text-lg md:text-xl max-w-3xl mx-auto\">\n \u09b6\u09bf\u0995\u09cd\u09b7\u09be, \u09a8\u09c8\u09a4\u09bf\u0995\u09a4\u09be \u0993 \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7\u09c7\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u0997\u09a1\u09bc\u09c7 \u0993\u09a0\u09be \u098f\u0995\u099f\u09bf \u0986\u09a6\u09b0\u09cd\u09b6 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 <br>\n <span class=\"text-amber-400 font-bold\">\u09b6\u09c7\u09b0 \u0986\u09b2\u09c0 \u09a8\u09c2\u09b0\u09be\u09a8\u09c0 \u0995\u09cd\u09af\u09be\u09a1\u09c7\u099f \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be<\/span>\u0964\n <\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-12 gap-10 items-center mb-32\">\n <div class=\"lg:col-span-7 premium-card\" data-aos=\"fade-right\">\n <h3 class=\"text-3xl font-bold mb-6 flex items-center gap-4\">\n <i class=\"fa-solid fa-book-quran text-amber-500\"><\/i>\n <span class=\"pro-name-shimmer\">\u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0993 \u09b8\u09cd\u09ac\u09aa\u09cd\u09a8<\/span>\n <\/h3>\n <p class=\"text-slate-300 text-lg\">\n \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u0993 \u09a7\u09b0\u09cd\u09ae\u09c0\u09af\u09bc \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09a6\u09c7\u09b0 \u09af\u09cb\u0997\u09cd\u09af \u0993 \u09b8\u09c1\u09a8\u09be\u0997\u09b0\u09bf\u0995 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u0997\u09a1\u09bc\u09c7 \u09a4\u09cb\u09b2\u09be\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ae\u09c2\u09b2 \u09b2\u0995\u09cd\u09b7\u09cd\u09af\u0964 \n \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a4\u09be <span class=\"text-amber-400 font-bold\">\u09a1. \u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u0986\u09b9\u09ae\u09c7\u09a6<\/span>-\u098f\u09b0 \u09b8\u09c1\u09a6\u09c2\u09b0\u09aa\u09cd\u09b0\u09b8\u09be\u09b0\u09c0 \u099a\u09bf\u09a8\u09cd\u09a4\u09be \u098f\u09ac\u0982 \n <span class=\"pro-section-header text-sm uppercase\">\u09a1\u09be\u0983\u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u09b8\u09c1\u09b0\u09be\u0987\u09af\u09bc\u09be \u09ab\u09be\u0989\u09a8\u09cd\u09a1\u09c7\u09b6\u09a8<\/span>-\u098f\u09b0 \u09b8\u09be\u09b0\u09cd\u09ac\u09bf\u0995 \u09b8\u09b9\u09af\u09cb\u0997\u09bf\u09a4\u09be\u09af\u09bc \u098f\u0987 \u09b8\u09cd\u09ac\u09aa\u09cd\u09a8 \u0986\u099c \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09c7 \u09b0\u09c2\u09aa \u09a8\u09bf\u09af\u09bc\u09c7\u099b\u09c7\u0964\n <\/p>\n <\/div>\n \n <div class=\"lg:col-span-5 premium-card text-center\" data-aos=\"fade-left\">\n <div class=\"profile-container mt-0\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/d.sultan-ahmed-2.png\" alt=\"\u09a1. \u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u0986\u09b9\u09ae\u09c7\u09a6\">\n <\/div>\n <h4 class=\"text-3xl font-bold pro-name-shimmer\">\u09a1. \u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u0986\u09b9\u09ae\u09c7\u09a6<\/h4>\n <p class=\"pro-section-header text-xs uppercase tracking-widest mt-2\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a4\u09be \u0993 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09a8\u09c1\u09b0\u09be\u0997\u09c0<\/p>\n \n <div class=\"info-wrapper mt-4\">\n <p class=\"text-slate-400 text-sm\">\n \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0993 \u09a8\u09c8\u09a4\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7\u09c7\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u098f\u0995\u099f\u09bf \u0986\u09a6\u09b0\u09cd\u09b6 \u09aa\u09cd\u09b0\u099c\u09a8\u09cd\u09ae \u0997\u09a1\u09bc\u09be\u0987 \u09a4\u09be\u0981\u09b0 \u09ae\u09c2\u09b2 \u09b2\u0995\u09cd\u09b7\u09cd\u09af\u0964 \u098f\u0995\u099c\u09a8 \u09ac\u09bf\u09b6\u09bf\u09b7\u09cd\u099f \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09ac\u09bf\u09a6 \u0993 \u09a6\u0995\u09cd\u09b7 \u09b8\u0982\u0997\u09a0\u0995 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09a4\u09bf\u09a8\u09bf \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u09b0 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae\u0995\u09c7 \u0995\u09b0\u09c7\u099b\u09c7\u09a8 \u09b8\u09c1\u09b8\u0982\u0997\u09a0\u09bf\u09a4 \u0993 \u0997\u09a4\u09bf\u09b6\u09c0\u09b2\u0964\n <\/p>\n <div class=\"extra-info text-slate-500 text-xs italic\">\n \u09a4\u09be\u0981\u09b0 \u09a6\u09c2\u09b0\u09a6\u09b0\u09cd\u09b6\u09c0 \u09a8\u09c7\u09a4\u09c3\u09a4\u09cd\u09ac\u09c7 \u098f\u09ac\u0982 \u09b8\u09c1\u09b6\u09c3\u0999\u09cd\u0996\u09b2 \u09a4\u09a6\u09be\u09b0\u0995\u09bf\u09a4\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u099f\u09bf \u0986\u099c \u09b8\u09be\u09ab\u09b2\u09cd\u09af\u09c7\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u0989\u099a\u09cd\u099a\u09a4\u09be\u09af\u09bc \u09aa\u09cc\u0981\u099b\u09c7\u099b\u09c7\u0964\n <\/div>\n <button class=\"mt-4 px-6 py-2 border border-amber-500\/30 rounded-full text-xs text-amber-400 hover:bg-amber-500 hover:text-black transition-all\" onclick=\"toggleDropdown(this)\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-20 pt-20\">\n \n <div class=\"premium-card text-center\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"profile-container\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/cm.kamal_-2.png\" alt=\"\u09ae\u09cb: \u0995\u09be\u09ae\u09be\u09b2 \u09b9\u09cb\u09b8\u09c7\u09a8\">\n <\/div>\n <h4 class=\"text-3xl font-bold pro-name-shimmer\">\u09ae\u09cb: \u0995\u09be\u09ae\u09be\u09b2 \u09b9\u09cb\u09b8\u09c7\u09a8<\/h4>\n <p class=\"pro-section-header text-sm uppercase tracking-widest mb-4\">\u099a\u09c7\u09af\u09bc\u09be\u09b0\u09ae\u09cd\u09af\u09be\u09a8 \u0993 \u09b8\u09ad\u09be\u09aa\u09a4\u09bf<\/p>\n \n <div class=\"info-wrapper\">\n <p class=\"text-slate-400 text-sm\">\n \u09a4\u09be\u0981\u09b0 \u0985\u0995\u09cd\u09b2\u09be\u09a8\u09cd\u09a4 \u09aa\u09b0\u09bf\u09b6\u09cd\u09b0\u09ae \u0993 \u09a6\u09c2\u09b0\u09a6\u09b0\u09cd\u09b6\u09c0 \u09a8\u09c7\u09a4\u09c3\u09a4\u09cd\u09ac\u09c7 \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u09b0 \u0985\u09ac\u0995\u09be\u09a0\u09be\u09ae\u09cb \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c7 \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09be\u09af\u09bc\u09bf\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964\n <\/p>\n <div class=\"extra-info text-slate-500 text-xs italic\">\n \u0989\u09a8\u09be\u09b0 \u09a8\u09c7\u09a4\u09c3\u09a4\u09cd\u09ac\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u0989\u09a8\u09cd\u09a8\u09af\u09bc\u09a8\u09ae\u09c2\u09b2\u0995 \u0995\u09be\u099c \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u0995\u09c7 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u0989\u099a\u09cd\u099a\u09a4\u09be\u09af\u09bc \u09a8\u09bf\u09af\u09bc\u09c7 \u0997\u09bf\u09af\u09bc\u09c7\u099b\u09c7\u0964\n <\/div>\n <button class=\"mt-4 px-6 py-2 border border-amber-500\/30 rounded-full text-xs text-amber-400 hover:bg-amber-500 hover:text-black transition-all\" onclick=\"toggleDropdown(this)\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4<\/button>\n <\/div>\n <\/div>\n\n <div class=\"premium-card text-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"profile-container\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/d.sayedur-rohman-2.png\" alt=\"\u09ae\u09be\u0993\u0983 \u09ae\u09c1\u09b9\u09be\u0983 \u099b\u09be\u0987\u09a6\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8\">\n <\/div>\n <h4 class=\"text-3xl font-bold pro-name-shimmer\">\u09ae\u09be\u0993\u0983 \u09ae\u09c1\u09b9\u09be\u0983 \u099b\u09be\u0987\u09a6\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8<\/h4>\n <p class=\"pro-section-header text-sm uppercase tracking-widest mb-4\">\u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\n\n <div class=\"info-wrapper\">\n <p class=\"text-slate-400 text-sm\">\n \u09a4\u09be\u0981\u09b0 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09aa\u09be\u09a0\u09a6\u09be\u09a8 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u098f\u09ac\u0982 \u09b6\u09c3\u0999\u09cd\u0996\u09b2\u09be\u09aa\u09c2\u09b0\u09cd\u09a3 \u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be\u09b0 \u09ab\u09b2\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09b0\u09be \u098f\u0995\u099f\u09bf \u0989\u09a8\u09cd\u09a8\u09a4 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u0964\n <\/p>\n <div class=\"extra-info text-slate-500 text-xs italic\">\n \u09a4\u09be\u0981\u09b0 \u09a6\u0995\u09cd\u09b7 \u09a4\u09a6\u09be\u09b0\u0995\u09bf\u09a4\u09c7 \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u09b0 \u098f\u0995\u09be\u09a1\u09c7\u09ae\u09bf\u0995 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae \u0986\u099c \u09b8\u09c1\u09b8\u0982\u0997\u09a0\u09bf\u09a4 \u0993 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0\u0964\n <\/div>\n <button class=\"mt-4 px-6 py-2 border border-amber-500\/30 rounded-full text-xs text-amber-400 hover:bg-amber-500 hover:text-black transition-all\" onclick=\"toggleDropdown(this)\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-32 premium-card text-center bg-emerald-950\/10 border-emerald-500\/20\" data-aos=\"zoom-in\">\n <div class=\"flex justify-center gap-6 mb-8 text-4xl text-emerald-500\">\n <i class=\"fa-solid fa-people-roof pulse\"><\/i>\n <\/div>\n <h3 class=\"text-4xl font-bold pro-title-animated mb-6\">\u098f\u0995\u099f\u09bf \u09b8\u09ae\u09cd\u09ae\u09bf\u09b2\u09bf\u09a4 \u09aa\u09b0\u09bf\u09ac\u09be\u09b0<\/h3>\n <p class=\"text-slate-400 max-w-4xl mx-auto text-lg leading-relaxed\">\n \u09a8\u09bf\u09ac\u09c7\u09a6\u09bf\u09a4\u09aa\u09cd\u09b0\u09be\u09a3 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ac\u09c3\u09a8\u09cd\u09a6, \u0995\u09b0\u09cd\u09ae\u099a\u09be\u09b0\u09c0 \u098f\u09ac\u0982 \u098f\u09b2\u09be\u0995\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u0986\u09a8\u09cd\u09a4\u09b0\u09bf\u0995 \u09ad\u09be\u09b2\u09cb\u09ac\u09be\u09b8\u09be\u09af\u09bc \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u099f\u09bf \u0986\u099c \u098f\u0995\u099f\u09bf \u09b8\u09ab\u09b2 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7 \u09aa\u09b0\u09bf\u09a3\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \n \u09b8\u0995\u09b2\u09c7\u09b0 \u09b8\u09ae\u09cd\u09ae\u09bf\u09b2\u09bf\u09a4 \u09aa\u09cd\u09b0\u099a\u09c7\u09b7\u09cd\u099f\u09be\u09af\u09bc \u098f\u099f\u09bf \u0986\u099c \u09b8\u09be\u09ab\u09b2\u09cd\u09af\u09c7\u09b0 \u09aa\u09a5\u09c7 \u098f\u0997\u09bf\u09af\u09bc\u09c7 \u09af\u09be\u099a\u09cd\u099b\u09c7\u0964 \n <span class=\"block mt-4 pro-section-header italic font-medium\">“\u09b8\u09c1\u09b0\u09be\u0987\u09af\u09bc\u09be \u09ab\u09be\u0989\u09a8\u09cd\u09a1\u09c7\u09b6\u09a8-\u098f\u09b0 \u099b\u09be\u09af\u09bc\u09be\u09a4\u09b2\u09c7 \u0986\u09ae\u09b0\u09be \u098f\u0995 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09a4\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09cd\u09af\u09be\u09b6\u09c0\u0964”<\/span>\n <\/p>\n <\/div>\n\n <div class=\"text-center mt-32\" data-aos=\"fade-up\">\n <div class=\"flex justify-center\">\n <div class=\"relative group p-[2px] rounded-[30px] overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-amber-500 via-emerald-500 to-blue-500 animate-[shineDeveloper_4s_linear_infinite] opacity-50\"><\/div>\n \n <div class=\"relative flex items-center gap-6 bg-[#0a101f]\/90 backdrop-blur-xl px-8 py-5 rounded-[29px] border border-white\/5\">\n <div class=\"w-20 h-20 rounded-tl-[15px] rounded-br-[15px] rounded-tr-[35px] rounded-bl-[35px] border-2 border-amber-500\/50 overflow-hidden shadow-2xl shadow-amber-500\/20\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/munawar.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\" alt=\"Munawar\">\n <\/div>\n\n <div class=\"border-l border-white\/10 pl-6 text-left\">\n <span class=\"text-[9px] text-white\/40 font-bold uppercase tracking-[4px]\">Architected By<\/span>\n <h3 class=\"text-2xl font-black bg-gradient-to-r from-white via-amber-200 to-white bg-clip-text text-transparent\">\n MUNAWAR HOSSAIN\n <\/h3>\n <p class=\"text-[10px] text-emerald-400 font-semibold tracking-wider mt-1 opacity-80\">\n Full Stack Developer & UI Designer\n <\/p>\n \n <div class=\"flex gap-4 mt-3 text-[12px] text-white\/20\">\n <a href=\"https:\/\/www.facebook.com\/mir.munawar.716\/\" class=\"hover:text-amber-400 transition-all\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-amber-400 transition-all\"><i class=\"fa-brands fa-github\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-amber-400 transition-all\"><i class=\"fa-solid fa-code\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div class=\"hidden sm:block ml-4\">\n <div class=\"w-10 h-10 rounded-xl bg-white\/5 flex items-center justify-center border border-white\/10 text-amber-500 animate-pulse\">\n <i class=\"fa-solid fa-microchip text-lg\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-[10px] text-white\/10 mt-12 tracking-[10px] uppercase\">\u00a9 2026 Sher Ali Nurani Cadet Madrasa<\/p>\n <\/div>\n\n <\/main>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n <script>\n AOS.init({ duration: 1200, once: true });\n\n function toggleDropdown(btn) {\n const container = btn.closest('.info-wrapper');\n container.classList.toggle('expanded');\n btn.innerText = container.classList.contains('expanded') ? '\u09b8\u0982\u0995\u09cd\u09b7\u09bf\u09aa\u09cd\u09a4 \u0995\u09b0\u09c1\u09a8' : '\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4';\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf – \u09b6\u09c7\u09b0 \u0986\u09b2\u09c0 \u09a8\u09c2\u09b0\u09be\u09a8\u09c0 \u0995\u09cd\u09af\u09be\u09a1\u09c7\u099f \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be Official Identity \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be, \u09a8\u09c8\u09a4\u09bf\u0995\u09a4\u09be \u0993 \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7\u09c7\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u0997\u09a1\u09bc\u09c7 \u0993\u09a0\u09be \u098f\u0995\u099f\u09bf […]<\/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":"default","site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sncm.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=220"}],"version-history":[{"count":9,"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/sncm.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":220,"date":"2026-03-28T13:20:20","date_gmt":"2026-03-28T13:20:20","guid":{"rendered":"https:\/\/sncm.site\/?page_id=220"},"modified":"2026-03-30T17:53:31","modified_gmt":"2026-03-30T17:53:31","slug":"220-2","status":"publish","type":"page","link":"https:\/\/sncm.site\/?page_id=220","title":{"rendered":"About Us"},"content":{"rendered":"\n\n\n\n \n \n \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf – \u09b6\u09c7\u09b0 \u0986\u09b2\u09c0 \u09a8\u09c2\u09b0\u09be\u09a8\u09c0 \u0995\u09cd\u09af\u09be\u09a1\u09c7\u099f \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be<\/title>\n\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link href=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.css\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n :root {\n --primary-gold: #fbbf24;\n --emerald-glow: #10b981;\n --electric-blue: #3b82f6;\n --bg-deep: #050810;\n }\n\n body {\n font-family: 'Hind Siliguri', sans-serif;\n background-color: var(--bg-deep);\n color: #f8fafc;\n overflow-x: hidden;\n line-height: 1.8;\n }\n\n \/* --- \ud83c\udf1f NEW: Pro-Text Animations \ud83c\udf1f --- *\/\n \n \/* 1. Main Titles (\u09e9-\u09ea \u0995\u09be\u09b2\u09be\u09b0 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8) *\/\n @keyframes titleGlow {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n\n .pro-title-animated {\n background: linear-gradient(\n 90deg, \n #fff 0%, \n var(--primary-gold) 25%, \n #fff 50%, \n var(--electric-blue) 75%, \n #fff 100%\n );\n background-size: 300% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: titleGlow 10s ease infinite;\n display: inline-block;\n }\n\n \/* 2. Names ( \u0997\u09cb\u09b2\u09cd\u09a1\u09c7\u09a8-\u09b9\u09cb\u09df\u09be\u0987\u099f \u09b6\u09bf\u09ae\u09be\u09a8 ) *\/\n @keyframes nameShimmer {\n 0% { background-position: -200% 0; }\n 100% { background-position: 200% 0; }\n }\n\n .pro-name-shimmer {\n background: linear-gradient(\n 120deg, \n #fff 30%, \n var(--primary-gold) 50%, \n #fff 70%\n );\n background-size: 200% auto;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n animation: nameShimmer 4s linear infinite;\n }\n\n \/* 3. Section Small Headers (\u098f\u09ae\u09be\u09b0\u09c7\u09b2\u09cd\u09a1-\u09ac\u09cd\u09b2\u09c1) *\/\n .pro-section-header {\n background: linear-gradient(\n 135deg, \n var(--emerald-glow), \n var(--electric-blue)\n );\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n font-weight: 800;\n }\n\n \/* --- Existing Animations (Optimized) --- *\/\n @keyframes borderFlow {\n 0% { border-color: var(--primary-gold); box-shadow: 0 0 15px rgba(251, 191, 36, 0.2); }\n 33% { border-color: var(--emerald-glow); box-shadow: 0 0 15px rgba(16, 185, 129, 0.2); }\n 66% { border-color: var(--electric-blue); box-shadow: 0 0 15px rgba(59, 130, 246, 0.2); }\n 100% { border-color: var(--primary-gold); box-shadow: 0 0 15px rgba(251, 191, 36, 0.2); }\n }\n\n @keyframes profileBorderFlow {\n 0% { border-color: var(--primary-gold); box-shadow: 0 0 25px rgba(251, 191, 36, 0.4); }\n 33% { border-color: var(--emerald-glow); box-shadow: 0 0 25px rgba(16, 185, 129, 0.4); }\n 66% { border-color: var(--electric-blue); box-shadow: 0 0 25px rgba(59, 130, 246, 0.4); }\n 100% { border-color: var(--primary-gold); box-shadow: 0 0 25px rgba(251, 191, 36, 0.4); }\n }\n\n .premium-card {\n background: rgba(10, 15, 30, 0.8);\n backdrop-filter: blur(20px);\n border: 2px solid rgba(255, 255, 255, 0.05);\n border-radius: 40px;\n padding: 40px;\n transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n animation: borderFlow 10s infinite ease-in-out;\n }\n\n .premium-card:hover {\n transform: translateY(-10px);\n background: rgba(10, 15, 30, 1);\n border-color: rgba(255, 255, 255, 0.1);\n }\n\n .profile-container {\n width: 160px;\n height: 160px;\n margin: -80px auto 20px;\n border-radius: 40px;\n border: 6px solid var(--primary-gold); \n animation: profileBorderFlow 6s infinite ease-in-out; \n background: #111827;\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n z-index: 10;\n }\n\n .profile-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .extra-info {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n opacity: 0;\n }\n\n .expanded .extra-info {\n max-height: 500px;\n opacity: 1;\n padding-top: 15px;\n }\n\n \/* Architect Section Animation *\/\n @keyframes shineDeveloper {\n from { background-position: 0% center; }\n to { background-position: 200% center; }\n }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"fixed inset-0 -z-10 overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-amber-500\/5 blur-[120px] rounded-full\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-emerald-500\/5 blur-[120px] rounded-full\"><\/div>\n <\/div>\n\n <main class=\"container mx-auto px-6 py-24 max-w-7xl\">\n \n <div class=\"text-center mb-32\" data-aos=\"zoom-in\">\n <span class=\"pro-section-header tracking-[10px] uppercase text-xs mb-4 block\">Official Identity<\/span>\n <h1 class=\"text-6xl md:text-8xl font-black pro-title-animated mb-8\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf<\/h1>\n <p class=\"text-slate-400 text-lg md:text-xl max-w-3xl mx-auto\">\n \u09b6\u09bf\u0995\u09cd\u09b7\u09be, \u09a8\u09c8\u09a4\u09bf\u0995\u09a4\u09be \u0993 \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7\u09c7\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u0997\u09a1\u09bc\u09c7 \u0993\u09a0\u09be \u098f\u0995\u099f\u09bf \u0986\u09a6\u09b0\u09cd\u09b6 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 <br>\n <span class=\"text-amber-400 font-bold\">\u09b6\u09c7\u09b0 \u0986\u09b2\u09c0 \u09a8\u09c2\u09b0\u09be\u09a8\u09c0 \u0995\u09cd\u09af\u09be\u09a1\u09c7\u099f \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be<\/span>\u0964\n <\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-12 gap-10 items-center mb-32\">\n <div class=\"lg:col-span-7 premium-card\" data-aos=\"fade-right\">\n <h3 class=\"text-3xl font-bold mb-6 flex items-center gap-4\">\n <i class=\"fa-solid fa-book-quran text-amber-500\"><\/i>\n <span class=\"pro-name-shimmer\">\u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0993 \u09b8\u09cd\u09ac\u09aa\u09cd\u09a8<\/span>\n <\/h3>\n <p class=\"text-slate-300 text-lg\">\n \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u0993 \u09a7\u09b0\u09cd\u09ae\u09c0\u09af\u09bc \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09a6\u09c7\u09b0 \u09af\u09cb\u0997\u09cd\u09af \u0993 \u09b8\u09c1\u09a8\u09be\u0997\u09b0\u09bf\u0995 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u0997\u09a1\u09bc\u09c7 \u09a4\u09cb\u09b2\u09be\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09ae\u09c2\u09b2 \u09b2\u0995\u09cd\u09b7\u09cd\u09af\u0964 \n \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a4\u09be <span class=\"text-amber-400 font-bold\">\u09a1. \u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u0986\u09b9\u09ae\u09c7\u09a6<\/span>-\u098f\u09b0 \u09b8\u09c1\u09a6\u09c2\u09b0\u09aa\u09cd\u09b0\u09b8\u09be\u09b0\u09c0 \u099a\u09bf\u09a8\u09cd\u09a4\u09be \u098f\u09ac\u0982 \n <span class=\"pro-section-header text-sm uppercase\">\u09a1\u09be\u0983\u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u09b8\u09c1\u09b0\u09be\u0987\u09af\u09bc\u09be \u09ab\u09be\u0989\u09a8\u09cd\u09a1\u09c7\u09b6\u09a8<\/span>-\u098f\u09b0 \u09b8\u09be\u09b0\u09cd\u09ac\u09bf\u0995 \u09b8\u09b9\u09af\u09cb\u0997\u09bf\u09a4\u09be\u09af\u09bc \u098f\u0987 \u09b8\u09cd\u09ac\u09aa\u09cd\u09a8 \u0986\u099c \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09c7 \u09b0\u09c2\u09aa \u09a8\u09bf\u09af\u09bc\u09c7\u099b\u09c7\u0964\n <\/p>\n <\/div>\n \n <div class=\"lg:col-span-5 premium-card text-center\" data-aos=\"fade-left\">\n <div class=\"profile-container mt-0\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/d.sultan-ahmed-2.png\" alt=\"\u09a1. \u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u0986\u09b9\u09ae\u09c7\u09a6\">\n <\/div>\n <h4 class=\"text-3xl font-bold pro-name-shimmer\">\u09a1. \u09b8\u09c1\u09b2\u09a4\u09be\u09a8 \u0986\u09b9\u09ae\u09c7\u09a6<\/h4>\n <p class=\"pro-section-header text-xs uppercase tracking-widest mt-2\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a4\u09be \u0993 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09a8\u09c1\u09b0\u09be\u0997\u09c0<\/p>\n \n <div class=\"info-wrapper mt-4\">\n <p class=\"text-slate-400 text-sm\">\n \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0993 \u09a8\u09c8\u09a4\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7\u09c7\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u098f\u0995\u099f\u09bf \u0986\u09a6\u09b0\u09cd\u09b6 \u09aa\u09cd\u09b0\u099c\u09a8\u09cd\u09ae \u0997\u09a1\u09bc\u09be\u0987 \u09a4\u09be\u0981\u09b0 \u09ae\u09c2\u09b2 \u09b2\u0995\u09cd\u09b7\u09cd\u09af\u0964 \u098f\u0995\u099c\u09a8 \u09ac\u09bf\u09b6\u09bf\u09b7\u09cd\u099f \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09ac\u09bf\u09a6 \u0993 \u09a6\u0995\u09cd\u09b7 \u09b8\u0982\u0997\u09a0\u0995 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09a4\u09bf\u09a8\u09bf \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u09b0 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae\u0995\u09c7 \u0995\u09b0\u09c7\u099b\u09c7\u09a8 \u09b8\u09c1\u09b8\u0982\u0997\u09a0\u09bf\u09a4 \u0993 \u0997\u09a4\u09bf\u09b6\u09c0\u09b2\u0964\n <\/p>\n <div class=\"extra-info text-slate-500 text-xs italic\">\n \u09a4\u09be\u0981\u09b0 \u09a6\u09c2\u09b0\u09a6\u09b0\u09cd\u09b6\u09c0 \u09a8\u09c7\u09a4\u09c3\u09a4\u09cd\u09ac\u09c7 \u098f\u09ac\u0982 \u09b8\u09c1\u09b6\u09c3\u0999\u09cd\u0996\u09b2 \u09a4\u09a6\u09be\u09b0\u0995\u09bf\u09a4\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u099f\u09bf \u0986\u099c \u09b8\u09be\u09ab\u09b2\u09cd\u09af\u09c7\u09b0 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u0989\u099a\u09cd\u099a\u09a4\u09be\u09af\u09bc \u09aa\u09cc\u0981\u099b\u09c7\u099b\u09c7\u0964\n <\/div>\n <button class=\"mt-4 px-6 py-2 border border-amber-500\/30 rounded-full text-xs text-amber-400 hover:bg-amber-500 hover:text-black transition-all\" onclick=\"toggleDropdown(this)\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"grid md:grid-cols-2 gap-20 pt-20\">\n \n <div class=\"premium-card text-center\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n <div class=\"profile-container\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/cm.kamal_-2.png\" alt=\"\u09ae\u09cb: \u0995\u09be\u09ae\u09be\u09b2 \u09b9\u09cb\u09b8\u09c7\u09a8\">\n <\/div>\n <h4 class=\"text-3xl font-bold pro-name-shimmer\">\u09ae\u09cb: \u0995\u09be\u09ae\u09be\u09b2 \u09b9\u09cb\u09b8\u09c7\u09a8<\/h4>\n <p class=\"pro-section-header text-sm uppercase tracking-widest mb-4\">\u099a\u09c7\u09af\u09bc\u09be\u09b0\u09ae\u09cd\u09af\u09be\u09a8 \u0993 \u09b8\u09ad\u09be\u09aa\u09a4\u09bf<\/p>\n \n <div class=\"info-wrapper\">\n <p class=\"text-slate-400 text-sm\">\n \u09a4\u09be\u0981\u09b0 \u0985\u0995\u09cd\u09b2\u09be\u09a8\u09cd\u09a4 \u09aa\u09b0\u09bf\u09b6\u09cd\u09b0\u09ae \u0993 \u09a6\u09c2\u09b0\u09a6\u09b0\u09cd\u09b6\u09c0 \u09a8\u09c7\u09a4\u09c3\u09a4\u09cd\u09ac\u09c7 \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u09b0 \u0985\u09ac\u0995\u09be\u09a0\u09be\u09ae\u09cb \u09b8\u09ab\u09b2\u09ad\u09be\u09ac\u09c7 \u09ac\u09be\u09b8\u09cd\u09a4\u09ac\u09be\u09af\u09bc\u09bf\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964\n <\/p>\n <div class=\"extra-info text-slate-500 text-xs italic\">\n \u0989\u09a8\u09be\u09b0 \u09a8\u09c7\u09a4\u09c3\u09a4\u09cd\u09ac\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u0989\u09a8\u09cd\u09a8\u09af\u09bc\u09a8\u09ae\u09c2\u09b2\u0995 \u0995\u09be\u099c \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u0995\u09c7 \u098f\u0995 \u0985\u09a8\u09a8\u09cd\u09af \u0989\u099a\u09cd\u099a\u09a4\u09be\u09af\u09bc \u09a8\u09bf\u09af\u09bc\u09c7 \u0997\u09bf\u09af\u09bc\u09c7\u099b\u09c7\u0964\n <\/div>\n <button class=\"mt-4 px-6 py-2 border border-amber-500\/30 rounded-full text-xs text-amber-400 hover:bg-amber-500 hover:text-black transition-all\" onclick=\"toggleDropdown(this)\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4<\/button>\n <\/div>\n <\/div>\n\n <div class=\"premium-card text-center\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n <div class=\"profile-container\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/d.sayedur-rohman-2.png\" alt=\"\u09ae\u09be\u0993\u0983 \u09ae\u09c1\u09b9\u09be\u0983 \u099b\u09be\u0987\u09a6\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8\">\n <\/div>\n <h4 class=\"text-3xl font-bold pro-name-shimmer\">\u09ae\u09be\u0993\u0983 \u09ae\u09c1\u09b9\u09be\u0983 \u099b\u09be\u0987\u09a6\u09c1\u09b0 \u09b0\u09b9\u09ae\u09be\u09a8<\/h4>\n <p class=\"pro-section-header text-sm uppercase tracking-widest mb-4\">\u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\n\n <div class=\"info-wrapper\">\n <p class=\"text-slate-400 text-sm\">\n \u09a4\u09be\u0981\u09b0 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09aa\u09be\u09a0\u09a6\u09be\u09a8 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u098f\u09ac\u0982 \u09b6\u09c3\u0999\u09cd\u0996\u09b2\u09be\u09aa\u09c2\u09b0\u09cd\u09a3 \u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be\u09b0 \u09ab\u09b2\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09b0\u09be \u098f\u0995\u099f\u09bf \u0989\u09a8\u09cd\u09a8\u09a4 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6 \u09aa\u09be\u099a\u09cd\u099b\u09c7\u0964\n <\/p>\n <div class=\"extra-info text-slate-500 text-xs italic\">\n \u09a4\u09be\u0981\u09b0 \u09a6\u0995\u09cd\u09b7 \u09a4\u09a6\u09be\u09b0\u0995\u09bf\u09a4\u09c7 \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u09b0 \u098f\u0995\u09be\u09a1\u09c7\u09ae\u09bf\u0995 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae \u0986\u099c \u09b8\u09c1\u09b8\u0982\u0997\u09a0\u09bf\u09a4 \u0993 \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0\u0964\n <\/div>\n <button class=\"mt-4 px-6 py-2 border border-amber-500\/30 rounded-full text-xs text-amber-400 hover:bg-amber-500 hover:text-black transition-all\" onclick=\"toggleDropdown(this)\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"mt-32 premium-card text-center bg-emerald-950\/10 border-emerald-500\/20\" data-aos=\"zoom-in\">\n <div class=\"flex justify-center gap-6 mb-8 text-4xl text-emerald-500\">\n <i class=\"fa-solid fa-people-roof pulse\"><\/i>\n <\/div>\n <h3 class=\"text-4xl font-bold pro-title-animated mb-6\">\u098f\u0995\u099f\u09bf \u09b8\u09ae\u09cd\u09ae\u09bf\u09b2\u09bf\u09a4 \u09aa\u09b0\u09bf\u09ac\u09be\u09b0<\/h3>\n <p class=\"text-slate-400 max-w-4xl mx-auto text-lg leading-relaxed\">\n \u09a8\u09bf\u09ac\u09c7\u09a6\u09bf\u09a4\u09aa\u09cd\u09b0\u09be\u09a3 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ac\u09c3\u09a8\u09cd\u09a6, \u0995\u09b0\u09cd\u09ae\u099a\u09be\u09b0\u09c0 \u098f\u09ac\u0982 \u098f\u09b2\u09be\u0995\u09be\u09ac\u09be\u09b8\u09c0\u09b0 \u0986\u09a8\u09cd\u09a4\u09b0\u09bf\u0995 \u09ad\u09be\u09b2\u09cb\u09ac\u09be\u09b8\u09be\u09af\u09bc \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be\u099f\u09bf \u0986\u099c \u098f\u0995\u099f\u09bf \u09b8\u09ab\u09b2 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7 \u09aa\u09b0\u09bf\u09a3\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u0964 \n \u09b8\u0995\u09b2\u09c7\u09b0 \u09b8\u09ae\u09cd\u09ae\u09bf\u09b2\u09bf\u09a4 \u09aa\u09cd\u09b0\u099a\u09c7\u09b7\u09cd\u099f\u09be\u09af\u09bc \u098f\u099f\u09bf \u0986\u099c \u09b8\u09be\u09ab\u09b2\u09cd\u09af\u09c7\u09b0 \u09aa\u09a5\u09c7 \u098f\u0997\u09bf\u09af\u09bc\u09c7 \u09af\u09be\u099a\u09cd\u099b\u09c7\u0964 \n <span class=\"block mt-4 pro-section-header italic font-medium\">“\u09b8\u09c1\u09b0\u09be\u0987\u09af\u09bc\u09be \u09ab\u09be\u0989\u09a8\u09cd\u09a1\u09c7\u09b6\u09a8-\u098f\u09b0 \u099b\u09be\u09af\u09bc\u09be\u09a4\u09b2\u09c7 \u0986\u09ae\u09b0\u09be \u098f\u0995 \u09b8\u09c1\u09a8\u09cd\u09a6\u09b0 \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09a4\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09cd\u09af\u09be\u09b6\u09c0\u0964”<\/span>\n <\/p>\n <\/div>\n\n <div class=\"text-center mt-32\" data-aos=\"fade-up\">\n <div class=\"flex justify-center\">\n <div class=\"relative group p-[2px] rounded-[30px] overflow-hidden\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-amber-500 via-emerald-500 to-blue-500 animate-[shineDeveloper_4s_linear_infinite] opacity-50\"><\/div>\n \n <div class=\"relative flex items-center gap-6 bg-[#0a101f]\/90 backdrop-blur-xl px-8 py-5 rounded-[29px] border border-white\/5\">\n <div class=\"w-20 h-20 rounded-tl-[15px] rounded-br-[15px] rounded-tr-[35px] rounded-bl-[35px] border-2 border-amber-500\/50 overflow-hidden shadow-2xl shadow-amber-500\/20\">\n <img decoding=\"async\" src=\"https:\/\/sncm.site\/wp-content\/uploads\/2026\/03\/munawar.jpg\" class=\"w-full h-full object-cover group-hover:scale-110 transition-transform duration-500\" alt=\"Munawar\">\n <\/div>\n\n <div class=\"border-l border-white\/10 pl-6 text-left\">\n <span class=\"text-[9px] text-white\/40 font-bold uppercase tracking-[4px]\">Architected By<\/span>\n <h3 class=\"text-2xl font-black bg-gradient-to-r from-white via-amber-200 to-white bg-clip-text text-transparent\">\n MUNAWAR HOSSAIN\n <\/h3>\n <p class=\"text-[10px] text-emerald-400 font-semibold tracking-wider mt-1 opacity-80\">\n Full Stack Developer & UI Designer\n <\/p>\n \n <div class=\"flex gap-4 mt-3 text-[12px] text-white\/20\">\n <a href=\"https:\/\/www.facebook.com\/mir.munawar.716\/\" class=\"hover:text-amber-400 transition-all\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-amber-400 transition-all\"><i class=\"fa-brands fa-github\"><\/i><\/a>\n <a href=\"#\" class=\"hover:text-amber-400 transition-all\"><i class=\"fa-solid fa-code\"><\/i><\/a>\n <\/div>\n <\/div>\n\n <div class=\"hidden sm:block ml-4\">\n <div class=\"w-10 h-10 rounded-xl bg-white\/5 flex items-center justify-center border border-white\/10 text-amber-500 animate-pulse\">\n <i class=\"fa-solid fa-microchip text-lg\"><\/i>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <p class=\"text-[10px] text-white\/10 mt-12 tracking-[10px] uppercase\">\u00a9 2026 Sher Ali Nurani Cadet Madrasa<\/p>\n <\/div>\n\n <\/main>\n\n <script src=\"https:\/\/unpkg.com\/aos@2.3.4\/dist\/aos.js\"><\/script>\n <script>\n AOS.init({ duration: 1200, once: true });\n\n function toggleDropdown(btn) {\n const container = btn.closest('.info-wrapper');\n container.classList.toggle('expanded');\n btn.innerText = container.classList.contains('expanded') ? '\u09b8\u0982\u0995\u09cd\u09b7\u09bf\u09aa\u09cd\u09a4 \u0995\u09b0\u09c1\u09a8' : '\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4';\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf – \u09b6\u09c7\u09b0 \u0986\u09b2\u09c0 \u09a8\u09c2\u09b0\u09be\u09a8\u09c0 \u0995\u09cd\u09af\u09be\u09a1\u09c7\u099f \u09ae\u09be\u09a6\u09b0\u09be\u09b8\u09be Official Identity \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be, \u09a8\u09c8\u09a4\u09bf\u0995\u09a4\u09be \u0993 \u09ae\u09be\u09a8\u09ac\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7\u09c7\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u0997\u09a1\u09bc\u09c7 \u0993\u09a0\u09be \u098f\u0995\u099f\u09bf […]<\/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":"default","site-content-layout":"","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sncm.site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=220"}],"version-history":[{"count":9,"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":273,"href":"https:\/\/sncm.site\/index.php?rest_route=\/wp\/v2\/pages\/220\/revisions\/273"}],"wp:attachment":[{"href":"https:\/\/sncm.site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}