<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="#">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Fira+Code:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="preload" as="style" href="https://learnyst.s3.ap-southeast-1.amazonaws.com/websites/default/theme_config/light_theme.css">
<link rel="preload" as="style" href="https://learnyst.s3.ap-southeast-1.amazonaws.com/websites/0/theme_config/light_theme.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.17.0/cdn/themes/light.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.17.0/cdn/themes/dark.css">
<link rel="stylesheet" href="https://learnyst.s3.ap-southeast-1.amazonaws.com/websites/default/theme_config/light_theme.css">
<link rel="stylesheet" href="https://learnyst.s3.ap-southeast-1.amazonaws.com/websites/default/theme_config/dark_theme.css">
<link rel="stylesheet" href="https://learnyst.s3.ap-southeast-1.amazonaws.com/websites/0/theme_config/light_theme.css">
<link rel="stylesheet" href="https://learnyst.s3.ap-southeast-1.amazonaws.com/websites/0/theme_config/dark_theme.css">
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<script>
const theme = window.localStorage.getItem("theme-color-mode") || "light";
if (!document.querySelector(".sl-theme-light") || !document.querySelector(".sl-theme-dark")) {
document.documentElement.classList.add(theme);
}
if (document.querySelector(".sl-theme-light") && theme !== "light") {
document.documentElement.classList.replace("sl-theme-light", "sl-theme-dark");
} else if (document.querySelector(".sl-theme-dark") && theme !== "dark") {
document.documentElement.classList.add("sl-theme-dark", "sl-theme-light");
}
</script>
</head>
<body style="height:100vh;">
<bodhi-navbar
is-search-enabled=""
custom-styles="display: block; margin-left: auto; margin-right: auto; background-color: var(--lyst-background-basic-color-2);">
</bodhi-navbar>
<div class="w-full h-full flex flex-col gap-4 items-center">
<div>
<img src="https://lyst-lib.s3.ap-south-1.amazonaws.com/illustrations_web4/No-data-rafiki.svg" alt="Empty" class="w-[250px] h-[250px]" />
</div>
<div>
<h1 class="font-medium" style="margin-top: 0px; margin-bottom: 0px; color: var(--lyst-text-basic-color);">
School is not found
</h1>
</div>
<div class="flex justify-between w-full py-2 gap-3 justify-center">
<div class="flex flex-row gap-4">
<sl-button id='goBackErrButton' outline="" variant="secondary" data-optional="" data-valid="">
Go Back
</sl-button>
<sl-button id='exploreErrButton' variant="primary" size="medium" class="flex-auto" data-optional="" data-valid="">
Explore
</sl-button>
</div>
</div>
<div>
<span class="text-caption-2 flex items-center text-basic-color-2 font-normal mt-1 line-clamp-1" slot="subtitle">
Error Code: 404
</span>
</div>
</div>
<script>
const goBackErrButton = document.getElementById('goBackErrButton');
const exploreErrButton = document.getElementById('exploreErrButton');
goBackErrButton.addEventListener('click', () => {
window.history.back();
});
exploreErrButton.addEventListener('click', () => {
const fullUrl = window.location.href;
const url = new URL(fullUrl);
const pathnameParts = url.pathname.split('/').filter(Boolean);
const baseUrl = url.origin + "/" +pathnameParts[0];
window.location.href = baseUrl;
});
</script>
<script id="bodhiLoaderScriptWrapper">
const bodhiLoaderScript = document.createElement('script');
bodhiLoaderScript.id = "bodhiLoaderScript";
bodhiLoaderScript.src = "https://bodhi-res-cdn.learnyst.com/bodhi-loader/bodhiLoader.js";
bodhiLoaderScript.type = "module";
bodhiLoaderScript.async = true;
bodhiLoaderScript.setAttribute("data-project", 'Bodhi');
document.head.appendChild(bodhiLoaderScript);
</script>
</body>
</html>