\u09a8\u09ae\u09c1\u09a8\u09be \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u0993 \u0989\u099a\u09cd\u099a \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n body {\r\n font-family: 'Hind Siliguri', sans-serif;\r\n background-color: #f8fafc;\r\n }\r\n .bg-gradient-custom {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #0d9488 100%);\r\n }\r\n .card-hover {\r\n transition: all 0.3s ease;\r\n }\r\n .card-hover:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n \r\n <div class=\"bg-slate-900 text-white text-sm py-2 px-4\">\r\n <div class=\"max-w-7xl mx-auto flex flex-wrap justify-between items-center gap-2\">\r\n <div class=\"flex items-center gap-4\">\r\n <span><i class=\"fa-solid fa-graduation-cap text-teal-400 mr-1\"><\/i> EIIN: \u09e7\u09e8\u09e9\u09ea\u09eb\u09ec<\/span>\r\n <span><i class=\"fa-solid fa-code text-teal-400 mr-1\"><\/i> \u0995\u09b2\u09c7\u099c \u0995\u09cb\u09a1: \u09ef\u09ee\u09ed\u09ec<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <a href=\"tel:+8801700000000\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-phone text-teal-400 mr-1\"><\/i> +\u09ee\u09ee\u09e6 \u09e7\u09ed\u09e6\u09e6-\u09e6\u09e6\u09e6\u09e6\u09e6<\/a>\r\n <a href=\"mailto:info@school.edu.bd\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-envelope text-teal-400 mr-1\"><\/i> info@school.edu.bd<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-white shadow-md py-4 px-4 sticky top-0 z-50\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <div class=\"flex items-center gap-4\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/80\/0d9488\/ffffff?text=LOGO\" alt=\"School Logo\" class=\"h-20 w-20 object-contain rounded-full border-2 border-teal-600 p-1 shadow\">\r\n <div>\r\n <h1 class=\"text-2xl md:text-3xl font-bold text-blue-900\">\u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c \u0993 \u0989\u099a\u09cd\u099a \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df<\/h1>\r\n <p class=\"text-slate-600 text-sm\">\u098f\u0995\u099f\u09bf \u09aa\u09c2\u09b0\u09cd\u09a3\u09be\u0999\u09cd\u0997 \u0993 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 | \u09b8\u09cd\u09a5\u09be\u09aa\u09bf\u09a4: \u09e7\u09ef\u09ef\u09eb<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-2\">\r\n <a href=\"#\" class=\"bg-teal-600 hover:bg-teal-700 text-white font-medium px-4 py-2 rounded-lg text-sm transition\">\u0985\u09a8\u09b2\u09be\u0987\u09a8 \u09ad\u09b0\u09cd\u09a4\u09bf<\/a>\r\n <a href=\"#\" class=\"bg-blue-900 hover:bg-blue-800 text-white font-medium px-4 py-2 rounded-lg text-sm transition\">\u09ab\u09b2\u09be\u09ab\u09b2<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <nav class=\"bg-blue-900 text-white border-t border-blue-800\">\r\n <div class=\"max-w-7xl mx-auto flex flex-wrap items-center justify-between px-4\">\r\n <div class=\"flex flex-wrap gap-1 font-medium py-1\">\r\n <a href=\"#\" class=\"px-3 py-2 bg-teal-600 rounded\">\u09b9\u09cb\u09ae<\/a>\r\n <a href=\"#about\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u0987\u09a4\u09bf\u09b9\u09be\u09b8<\/a>\r\n <a href=\"#messages\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09ac\u09be\u09a3\u09c0<\/a>\r\n <a href=\"#notices\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1<\/a>\r\n <a href=\"#academics\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u0987-\u09b8\u09c7\u09ac\u09be<\/a>\r\n <a href=\"#teachers\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0<\/a>\r\n <a href=\"#governing\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6<\/a>\r\n <a href=\"#gallery\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u0997\u09cd\u09af\u09be\u09b2\u09be\u09b0\u09bf<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"bg-amber-500 text-slate-900 font-semibold py-2 px-4 flex items-center shadow-inner\">\r\n <span class=\"bg-amber-700 text-white text-xs px-3 py-1 rounded-full uppercase mr-3 whitespace-nowrap\">\u099c\u09b0\u09c1\u09b0\u09bf \u09a8\u09cb\u099f\u09bf\u09b6<\/span>\r\n <marquee behavior=\"scroll\" direction=\"left\" class=\"text-sm\">\r\n \u098f\u0995\u09be\u09a6\u09b6 \u09b6\u09cd\u09b0\u09c7\u09a3\u09bf\u09b0 \u09ad\u09b0\u09cd\u09a4\u09bf \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae \u0986\u0997\u09be\u09ae\u09c0 \u09e7\u09e6\u0987 \u0985\u0995\u09cd\u099f\u09cb\u09ac\u09b0 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09ac\u09c7\u0964 \u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be \u09e8\u09e6\u09e8\u09e9-\u098f\u09b0 \u09b8\u09ae\u09df\u09b8\u09c2\u099a\u09c0 \u09aa\u09cd\u09b0\u0995\u09be\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7, \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1\u09c7 \u09a6\u09c7\u0996\u09c1\u09a8\u0964\r\n <\/marquee>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative bg-gradient-custom text-white py-16 px-4\">\r\n <div class=\"max-w-7xl mx-auto text-center\">\r\n <h2 class=\"text-3xl md:text-5xl font-extrabold mb-4\">\u098f\u09b8\u09cb \u0986\u09b2\u09cb\u09b0 \u09aa\u09a5\u09c7, \u0997\u09dc\u09bf \u09b8\u09ae\u09c3\u09a6\u09cd\u09a7 \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09ce<\/h2>\r\n <p class=\"text-lg md:text-xl text-teal-100 max-w-2xl mx-auto mb-8\">\u0997\u09c1\u09a3\u0997\u09a4 \u09b6\u09bf\u0995\u09cd\u09b7\u09be, \u09a8\u09c8\u09a4\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7 \u098f\u09ac\u0982 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09aa\u09cd\u09b0\u09af\u09c1\u0995\u09cd\u09a4\u09bf\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09df\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u0995\u09c7 \u09af\u09cb\u0997\u09cd\u09af \u09a8\u09be\u0997\u09b0\u09bf\u0995 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u0997\u09dc\u09c7 \u09a4\u09cb\u09b2\u09be\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af\u0964<\/p>\r\n <div class=\"flex justify-center gap-4\">\r\n <a href=\"#\" class=\"bg-white text-blue-900 font-bold px-6 py-3 rounded-lg hover:bg-amber-400 hover:text-slate-900 transition\">\u0995\u09cd\u09af\u09be\u09ae\u09cd\u09aa\u09be\u09b8 \u09ad\u09cd\u09b0\u09ae\u09a3<\/a>\r\n <a href=\"#\" class=\"bg-amber-500 text-slate-900 font-bold px-6 py-3 rounded-lg hover:bg-amber-400 transition\">\u09ad\u09b0\u09cd\u09a4\u09bf\u09b0 \u0986\u09ac\u09c7\u09a6\u09a8<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section id=\"messages\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7\u09b0 \u09a6\u09bf\u0995\u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6\u09a8\u09be<\/h2>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg border-t-4 border-blue-900 p-6 flex flex-col md:flex-row gap-6 items-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=300\" alt=\"President\" class=\"w-32 h-32 rounded-full object-cover border-4 border-blue-100 shadow\">\r\n <div>\r\n <span class=\"bg-blue-100 text-blue-900 text-xs px-2.5 py-1 rounded font-bold\">\u09b8\u09ad\u09be\u09aa\u09a4\u09bf<\/span>\r\n <h3 class=\"text-xl font-bold text-slate-800 mt-2\">\u099c\u09a8\u09be\u09ac \u09ae\u09cb\u09b9\u09be\u09ae\u09cd\u09ae\u09a6 \u0986\u09b2\u09c0<\/h3>\r\n <p class=\"text-slate-500 text-sm mb-3\">\u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6, \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c<\/p>\r\n <p class=\"text-slate-600 text-sm leading-relaxed line-clamp-3\">\r\n \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 \u09b9\u09b2\u09cb \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09ce \u0995\u09be\u09a8\u09cd\u09a1\u09be\u09b0\u09c0 \u0997\u09dc\u09be\u09b0 \u0995\u09be\u09b0\u0996\u09be\u09a8\u09be\u09b0 \u09ae\u09a4\u09cb\u0964 \u0986\u09ae\u09b0\u09be \u09b8\u09b0\u09cd\u09ac\u09a6\u09be \u09ae\u09be\u09a8\u09b8\u09ae\u09cd\u09ae\u09a4 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0993 \u09b8\u09c1\u09b6\u09c3\u0999\u09cd\u0996\u09b2 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6 \u09ac\u099c\u09be\u09df \u09b0\u09be\u0996\u09a4\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b6\u09cd\u09b0\u09c1\u09a4\u09bf\u09ac\u09a6\u09cd\u09a7...\r\n <\/p>\r\n <a href=\"#\" class=\"text-teal-600 font-semibold text-sm mt-3 inline-block hover:underline\">\u0986\u09b0\u0993 \u09aa\u09dc\u09c1\u09a8 <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg border-t-4 border-teal-600 p-6 flex flex-col md:flex-row gap-6 items-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=300\" alt=\"Principal\" class=\"w-32 h-32 rounded-full object-cover border-4 border-teal-100 shadow\">\r\n <div>\r\n <span class=\"bg-teal-100 text-teal-900 text-xs px-2.5 py-1 rounded font-bold\">\u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\/\u0985\u09a7\u09cd\u09af\u0995\u09cd\u09b7<\/span>\r\n <h3 class=\"text-xl font-bold text-slate-800 mt-2\">\u0985\u09a7\u09cd\u09af\u09be\u09aa\u0995 \u09a1. \u09b0\u09ab\u09bf\u0995\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae<\/h3>\r\n <p class=\"text-slate-500 text-sm mb-3\">\u0985\u09a7\u09cd\u09af\u0995\u09cd\u09b7, \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c<\/p>\r\n <p class=\"text-slate-600 text-sm leading-relaxed line-clamp-3\">\r\n \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0995\u09c7\u09ac\u09b2 \u09ae\u09be\u09a4\u09cd\u09b0 \u09aa\u09c1\u0981\u09a5\u09bf\u0997\u09a4 \u09ac\u09bf\u09a6\u09cd\u09af\u09be \u0985\u09b0\u09cd\u099c\u09a8 \u09a8\u09df, \u09ac\u09b0\u0982 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u0995\u09c7 \u098f\u0995\u099c\u09a8 \u0986\u09a6\u09b0\u09cd\u09b6 \u0993 \u09a6\u09c7\u09b6\u09aa\u09cd\u09b0\u09c7\u09ae\u09bf\u0995 \u09ae\u09be\u09a8\u09c1\u09b7 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u0997\u09dc\u09c7 \u09a4\u09cb\u09b2\u09be...\r\n <\/p>\r\n <a href=\"#\" class=\"text-teal-600 font-semibold text-sm mt-3 inline-block hover:underline\">\u0986\u09b0\u0993 \u09aa\u09dc\u09c1\u09a8 <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"bg-slate-100 py-12 px-4\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div>\r\n <span class=\"text-teal-600 font-bold uppercase text-sm\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09a5\u09be<\/span>\r\n <h2 class=\"text-3xl font-bold text-slate-800 mb-4\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7\u09b0 \u09b8\u0982\u0995\u09cd\u09b7\u09bf\u09aa\u09cd\u09a4 \u0987\u09a4\u09bf\u09b9\u09be\u09b8<\/h2>\r\n <p class=\"text-slate-600 leading-relaxed mb-4\">\r\n \u09e7\u09ef\u09ef\u09eb \u09b8\u09be\u09b2\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09bf\u09a4 \u098f\u0987 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u099f\u09bf \u09a6\u09c0\u09b0\u09cd\u0998\u0995\u09be\u09b2 \u09a7\u09b0\u09c7 \u09b8\u09c1\u09a8\u09be\u09ae\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09b8\u099b\u09c7\u0964 \u098f\u0995\u09a6\u09b2 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u0993 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b8\u09c1\u09af\u09cb\u0997-\u09b8\u09c1\u09ac\u09bf\u09a7\u09be\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u0986\u09ae\u09b0\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09a6\u09c7\u09b0 \u09b6\u09be\u09b0\u09c0\u09b0\u09bf\u0995, \u09ae\u09be\u09a8\u09b8\u09bf\u0995 \u0993 \u09ae\u09c7\u09a7\u09be\u09b0 \u09ac\u09bf\u0995\u09be\u09b6\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09c7 \u09af\u09be\u099a\u09cd\u099b\u09bf\u0964\r\n <\/p>\r\n <div class=\"grid grid-cols-2 gap-4 my-6\">\r\n <div class=\"bg-white p-4 rounded-lg shadow-sm border-l-4 border-amber-500\">\r\n <h4 class=\"text-2xl font-bold text-slate-800\">\u09e8\u09ee+<\/h4>\r\n <p class=\"text-slate-500 text-sm\">\u09ac\u099b\u09b0\u09c7\u09b0 \u09b8\u09be\u09ab\u09b2\u09cd\u09af<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-lg shadow-sm border-l-4 border-teal-600\">\r\n <h4 class=\"text-2xl font-bold text-slate-800\">\u09ef\u09ee%<\/h4>\r\n <p class=\"text-slate-500 text-sm\">\u09aa\u09be\u09b8\u09c7\u09b0 \u09b9\u09be\u09b0<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"bg-blue-900 text-white font-medium px-6 py-2.5 rounded-lg hover:bg-blue-800 transition inline-block\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u0987\u09a4\u09bf\u09b9\u09be\u09b8<\/a>\r\n <\/div>\r\n <div class=\"relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562774053-701939374585?w=600\" alt=\"School Building\" class=\"rounded-xl shadow-xl w-full object-cover h-80\">\r\n <div class=\"absolute -bottom-4 -left-4 bg-teal-600 text-white p-4 rounded-lg shadow-lg\">\r\n <p class=\"text-2xl font-bold\">\u09e8\u09eb\u09e6\u09e6+<\/p>\r\n <p class=\"text-xs\">\u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"academics\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u098f\u0995\u09be\u09a1\u09c7\u09ae\u09bf\u0995 \u09a1\u09cd\u09af\u09be\u09b6\u09ac\u09cb\u09b0\u09cd\u09a1 \u0993 \u0987-\u09b8\u09c7\u09ac\u09be<\/h2>\r\n <p class=\"text-slate-600 text-sm mt-1\">\u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8\u09c0\u09df \u09b8\u09c7\u09ac\u09be \u09aa\u09c7\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u0985\u09aa\u09b6\u09a8\u0997\u09c1\u09b2\u09cb\u09a4\u09c7 \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c1\u09a8<\/p>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-4\">\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-calendar-days text-3xl text-teal-600 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u0995\u09cd\u09b2\u09be\u09b8 \u09b0\u09c1\u099f\u09bf\u09a8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-book-bookmark text-3xl text-blue-900 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09b8\u09bf\u09b2\u09c7\u09ac\u09be\u09b8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-square-poll-vertical text-3xl text-amber-500 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be\u09b0 \u09ab\u09b2\u09be\u09ab\u09b2<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-laptop-code text-3xl text-purple-600 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09a1\u09bf\u099c\u09bf\u099f\u09be\u09b2 \u0995\u09cd\u09b2\u09be\u09b8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-file-signature text-3xl text-rose-500 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u099f\u09bf\u09b8\u09bf \u0986\u09ac\u09c7\u09a6\u09a8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-hand-holding-dollar text-3xl text-emerald-600 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09ab\u09bf \u09aa\u09cd\u09b0\u09a6\u09be\u09a8<\/h4>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"notices\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"flex justify-between items-center mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1<\/h2>\r\n <div class=\"w-16 h-1 bg-teal-600 mt-2 rounded\"><\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"text-teal-600 font-bold hover:underline text-sm\">\u09b8\u09ac \u09a8\u09cb\u099f\u09bf\u09b6 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-xl shadow-md border overflow-hidden\">\r\n <div class=\"divide-y divide-slate-100\">\r\n \r\n <div class=\"p-4 flex flex-col md:flex-row justify-between items-start md:items-center hover:bg-slate-50 gap-4\">\r\n <div class=\"flex gap-4 items-center\">\r\n <div class=\"bg-teal-100 text-teal-800 font-bold rounded-lg p-3 text-center min-w-[65px]\">\r\n <span class=\"block text-xl\">\u09e8\u09eb<\/span>\r\n <span class=\"text-xs uppercase\">\u09b8\u09c7\u09aa\u09cd\u099f\u09c7\u09ae\u09cd\u09ac\u09b0<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded\">\u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be<\/span>\r\n <h4 class=\"font-bold text-slate-800 text-lg mt-1\">\u098f\u0987\u099a\u098f\u09b8\u09b8\u09bf \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8\u09c0 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be \u09e8\u09e6\u09e8\u09ec-\u098f\u09b0 \u09b8\u09ae\u09df\u09b8\u09c2\u099a\u09c0 \u09aa\u09cd\u09b0\u0995\u09be\u09b6<\/h4>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"bg-slate-100 text-slate-700 hover:bg-teal-600 hover:text-white px-4 py-2 rounded-lg text-sm font-medium transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-file-pdf text-red-500\"><\/i> \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 PDF\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-4 flex flex-col md:flex-row justify-between items-start md:items-center hover:bg-slate-50 gap-4\">\r\n <div class=\"flex gap-4 items-center\">\r\n <div class=\"bg-blue-100 text-blue-800 font-bold rounded-lg p-3 text-center min-w-[65px]\">\r\n <span class=\"block text-xl\">\u09e8\u09e6<\/span>\r\n <span class=\"text-xs uppercase\">\u09b8\u09c7\u09aa\u09cd\u099f\u09c7\u09ae\u09cd\u09ac\u09b0<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs font-bold px-2 py-0.5 rounded\">\u09ad\u09b0\u09cd\u09a4\u09bf<\/span>\r\n <h4 class=\"font-bold text-slate-800 text-lg mt-1\">\u09b7\u09b7\u09cd\u09a0 \u0993 \u09a8\u09ac\u09ae \u09b6\u09cd\u09b0\u09c7\u09a3\u09c0\u09a4\u09c7 \u09a8\u09a4\u09c1\u09a8 \u09b8\u09c7\u09b6\u09a8\u09c7\u09b0 \u09ad\u09b0\u09cd\u09a4\u09bf \u09b8\u0982\u0995\u09cd\u09b0\u09be\u09a8\u09cd\u09a4 \u09ac\u09bf\u099c\u09cd\u099e\u09aa\u09cd\u09a4\u09bf<\/h4>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"bg-slate-100 text-slate-700 hover:bg-teal-600 hover:text-white px-4 py-2 rounded-lg text-sm font-medium transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-file-pdf text-red-500\"><\/i> \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 PDF\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"teachers\" class=\"bg-slate-100 py-12 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0 \u0993 \u0995\u09b0\u09cd\u09ae\u0995\u09b0\u09cd\u09a4\u09be<\/h2>\r\n <p class=\"text-slate-600 text-sm mt-1\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09a6\u0995\u09cd\u09b7 \u0993 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0<\/p>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6\">\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u09ae\u09cb\u099b\u09be\u0983 \u09ab\u09be\u09a4\u09c7\u09ae\u09be \u09ac\u09c7\u0997\u09ae<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09b8\u09b9\u0995\u09be\u09b0\u09c0 \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u0997\u09a3\u09bf\u09a4<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u0986\u09ac\u09cd\u09a6\u09c1\u09b2 \u0995\u09be\u0987\u09df\u09c1\u09ae<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09aa\u09cd\u09b0\u09ad\u09be\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u09aa\u09a6\u09be\u09b0\u09cd\u09a5\u09ac\u09bf\u099c\u09cd\u099e\u09be\u09a8<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u09a8\u09be\u09b8\u09b0\u09bf\u09a8 \u0986\u0995\u09cd\u09a4\u09be\u09b0<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09b8\u09b9\u0995\u09be\u09b0\u09c0 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u0987\u0982\u09b0\u09c7\u099c\u09bf<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u0995\u09be\u09ae\u09b0\u09c1\u09b2 \u09b9\u09be\u09b8\u09be\u09a8<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09b8\u09b9\u0995\u09be\u09b0\u09c0 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u09a4\u09a5\u09cd\u09af \u0993 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09aa\u09cd\u09b0\u09af\u09c1\u0995\u09cd\u09a4\u09bf<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-center mt-8\">\r\n <a href=\"#\" class=\"bg-teal-600 hover:bg-teal-700 text-white font-medium px-6 py-2.5 rounded-lg transition inline-block\">\u09b8\u0995\u09b2 \u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u0993 \u0995\u09b0\u09cd\u09ae\u099a\u09be\u09b0\u09c0\u09a6\u09c7\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"governing\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6 (SMC)<\/h2>\r\n <p class=\"text-slate-600 text-sm mt-1\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7\u09b0 \u09b8\u09ae\u09cd\u09ae\u09be\u09a8\u09bf\u09a4 \u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6\u09c7\u09b0 \u09b8\u09a6\u09b8\u09cd\u09af\u09ac\u09c3\u09a8\u09cd\u09a6<\/p>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6\">\r\n <div class=\"bg-white rounded-xl shadow border p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=200\" alt=\"Member\" class=\"w-20 h-20 rounded-full mx-auto object-cover mb-3 border-2 border-blue-900\">\r\n <h4 class=\"font-bold text-slate-800\">\u099c\u09a8\u09be\u09ac \u099c\u09b9\u09bf\u09b0\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae<\/h4>\r\n <p class=\"text-blue-900 text-xs font-bold\">\u0985\u09ad\u09bf\u09ad\u09be\u09ac\u0995 \u09b8\u09a6\u09b8\u09cd\u09af<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl shadow border p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=200\" alt=\"Member\" class=\"w-20 h-20 rounded-full mx-auto object-cover mb-3 border-2 border-blue-900\">\r\n <h4 class=\"font-bold text-slate-800\">\u09ae\u09be\u0993\u09b2\u09be\u09a8\u09be \u09b0\u09ab\u09bf\u0995\u09c1\u09b2 \u09b9\u09be\u09b8\u09be\u09a8<\/h4>\r\n <p class=\"text-blue-900 text-xs font-bold\">\u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09a8\u09c1\u09b0\u09be\u0997\u09c0 \u09b8\u09a6\u09b8\u09cd\u09af<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl shadow border p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=200\" alt=\"Member\" class=\"w-20 h-20 rounded-full mx-auto object-cover mb-3 border-2 border-blue-900\">\r\n <h4 class=\"font-bold text-slate-800\">\u09ae\u09cb\u099b\u09be\u0983 \u09b6\u09be\u09b9\u09be\u09a8\u09be\u099c \u09aa\u09be\u09b0\u09ad\u09c0\u09a8<\/h4>\r\n <p class=\"text-blue-900 text-xs font-bold\">\u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u09aa\u09cd\u09b0\u09a4\u09bf\u09a8\u09bf\u09a7\u09bf<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"gallery\" class=\"bg-slate-100 py-12 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09ab\u099f\u09cb \u0997\u09cd\u09af\u09be\u09b2\u09be\u09b0\u09bf \u0993 \u0995\u09cd\u09af\u09be\u09ae\u09cd\u09aa\u09be\u09b8 \u09b2\u09be\u0987\u09ab<\/h2>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523050854058-8df90110c9f1?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1577896851231-70ef18881754?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1546410531-bb4caa6b424d?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-slate-900 text-slate-300 pt-12 pb-6 px-4\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4\">\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997<\/h3>\r\n <p class=\"text-sm leading-relaxed mb-2\"><i class=\"fa-solid fa-location-dot text-teal-400 mr-2\"><\/i> \u09ae\u09c7\u0987\u09a8 \u09b0\u09cb\u09a1, \u099c\u09c7\u09b2\u09be \u09b6\u09b9\u09b0, \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6<\/p>\r\n <p class=\"text-sm mb-2\"><i class=\"fa-solid fa-phone text-teal-400 mr-2\"><\/i> +\u09ee\u09ee\u09e6 \u09e7\u09ed\u09e6\u09e6-\u09e6\u09e6\u09e6\u09e6\u09e6<\/p>\r\n <p class=\"text-sm\"><i class=\"fa-solid fa-envelope text-teal-400 mr-2\"><\/i> info@school.edu.bd<\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4\">\u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09b2\u09bf\u0982\u0995<\/h3>\r\n <ul class=\"text-sm space-y-2\">\r\n <li><a href=\"#\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-angle-right text-xs mr-1\"><\/i> \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09ae\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3\u09be\u09b2\u09df<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-angle-right text-xs mr-1\"><\/i> \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u0993 \u0989\u099a\u09cd\u099a\u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0985\u09a7\u09bf\u09a6\u09aa\u09cd\u09a4\u09b0<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-angle-right text-xs mr-1\"><\/i> \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09ac\u09cb\u09b0\u09cd\u09a1<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4\">\u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09a8<\/h3>\r\n <div class=\"bg-slate-800 h-32 rounded-lg flex items-center justify-center text-slate-500\">\r\n [ \u0997\u09c1\u0997\u09b2 \u09ae\u09cd\u09af\u09be\u09aa \u098f\u09ae\u09ac\u09c7\u09a1 \u0995\u09cb\u09a1 ]\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-slate-800 pt-6 text-center text-xs text-slate-500\">\r\n \u00a9 \u09e8\u09e6\u09e8\u09ec \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c\u0964 \u09b8\u09b0\u09cd\u09ac\u09b8\u09cd\u09ac\u09a4\u09cd\u09ac \u09b8\u0982\u09b0\u0995\u09cd\u09b7\u09bf\u09a4\u0964\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u09a8\u09ae\u09c1\u09a8\u09be \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u0993 \u0989\u099a\u09cd\u099a \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df EIIN: \u09e7\u09e8\u09e9\u09ea\u09eb\u09ec \u0995\u09b2\u09c7\u099c \u0995\u09cb\u09a1: \u09ef\u09ee\u09ed\u09ec +\u09ee\u09ee\u09e6 \u09e7\u09ed\u09e6\u09e6-\u09e6\u09e6\u09e6\u09e6\u09e6 info@school.edu.bd \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c \u0993 \u0989\u099a\u09cd\u099a \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df \u098f\u0995\u099f\u09bf \u09aa\u09c2\u09b0\u09cd\u09a3\u09be\u0999\u09cd\u0997 \u0993 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 | \u09b8\u09cd\u09a5\u09be\u09aa\u09bf\u09a4: \u09e7\u09ef\u09ef\u09eb \u0985\u09a8\u09b2\u09be\u0987\u09a8 \u09ad\u09b0\u09cd\u09a4\u09bf \u09ab\u09b2\u09be\u09ab\u09b2 \u09b9\u09cb\u09ae \u0987\u09a4\u09bf\u09b9\u09be\u09b8 \u09ac\u09be\u09a3\u09c0 \u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1 \u0987-\u09b8\u09c7\u09ac\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0 \u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6 \u0997\u09cd\u09af\u09be\u09b2\u09be\u09b0\u09bf \u099c\u09b0\u09c1\u09b0\u09bf \u09a8\u09cb\u099f\u09bf\u09b6 \u098f\u0995\u09be\u09a6\u09b6 \u09b6\u09cd\u09b0\u09c7\u09a3\u09bf\u09b0 \u09ad\u09b0\u09cd\u09a4\u09bf \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae \u0986\u0997\u09be\u09ae\u09c0 \u09e7\u09e6\u0987 \u0985\u0995\u09cd\u099f\u09cb\u09ac\u09b0 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09ac\u09c7\u0964 \u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":25,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\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 \u09a8\u09ae\u09c1\u09a8\u09be \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u0993 \u0989\u099a\u09cd\u099a \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n body {\r\n font-family: 'Hind Siliguri', sans-serif;\r\n background-color: #f8fafc;\r\n }\r\n .bg-gradient-custom {\r\n background: linear-gradient(135deg, #1e3a8a 0%, #0d9488 100%);\r\n }\r\n .card-hover {\r\n transition: all 0.3s ease;\r\n }\r\n .card-hover:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body class=\"text-slate-800\">\r\n\r\n \r\n <div class=\"bg-slate-900 text-white text-sm py-2 px-4\">\r\n <div class=\"max-w-7xl mx-auto flex flex-wrap justify-between items-center gap-2\">\r\n <div class=\"flex items-center gap-4\">\r\n <span><i class=\"fa-solid fa-graduation-cap text-teal-400 mr-1\"><\/i> EIIN: \u09e7\u09e8\u09e9\u09ea\u09eb\u09ec<\/span>\r\n <span><i class=\"fa-solid fa-code text-teal-400 mr-1\"><\/i> \u0995\u09b2\u09c7\u099c \u0995\u09cb\u09a1: \u09ef\u09ee\u09ed\u09ec<\/span>\r\n <\/div>\r\n <div class=\"flex items-center gap-4\">\r\n <a href=\"tel:+8801700000000\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-phone text-teal-400 mr-1\"><\/i> +\u09ee\u09ee\u09e6 \u09e7\u09ed\u09e6\u09e6-\u09e6\u09e6\u09e6\u09e6\u09e6<\/a>\r\n <a href=\"mailto:info@school.edu.bd\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-envelope text-teal-400 mr-1\"><\/i> info@school.edu.bd<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <header class=\"bg-white shadow-md py-4 px-4 sticky top-0 z-50\">\r\n <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4\">\r\n <div class=\"flex items-center gap-4\">\r\n \r\n <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/80\/0d9488\/ffffff?text=LOGO\" alt=\"School Logo\" class=\"h-20 w-20 object-contain rounded-full border-2 border-teal-600 p-1 shadow\">\r\n <div>\r\n <h1 class=\"text-2xl md:text-3xl font-bold text-blue-900\">\u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c \u0993 \u0989\u099a\u09cd\u099a \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df<\/h1>\r\n <p class=\"text-slate-600 text-sm\">\u098f\u0995\u099f\u09bf \u09aa\u09c2\u09b0\u09cd\u09a3\u09be\u0999\u09cd\u0997 \u0993 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 | \u09b8\u09cd\u09a5\u09be\u09aa\u09bf\u09a4: \u09e7\u09ef\u09ef\u09eb<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex gap-2\">\r\n <a href=\"#\" class=\"bg-teal-600 hover:bg-teal-700 text-white font-medium px-4 py-2 rounded-lg text-sm transition\">\u0985\u09a8\u09b2\u09be\u0987\u09a8 \u09ad\u09b0\u09cd\u09a4\u09bf<\/a>\r\n <a href=\"#\" class=\"bg-blue-900 hover:bg-blue-800 text-white font-medium px-4 py-2 rounded-lg text-sm transition\">\u09ab\u09b2\u09be\u09ab\u09b2<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n \r\n <nav class=\"bg-blue-900 text-white border-t border-blue-800\">\r\n <div class=\"max-w-7xl mx-auto flex flex-wrap items-center justify-between px-4\">\r\n <div class=\"flex flex-wrap gap-1 font-medium py-1\">\r\n <a href=\"#\" class=\"px-3 py-2 bg-teal-600 rounded\">\u09b9\u09cb\u09ae<\/a>\r\n <a href=\"#about\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u0987\u09a4\u09bf\u09b9\u09be\u09b8<\/a>\r\n <a href=\"#messages\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09ac\u09be\u09a3\u09c0<\/a>\r\n <a href=\"#notices\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1<\/a>\r\n <a href=\"#academics\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u0987-\u09b8\u09c7\u09ac\u09be<\/a>\r\n <a href=\"#teachers\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0<\/a>\r\n <a href=\"#governing\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6<\/a>\r\n <a href=\"#gallery\" class=\"px-3 py-2 hover:bg-blue-800 rounded\">\u0997\u09cd\u09af\u09be\u09b2\u09be\u09b0\u09bf<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n\r\n \r\n <div class=\"bg-amber-500 text-slate-900 font-semibold py-2 px-4 flex items-center shadow-inner\">\r\n <span class=\"bg-amber-700 text-white text-xs px-3 py-1 rounded-full uppercase mr-3 whitespace-nowrap\">\u099c\u09b0\u09c1\u09b0\u09bf \u09a8\u09cb\u099f\u09bf\u09b6<\/span>\r\n <marquee behavior=\"scroll\" direction=\"left\" class=\"text-sm\">\r\n \u098f\u0995\u09be\u09a6\u09b6 \u09b6\u09cd\u09b0\u09c7\u09a3\u09bf\u09b0 \u09ad\u09b0\u09cd\u09a4\u09bf \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae \u0986\u0997\u09be\u09ae\u09c0 \u09e7\u09e6\u0987 \u0985\u0995\u09cd\u099f\u09cb\u09ac\u09b0 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09ac\u09c7\u0964 \u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be \u09e8\u09e6\u09e8\u09e9-\u098f\u09b0 \u09b8\u09ae\u09df\u09b8\u09c2\u099a\u09c0 \u09aa\u09cd\u09b0\u0995\u09be\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7, \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1\u09c7 \u09a6\u09c7\u0996\u09c1\u09a8\u0964\r\n <\/marquee>\r\n <\/div>\r\n\r\n \r\n <div class=\"relative bg-gradient-custom text-white py-16 px-4\">\r\n <div class=\"max-w-7xl mx-auto text-center\">\r\n <h2 class=\"text-3xl md:text-5xl font-extrabold mb-4\">\u098f\u09b8\u09cb \u0986\u09b2\u09cb\u09b0 \u09aa\u09a5\u09c7, \u0997\u09dc\u09bf \u09b8\u09ae\u09c3\u09a6\u09cd\u09a7 \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09ce<\/h2>\r\n <p class=\"text-lg md:text-xl text-teal-100 max-w-2xl mx-auto mb-8\">\u0997\u09c1\u09a3\u0997\u09a4 \u09b6\u09bf\u0995\u09cd\u09b7\u09be, \u09a8\u09c8\u09a4\u09bf\u0995 \u09ae\u09c2\u09b2\u09cd\u09af\u09ac\u09cb\u09a7 \u098f\u09ac\u0982 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09aa\u09cd\u09b0\u09af\u09c1\u0995\u09cd\u09a4\u09bf\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09df\u09c7 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u0995\u09c7 \u09af\u09cb\u0997\u09cd\u09af \u09a8\u09be\u0997\u09b0\u09bf\u0995 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u0997\u09dc\u09c7 \u09a4\u09cb\u09b2\u09be\u0987 \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af\u0964<\/p>\r\n <div class=\"flex justify-center gap-4\">\r\n <a href=\"#\" class=\"bg-white text-blue-900 font-bold px-6 py-3 rounded-lg hover:bg-amber-400 hover:text-slate-900 transition\">\u0995\u09cd\u09af\u09be\u09ae\u09cd\u09aa\u09be\u09b8 \u09ad\u09cd\u09b0\u09ae\u09a3<\/a>\r\n <a href=\"#\" class=\"bg-amber-500 text-slate-900 font-bold px-6 py-3 rounded-lg hover:bg-amber-400 transition\">\u09ad\u09b0\u09cd\u09a4\u09bf\u09b0 \u0986\u09ac\u09c7\u09a6\u09a8<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <section id=\"messages\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7\u09b0 \u09a6\u09bf\u0995\u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6\u09a8\u09be<\/h2>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8\">\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg border-t-4 border-blue-900 p-6 flex flex-col md:flex-row gap-6 items-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=300\" alt=\"President\" class=\"w-32 h-32 rounded-full object-cover border-4 border-blue-100 shadow\">\r\n <div>\r\n <span class=\"bg-blue-100 text-blue-900 text-xs px-2.5 py-1 rounded font-bold\">\u09b8\u09ad\u09be\u09aa\u09a4\u09bf<\/span>\r\n <h3 class=\"text-xl font-bold text-slate-800 mt-2\">\u099c\u09a8\u09be\u09ac \u09ae\u09cb\u09b9\u09be\u09ae\u09cd\u09ae\u09a6 \u0986\u09b2\u09c0<\/h3>\r\n <p class=\"text-slate-500 text-sm mb-3\">\u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6, \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c<\/p>\r\n <p class=\"text-slate-600 text-sm leading-relaxed line-clamp-3\">\r\n \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 \u09b9\u09b2\u09cb \u09ad\u09ac\u09bf\u09b7\u09cd\u09af\u09ce \u0995\u09be\u09a8\u09cd\u09a1\u09be\u09b0\u09c0 \u0997\u09dc\u09be\u09b0 \u0995\u09be\u09b0\u0996\u09be\u09a8\u09be\u09b0 \u09ae\u09a4\u09cb\u0964 \u0986\u09ae\u09b0\u09be \u09b8\u09b0\u09cd\u09ac\u09a6\u09be \u09ae\u09be\u09a8\u09b8\u09ae\u09cd\u09ae\u09a4 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0993 \u09b8\u09c1\u09b6\u09c3\u0999\u09cd\u0996\u09b2 \u09aa\u09b0\u09bf\u09ac\u09c7\u09b6 \u09ac\u099c\u09be\u09df \u09b0\u09be\u0996\u09a4\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b6\u09cd\u09b0\u09c1\u09a4\u09bf\u09ac\u09a6\u09cd\u09a7...\r\n <\/p>\r\n <a href=\"#\" class=\"text-teal-600 font-semibold text-sm mt-3 inline-block hover:underline\">\u0986\u09b0\u0993 \u09aa\u09dc\u09c1\u09a8 <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow-lg border-t-4 border-teal-600 p-6 flex flex-col md:flex-row gap-6 items-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?w=300\" alt=\"Principal\" class=\"w-32 h-32 rounded-full object-cover border-4 border-teal-100 shadow\">\r\n <div>\r\n <span class=\"bg-teal-100 text-teal-900 text-xs px-2.5 py-1 rounded font-bold\">\u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u0995\/\u0985\u09a7\u09cd\u09af\u0995\u09cd\u09b7<\/span>\r\n <h3 class=\"text-xl font-bold text-slate-800 mt-2\">\u0985\u09a7\u09cd\u09af\u09be\u09aa\u0995 \u09a1. \u09b0\u09ab\u09bf\u0995\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae<\/h3>\r\n <p class=\"text-slate-500 text-sm mb-3\">\u0985\u09a7\u09cd\u09af\u0995\u09cd\u09b7, \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c<\/p>\r\n <p class=\"text-slate-600 text-sm leading-relaxed line-clamp-3\">\r\n \u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09b2\u0995\u09cd\u09b7\u09cd\u09af \u0995\u09c7\u09ac\u09b2 \u09ae\u09be\u09a4\u09cd\u09b0 \u09aa\u09c1\u0981\u09a5\u09bf\u0997\u09a4 \u09ac\u09bf\u09a6\u09cd\u09af\u09be \u0985\u09b0\u09cd\u099c\u09a8 \u09a8\u09df, \u09ac\u09b0\u0982 \u09aa\u09cd\u09b0\u09a4\u09bf\u099f\u09bf \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u0995\u09c7 \u098f\u0995\u099c\u09a8 \u0986\u09a6\u09b0\u09cd\u09b6 \u0993 \u09a6\u09c7\u09b6\u09aa\u09cd\u09b0\u09c7\u09ae\u09bf\u0995 \u09ae\u09be\u09a8\u09c1\u09b7 \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u0997\u09dc\u09c7 \u09a4\u09cb\u09b2\u09be...\r\n <\/p>\r\n <a href=\"#\" class=\"text-teal-600 font-semibold text-sm mt-3 inline-block hover:underline\">\u0986\u09b0\u0993 \u09aa\u09dc\u09c1\u09a8 <i class=\"fa-solid fa-arrow-right text-xs\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"bg-slate-100 py-12 px-4\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 items-center\">\r\n <div>\r\n <span class=\"text-teal-600 font-bold uppercase text-sm\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u0995\u09a5\u09be<\/span>\r\n <h2 class=\"text-3xl font-bold text-slate-800 mb-4\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7\u09b0 \u09b8\u0982\u0995\u09cd\u09b7\u09bf\u09aa\u09cd\u09a4 \u0987\u09a4\u09bf\u09b9\u09be\u09b8<\/h2>\r\n <p class=\"text-slate-600 leading-relaxed mb-4\">\r\n \u09e7\u09ef\u09ef\u09eb \u09b8\u09be\u09b2\u09c7 \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09bf\u09a4 \u098f\u0987 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u099f\u09bf \u09a6\u09c0\u09b0\u09cd\u0998\u0995\u09be\u09b2 \u09a7\u09b0\u09c7 \u09b8\u09c1\u09a8\u09be\u09ae\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09b8\u099b\u09c7\u0964 \u098f\u0995\u09a6\u09b2 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u0993 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b8\u09c1\u09af\u09cb\u0997-\u09b8\u09c1\u09ac\u09bf\u09a7\u09be\u09b0 \u09b8\u09ae\u09a8\u09cd\u09ac\u09af\u09bc\u09c7 \u0986\u09ae\u09b0\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0\u09a6\u09c7\u09b0 \u09b6\u09be\u09b0\u09c0\u09b0\u09bf\u0995, \u09ae\u09be\u09a8\u09b8\u09bf\u0995 \u0993 \u09ae\u09c7\u09a7\u09be\u09b0 \u09ac\u09bf\u0995\u09be\u09b6\u09c7 \u0995\u09be\u099c \u0995\u09b0\u09c7 \u09af\u09be\u099a\u09cd\u099b\u09bf\u0964\r\n <\/p>\r\n <div class=\"grid grid-cols-2 gap-4 my-6\">\r\n <div class=\"bg-white p-4 rounded-lg shadow-sm border-l-4 border-amber-500\">\r\n <h4 class=\"text-2xl font-bold text-slate-800\">\u09e8\u09ee+<\/h4>\r\n <p class=\"text-slate-500 text-sm\">\u09ac\u099b\u09b0\u09c7\u09b0 \u09b8\u09be\u09ab\u09b2\u09cd\u09af<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-4 rounded-lg shadow-sm border-l-4 border-teal-600\">\r\n <h4 class=\"text-2xl font-bold text-slate-800\">\u09ef\u09ee%<\/h4>\r\n <p class=\"text-slate-500 text-sm\">\u09aa\u09be\u09b8\u09c7\u09b0 \u09b9\u09be\u09b0<\/p>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"bg-blue-900 text-white font-medium px-6 py-2.5 rounded-lg hover:bg-blue-800 transition inline-block\">\u09ac\u09bf\u09b8\u09cd\u09a4\u09be\u09b0\u09bf\u09a4 \u0987\u09a4\u09bf\u09b9\u09be\u09b8<\/a>\r\n <\/div>\r\n <div class=\"relative\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562774053-701939374585?w=600\" alt=\"School Building\" class=\"rounded-xl shadow-xl w-full object-cover h-80\">\r\n <div class=\"absolute -bottom-4 -left-4 bg-teal-600 text-white p-4 rounded-lg shadow-lg\">\r\n <p class=\"text-2xl font-bold\">\u09e8\u09eb\u09e6\u09e6+<\/p>\r\n <p class=\"text-xs\">\u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09b0\u09cd\u09a5\u09c0<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"academics\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u098f\u0995\u09be\u09a1\u09c7\u09ae\u09bf\u0995 \u09a1\u09cd\u09af\u09be\u09b6\u09ac\u09cb\u09b0\u09cd\u09a1 \u0993 \u0987-\u09b8\u09c7\u09ac\u09be<\/h2>\r\n <p class=\"text-slate-600 text-sm mt-1\">\u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8\u09c0\u09df \u09b8\u09c7\u09ac\u09be \u09aa\u09c7\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u0985\u09aa\u09b6\u09a8\u0997\u09c1\u09b2\u09cb\u09a4\u09c7 \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c1\u09a8<\/p>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-4\">\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-calendar-days text-3xl text-teal-600 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u0995\u09cd\u09b2\u09be\u09b8 \u09b0\u09c1\u099f\u09bf\u09a8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-book-bookmark text-3xl text-blue-900 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09b8\u09bf\u09b2\u09c7\u09ac\u09be\u09b8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-square-poll-vertical text-3xl text-amber-500 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be\u09b0 \u09ab\u09b2\u09be\u09ab\u09b2<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-laptop-code text-3xl text-purple-600 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09a1\u09bf\u099c\u09bf\u099f\u09be\u09b2 \u0995\u09cd\u09b2\u09be\u09b8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-file-signature text-3xl text-rose-500 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u099f\u09bf\u09b8\u09bf \u0986\u09ac\u09c7\u09a6\u09a8<\/h4>\r\n <\/a>\r\n <a href=\"#\" class=\"bg-white p-5 rounded-xl shadow-sm hover:shadow-md border border-slate-200 text-center text-slate-700 hover:text-teal-600 card-hover\">\r\n <i class=\"fa-solid fa-hand-holding-dollar text-3xl text-emerald-600 mb-2\"><\/i>\r\n <h4 class=\"font-bold text-sm\">\u09ab\u09bf \u09aa\u09cd\u09b0\u09a6\u09be\u09a8<\/h4>\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"notices\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"flex justify-between items-center mb-8\">\r\n <div>\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1<\/h2>\r\n <div class=\"w-16 h-1 bg-teal-600 mt-2 rounded\"><\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"text-teal-600 font-bold hover:underline text-sm\">\u09b8\u09ac \u09a8\u09cb\u099f\u09bf\u09b6 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n <\/div>\r\n\r\n <div class=\"bg-white rounded-xl shadow-md border overflow-hidden\">\r\n <div class=\"divide-y divide-slate-100\">\r\n \r\n <div class=\"p-4 flex flex-col md:flex-row justify-between items-start md:items-center hover:bg-slate-50 gap-4\">\r\n <div class=\"flex gap-4 items-center\">\r\n <div class=\"bg-teal-100 text-teal-800 font-bold rounded-lg p-3 text-center min-w-[65px]\">\r\n <span class=\"block text-xl\">\u09e8\u09eb<\/span>\r\n <span class=\"text-xs uppercase\">\u09b8\u09c7\u09aa\u09cd\u099f\u09c7\u09ae\u09cd\u09ac\u09b0<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"bg-amber-100 text-amber-800 text-xs font-bold px-2 py-0.5 rounded\">\u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be<\/span>\r\n <h4 class=\"font-bold text-slate-800 text-lg mt-1\">\u098f\u0987\u099a\u098f\u09b8\u09b8\u09bf \u09a8\u09bf\u09b0\u09cd\u09ac\u09be\u099a\u09a8\u09c0 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be \u09e8\u09e6\u09e8\u09ec-\u098f\u09b0 \u09b8\u09ae\u09df\u09b8\u09c2\u099a\u09c0 \u09aa\u09cd\u09b0\u0995\u09be\u09b6<\/h4>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"bg-slate-100 text-slate-700 hover:bg-teal-600 hover:text-white px-4 py-2 rounded-lg text-sm font-medium transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-file-pdf text-red-500\"><\/i> \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 PDF\r\n <\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-4 flex flex-col md:flex-row justify-between items-start md:items-center hover:bg-slate-50 gap-4\">\r\n <div class=\"flex gap-4 items-center\">\r\n <div class=\"bg-blue-100 text-blue-800 font-bold rounded-lg p-3 text-center min-w-[65px]\">\r\n <span class=\"block text-xl\">\u09e8\u09e6<\/span>\r\n <span class=\"text-xs uppercase\">\u09b8\u09c7\u09aa\u09cd\u099f\u09c7\u09ae\u09cd\u09ac\u09b0<\/span>\r\n <\/div>\r\n <div>\r\n <span class=\"bg-blue-100 text-blue-800 text-xs font-bold px-2 py-0.5 rounded\">\u09ad\u09b0\u09cd\u09a4\u09bf<\/span>\r\n <h4 class=\"font-bold text-slate-800 text-lg mt-1\">\u09b7\u09b7\u09cd\u09a0 \u0993 \u09a8\u09ac\u09ae \u09b6\u09cd\u09b0\u09c7\u09a3\u09c0\u09a4\u09c7 \u09a8\u09a4\u09c1\u09a8 \u09b8\u09c7\u09b6\u09a8\u09c7\u09b0 \u09ad\u09b0\u09cd\u09a4\u09bf \u09b8\u0982\u0995\u09cd\u09b0\u09be\u09a8\u09cd\u09a4 \u09ac\u09bf\u099c\u09cd\u099e\u09aa\u09cd\u09a4\u09bf<\/h4>\r\n <\/div>\r\n <\/div>\r\n <a href=\"#\" class=\"bg-slate-100 text-slate-700 hover:bg-teal-600 hover:text-white px-4 py-2 rounded-lg text-sm font-medium transition flex items-center gap-2\">\r\n <i class=\"fa-solid fa-file-pdf text-red-500\"><\/i> \u09a1\u09be\u0989\u09a8\u09b2\u09cb\u09a1 PDF\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"teachers\" class=\"bg-slate-100 py-12 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0 \u0993 \u0995\u09b0\u09cd\u09ae\u0995\u09b0\u09cd\u09a4\u09be<\/h2>\r\n <p class=\"text-slate-600 text-sm mt-1\">\u0986\u09ae\u09be\u09a6\u09c7\u09b0 \u09a6\u0995\u09cd\u09b7 \u0993 \u0985\u09ad\u09bf\u099c\u09cd\u099e \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0<\/p>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6\">\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1534528741775-53994a69daeb?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u09ae\u09cb\u099b\u09be\u0983 \u09ab\u09be\u09a4\u09c7\u09ae\u09be \u09ac\u09c7\u0997\u09ae<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09b8\u09b9\u0995\u09be\u09b0\u09c0 \u09aa\u09cd\u09b0\u09a7\u09be\u09a8 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u0997\u09a3\u09bf\u09a4<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u0986\u09ac\u09cd\u09a6\u09c1\u09b2 \u0995\u09be\u0987\u09df\u09c1\u09ae<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09aa\u09cd\u09b0\u09ad\u09be\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u09aa\u09a6\u09be\u09b0\u09cd\u09a5\u09ac\u09bf\u099c\u09cd\u099e\u09be\u09a8<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u09a8\u09be\u09b8\u09b0\u09bf\u09a8 \u0986\u0995\u09cd\u09a4\u09be\u09b0<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09b8\u09b9\u0995\u09be\u09b0\u09c0 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u0987\u0982\u09b0\u09c7\u099c\u09bf<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl shadow p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1472099645785-5658abf4ff4e?w=200\" alt=\"Teacher\" class=\"w-24 h-24 rounded-full mx-auto object-cover mb-3 border-2 border-teal-600\">\r\n <h4 class=\"font-bold text-slate-800\">\u0995\u09be\u09ae\u09b0\u09c1\u09b2 \u09b9\u09be\u09b8\u09be\u09a8<\/h4>\r\n <p class=\"text-teal-600 text-xs font-semibold\">\u09b8\u09b9\u0995\u09be\u09b0\u09c0 \u09b6\u09bf\u0995\u09cd\u09b7\u0995<\/p>\r\n <p class=\"text-slate-500 text-xs mt-1\">\u09ac\u09bf\u09b7\u09df: \u09a4\u09a5\u09cd\u09af \u0993 \u09af\u09cb\u0997\u09be\u09af\u09cb\u0997 \u09aa\u09cd\u09b0\u09af\u09c1\u0995\u09cd\u09a4\u09bf<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"text-center mt-8\">\r\n <a href=\"#\" class=\"bg-teal-600 hover:bg-teal-700 text-white font-medium px-6 py-2.5 rounded-lg transition inline-block\">\u09b8\u0995\u09b2 \u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u0993 \u0995\u09b0\u09cd\u09ae\u099a\u09be\u09b0\u09c0\u09a6\u09c7\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"governing\" class=\"py-12 px-4 max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6 (SMC)<\/h2>\r\n <p class=\"text-slate-600 text-sm mt-1\">\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8\u09c7\u09b0 \u09b8\u09ae\u09cd\u09ae\u09be\u09a8\u09bf\u09a4 \u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6\u09c7\u09b0 \u09b8\u09a6\u09b8\u09cd\u09af\u09ac\u09c3\u09a8\u09cd\u09a6<\/p>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-6\">\r\n <div class=\"bg-white rounded-xl shadow border p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=200\" alt=\"Member\" class=\"w-20 h-20 rounded-full mx-auto object-cover mb-3 border-2 border-blue-900\">\r\n <h4 class=\"font-bold text-slate-800\">\u099c\u09a8\u09be\u09ac \u099c\u09b9\u09bf\u09b0\u09c1\u09b2 \u0987\u09b8\u09b2\u09be\u09ae<\/h4>\r\n <p class=\"text-blue-900 text-xs font-bold\">\u0985\u09ad\u09bf\u09ad\u09be\u09ac\u0995 \u09b8\u09a6\u09b8\u09cd\u09af<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl shadow border p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?w=200\" alt=\"Member\" class=\"w-20 h-20 rounded-full mx-auto object-cover mb-3 border-2 border-blue-900\">\r\n <h4 class=\"font-bold text-slate-800\">\u09ae\u09be\u0993\u09b2\u09be\u09a8\u09be \u09b0\u09ab\u09bf\u0995\u09c1\u09b2 \u09b9\u09be\u09b8\u09be\u09a8<\/h4>\r\n <p class=\"text-blue-900 text-xs font-bold\">\u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09a8\u09c1\u09b0\u09be\u0997\u09c0 \u09b8\u09a6\u09b8\u09cd\u09af<\/p>\r\n <\/div>\r\n <div class=\"bg-white rounded-xl shadow border p-4 text-center card-hover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1573496359142-b8d87734a5a2?w=200\" alt=\"Member\" class=\"w-20 h-20 rounded-full mx-auto object-cover mb-3 border-2 border-blue-900\">\r\n <h4 class=\"font-bold text-slate-800\">\u09ae\u09cb\u099b\u09be\u0983 \u09b6\u09be\u09b9\u09be\u09a8\u09be\u099c \u09aa\u09be\u09b0\u09ad\u09c0\u09a8<\/h4>\r\n <p class=\"text-blue-900 text-xs font-bold\">\u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u09aa\u09cd\u09b0\u09a4\u09bf\u09a8\u09bf\u09a7\u09bf<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"gallery\" class=\"bg-slate-100 py-12 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n <div class=\"text-center mb-10\">\r\n <h2 class=\"text-3xl font-bold text-slate-800\">\u09ab\u099f\u09cb \u0997\u09cd\u09af\u09be\u09b2\u09be\u09b0\u09bf \u0993 \u0995\u09cd\u09af\u09be\u09ae\u09cd\u09aa\u09be\u09b8 \u09b2\u09be\u0987\u09ab<\/h2>\r\n <div class=\"w-20 h-1 bg-teal-600 mx-auto mt-2 rounded\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1523050854058-8df90110c9f1?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1509062522246-3755977927d7?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1577896851231-70ef18881754?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1546410531-bb4caa6b424d?w=400\" alt=\"Gallery\" class=\"rounded-lg shadow hover:opacity-90 transition h-48 w-full object-cover\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-slate-900 text-slate-300 pt-12 pb-6 px-4\">\r\n <div class=\"max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8 mb-8\">\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4\">\u09af\u09cb\u0997\u09be\u09af\u09cb\u0997<\/h3>\r\n <p class=\"text-sm leading-relaxed mb-2\"><i class=\"fa-solid fa-location-dot text-teal-400 mr-2\"><\/i> \u09ae\u09c7\u0987\u09a8 \u09b0\u09cb\u09a1, \u099c\u09c7\u09b2\u09be \u09b6\u09b9\u09b0, \u09ac\u09be\u0982\u09b2\u09be\u09a6\u09c7\u09b6<\/p>\r\n <p class=\"text-sm mb-2\"><i class=\"fa-solid fa-phone text-teal-400 mr-2\"><\/i> +\u09ee\u09ee\u09e6 \u09e7\u09ed\u09e6\u09e6-\u09e6\u09e6\u09e6\u09e6\u09e6<\/p>\r\n <p class=\"text-sm\"><i class=\"fa-solid fa-envelope text-teal-400 mr-2\"><\/i> info@school.edu.bd<\/p>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4\">\u0997\u09c1\u09b0\u09c1\u09a4\u09cd\u09ac\u09aa\u09c2\u09b0\u09cd\u09a3 \u09b2\u09bf\u0982\u0995<\/h3>\r\n <ul class=\"text-sm space-y-2\">\r\n <li><a href=\"#\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-angle-right text-xs mr-1\"><\/i> \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09ae\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3\u09be\u09b2\u09df<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-angle-right text-xs mr-1\"><\/i> \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u0993 \u0989\u099a\u09cd\u099a\u09b6\u09bf\u0995\u09cd\u09b7\u09be \u0985\u09a7\u09bf\u09a6\u09aa\u09cd\u09a4\u09b0<\/a><\/li>\r\n <li><a href=\"#\" class=\"hover:text-teal-400\"><i class=\"fa-solid fa-angle-right text-xs mr-1\"><\/i> \u09b6\u09bf\u0995\u09cd\u09b7\u09be \u09ac\u09cb\u09b0\u09cd\u09a1<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <h3 class=\"text-xl font-bold text-white mb-4\">\u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09a8<\/h3>\r\n <div class=\"bg-slate-800 h-32 rounded-lg flex items-center justify-center text-slate-500\">\r\n [ \u0997\u09c1\u0997\u09b2 \u09ae\u09cd\u09af\u09be\u09aa \u098f\u09ae\u09ac\u09c7\u09a1 \u0995\u09cb\u09a1 ]\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"border-t border-slate-800 pt-6 text-center text-xs text-slate-500\">\r\n \u00a9 \u09e8\u09e6\u09e8\u09ec \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c\u0964 \u09b8\u09b0\u09cd\u09ac\u09b8\u09cd\u09ac\u09a4\u09cd\u09ac \u09b8\u0982\u09b0\u0995\u09cd\u09b7\u09bf\u09a4\u0964\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u09a8\u09ae\u09c1\u09a8\u09be \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u0993 \u0989\u099a\u09cd\u099a \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09bf\u0995 \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df EIIN: \u09e7\u09e8\u09e9\u09ea\u09eb\u09ec \u0995\u09b2\u09c7\u099c \u0995\u09cb\u09a1: \u09ef\u09ee\u09ed\u09ec +\u09ee\u09ee\u09e6 \u09e7\u09ed\u09e6\u09e6-\u09e6\u09e6\u09e6\u09e6\u09e6 info@school.edu.bd \u0986\u0987\u09a1\u09bf\u09df\u09be\u09b2 \u09ae\u09a1\u09c7\u09b2 \u0995\u09b2\u09c7\u099c \u0993 \u0989\u099a\u09cd\u099a \u09ac\u09bf\u09a6\u09cd\u09af\u09be\u09b2\u09df \u098f\u0995\u099f\u09bf \u09aa\u09c2\u09b0\u09cd\u09a3\u09be\u0999\u09cd\u0997 \u0993 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09b6\u09bf\u0995\u09cd\u09b7\u09be\u09aa\u09cd\u09b0\u09a4\u09bf\u09b7\u09cd\u09a0\u09be\u09a8 | \u09b8\u09cd\u09a5\u09be\u09aa\u09bf\u09a4: \u09e7\u09ef\u09ef\u09eb \u0985\u09a8\u09b2\u09be\u0987\u09a8 \u09ad\u09b0\u09cd\u09a4\u09bf \u09ab\u09b2\u09be\u09ab\u09b2 \u09b9\u09cb\u09ae \u0987\u09a4\u09bf\u09b9\u09be\u09b8 \u09ac\u09be\u09a3\u09c0 \u09a8\u09cb\u099f\u09bf\u09b6 \u09ac\u09cb\u09b0\u09cd\u09a1 \u0987-\u09b8\u09c7\u09ac\u09be \u09b6\u09bf\u0995\u09cd\u09b7\u0995\u09ae\u09a3\u09cd\u09a1\u09b2\u09c0 \u09aa\u09b0\u09bf\u099a\u09be\u09b2\u09a8\u09be \u09aa\u09b0\u09cd\u09b7\u09a6 \u0997\u09cd\u09af\u09be\u09b2\u09be\u09b0\u09bf \u099c\u09b0\u09c1\u09b0\u09bf \u09a8\u09cb\u099f\u09bf\u09b6 \u098f\u0995\u09be\u09a6\u09b6 \u09b6\u09cd\u09b0\u09c7\u09a3\u09bf\u09b0 \u09ad\u09b0\u09cd\u09a4\u09bf \u0995\u09be\u09b0\u09cd\u09af\u0995\u09cd\u09b0\u09ae \u0986\u0997\u09be\u09ae\u09c0 \u09e7\u09e6\u0987 \u0985\u0995\u09cd\u099f\u09cb\u09ac\u09b0 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09ac\u09c7\u0964 \u09ac\u09be\u09b0\u09cd\u09b7\u09bf\u0995 \u09aa\u09b0\u09c0\u0995\u09cd\u09b7\u09be […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":25,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":35,"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/35"}],"wp:attachment":[{"href":"https:\/\/school.netbazaarbd.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}