File: //opt/bitninja-waf3/www/50x.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Server Error</title>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style type="text/tailwindcss">
@import 'tailwindcss';
@custom-variant dark (&:where(.dark, .dark *));
</style>
<style>
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(40px); }
100% { opacity: 1; transform: translateY(0); }
}
.animate-fadeInUp {
animation: fadeInUp 0.7s cubic-bezier(.4,0,.2,1) both;
}
@keyframes pulse {
0%, 100% { opacity: 1; }
50% { opacity: 0.5; }
}
.animate-pulse {
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.three-bounce {
margin: 48px auto;
width: 100px;
text-align: center;
}
.three-bounce .child {
width: 26px;
height: 26px;
background-color: #e84545;
border-radius: 100%;
display: inline-block;
animation: three-bounce 1.4s ease-in-out 0s infinite both;
}
.three-bounce .bounce1 {
animation-delay: -0.32s;
}
.three-bounce .bounce2 {
animation-delay: -0.16s;
}
@keyframes three-bounce {
0%, 80%, 100% { transform: scale(0); }
40% { transform: scale(1); }
}
/* Logo wordmark is white in source — recolor for light UI (same idea as 403.html) */
.bn50x-logo path[fill="white"] {
fill: #141b2d;
}
html.dark .bn50x-logo path[fill="white"] {
fill: #ffffff;
}
.bn50x-logo .bn50x-logo-mascot-bg {
fill: #d9dee8;
}
html.dark .bn50x-logo .bn50x-logo-mascot-bg {
fill: #ffffff;
}
</style>
<script>
function bn50xResolveDark() {
try {
var t = localStorage.theme;
if (t === "dark") return true;
if (t === "light") return false;
return window.matchMedia("(prefers-color-scheme: dark)").matches;
} catch (e) {
return false;
}
}
function applyTheme() {
document.documentElement.classList.toggle("dark", bn50xResolveDark());
updateThemeToggleIcon();
}
function updateThemeToggleIcon() {
var icon = document.getElementById("theme-toggle-icon");
if (!icon) return;
icon.textContent = document.documentElement.classList.contains("dark")
? "☀️"
: "🌙";
}
applyTheme();
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", function () {
if (!("theme" in localStorage)) applyTheme();
});
document.addEventListener("DOMContentLoaded", function () {
var btn = document.getElementById("theme-toggle");
if (!btn) return;
btn.addEventListener("click", function () {
localStorage.theme = document.documentElement.classList.contains("dark")
? "light"
: "dark";
applyTheme();
});
applyTheme();
});
</script>
</head>
<body class="min-h-screen bg-gradient-to-br from-gray-50 to-gray-100 dark:from-[#181f2c] dark:to-[#1a2234] flex items-center justify-center p-5 md:p-8">
<!-- Dark/Light mode toggle button -->
<button id="theme-toggle" type="button" aria-label="Switch between light and dark theme" class="fixed top-4 right-4 z-50 px-3 py-3 rounded-full shadow-lg bg-white dark:bg-[#232b3e] text-gray-800 dark:text-gray-200 border border-gray-200 dark:border-[#2e3a54] transition hover:scale-110 focus:outline-none focus:ring-2 focus:ring-blue-500">
<span id="theme-toggle-icon">🌙</span>
</button>
<main class="w-full max-w-6xl mx-auto">
<div class="bg-white dark:bg-[#232b3e] rounded-2xl md:rounded-3xl shadow-xl overflow-hidden">
<!-- Header with Logo -->
<div class="p-8 md:p-10 border-b border-gray-200 dark:border-[#2e3a54] flex items-center justify-center gap-6 flex-wrap">
<svg class="bn50x-logo h-16 md:h-20 lg:h-[5.25rem] w-auto animate-popIn" width="120" height="48" viewBox="0 0 951 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_295_549)">
<path class="bn50x-logo-mascot-bg" d="M232.615 236.878H37.7826C19.589 236.878 4.81104 221.996 4.81104 203.674V51.2037C4.81104 32.882 19.589 18 37.7826 18H232.615C250.808 18 265.585 32.882 265.585 51.2037V203.604C265.585 221.996 250.808 236.878 232.615 236.878Z" fill="white"></path>
<path d="M232.609 236.878H37.7772C19.5836 236.878 4.80566 221.996 4.80566 203.674V51.2037C4.80566 32.882 19.5836 18 37.7772 18H232.609C250.803 18 265.58 32.882 265.58 51.2037V203.604C265.58 221.996 250.803 236.878 232.609 236.878Z" fill="#141324" fill-opacity="0.6"></path>
<path d="M271.093 152.57C273.951 155.448 275.275 159.379 275.136 163.38C275.066 165.275 277.157 166.469 278.761 165.416C279.737 164.784 280.643 164.012 281.549 163.1C287.893 156.711 288.381 146.813 282.595 140.987C276.81 135.16 266.98 135.652 260.637 142.04C259.801 142.882 259.034 143.865 258.337 144.848C257.291 146.462 258.406 148.638 260.358 148.498C264.331 148.358 268.165 149.692 271.093 152.57Z" fill="#E84545"></path>
<path d="M271.093 152.57C273.951 155.448 275.275 159.379 275.136 163.38C275.066 165.275 277.157 166.469 278.761 165.416C279.737 164.784 280.643 164.012 281.549 163.1C287.893 156.711 288.381 146.813 282.595 140.987C276.81 135.16 266.98 135.652 260.637 142.04C259.801 142.882 259.034 143.865 258.337 144.848C257.291 146.462 258.406 148.638 260.358 148.498C264.331 148.358 268.165 149.692 271.093 152.57Z" fill="#141324" fill-opacity="0.2"></path>
<path d="M271.093 152.57C273.951 155.448 275.275 159.379 275.136 163.38C275.066 165.275 277.157 166.469 278.761 165.416C279.737 164.784 280.643 164.012 281.549 163.1C287.893 156.711 288.381 146.813 282.595 140.987C276.81 135.16 266.98 135.652 260.637 142.04C259.801 142.882 259.034 143.865 258.337 144.848C257.291 146.462 258.406 148.638 260.358 148.498C264.331 148.358 268.165 149.692 271.093 152.57Z" fill="#E84545"></path>
<path d="M271.093 152.57C273.951 155.448 275.275 159.379 275.136 163.38C275.066 165.275 277.157 166.469 278.761 165.416C279.737 164.784 280.643 164.012 281.549 163.1C287.893 156.711 288.381 146.813 282.595 140.987C276.81 135.16 266.98 135.652 260.637 142.04C259.801 142.882 259.034 143.865 258.337 144.848C257.291 146.462 258.406 148.638 260.358 148.498C264.331 148.358 268.165 149.692 271.093 152.57Z" fill="#141324" fill-opacity="0.2"></path>
<path d="M271.024 147.867C277.029 147.867 281.899 142.963 281.899 136.916C281.899 130.867 277.029 125.965 271.024 125.965C265.018 125.965 260.15 130.867 260.15 136.916C260.15 142.963 265.018 147.867 271.024 147.867Z" fill="#E84545"></path>
<path d="M271.024 147.867C277.029 147.867 281.899 142.963 281.899 136.916C281.899 130.867 277.029 125.965 271.024 125.965C265.018 125.965 260.15 130.867 260.15 136.916C260.15 142.963 265.018 147.867 271.024 147.867Z" fill="#141324" fill-opacity="0.2"></path>
<path d="M299.045 136.916C299.045 127.86 292.423 120.56 284.266 120.56C276.111 120.56 269.489 127.86 269.489 136.916C269.489 138.179 269.629 139.373 269.838 140.497C270.256 142.391 272.557 143.093 273.81 141.69C276.46 138.741 280.154 136.916 284.266 136.916C288.309 136.916 292.005 138.741 294.723 141.69C295.977 143.093 298.347 142.391 298.696 140.497" fill="#E84545"></path>
<path d="M299.045 136.916C299.045 127.86 292.423 120.56 284.266 120.56C276.111 120.56 269.489 127.86 269.489 136.916C269.489 138.179 269.629 139.373 269.838 140.497C270.256 142.391 272.557 143.093 273.81 141.69C276.46 138.741 280.154 136.916 284.266 136.916C288.309 136.916 292.005 138.741 294.723 141.69C295.977 143.093 298.347 142.391 298.696 140.497" fill="#141324" fill-opacity="0.2"></path>
<path d="M299.045 136.916C299.045 127.86 292.423 120.56 284.266 120.56C276.111 120.56 269.489 127.86 269.489 136.916C269.489 138.179 269.629 139.373 269.838 140.497C270.256 142.391 272.557 143.093 273.81 141.69C276.46 138.741 280.154 136.916 284.266 136.916C288.309 136.916 292.005 138.741 294.723 141.69C295.977 143.093 298.347 142.391 298.696 140.497" fill="#E84545"></path>
<path d="M299.045 136.916C299.045 127.86 292.423 120.56 284.266 120.56C276.111 120.56 269.489 127.86 269.489 136.916C269.489 138.179 269.629 139.373 269.838 140.497C270.256 142.391 272.557 143.093 273.81 141.69C276.46 138.741 280.154 136.916 284.266 136.916C288.309 136.916 292.005 138.741 294.723 141.69C295.977 143.093 298.347 142.391 298.696 140.497" fill="#141324" fill-opacity="0.2"></path>
<path d="M299.045 136.916C299.045 127.86 292.423 120.56 284.266 120.56C276.111 120.56 269.489 127.86 269.489 136.916C269.489 138.179 269.629 139.373 269.838 140.497C270.256 142.391 272.557 143.093 273.81 141.69C276.46 138.741 280.154 136.916 284.266 136.916C288.309 136.916 292.005 138.741 294.723 141.69C295.977 143.093 298.347 142.391 298.696 140.497" fill="#E84545"></path>
<path d="M299.045 136.916C299.045 127.86 292.423 120.56 284.266 120.56C276.111 120.56 269.489 127.86 269.489 136.916C269.489 138.179 269.629 139.373 269.838 140.497C270.256 142.391 272.557 143.093 273.81 141.69C276.46 138.741 280.154 136.916 284.266 136.916C288.309 136.916 292.005 138.741 294.723 141.69C295.977 143.093 298.347 142.391 298.696 140.497" fill="#141324" fill-opacity="0.2"></path>
<path d="M269.488 103.643H0V182.405H269.488V103.643Z" fill="#E84545"></path>
<path d="M104.769 161.977H78.6988C73.8889 161.977 69.9854 158.607 69.9854 154.465V134.529C69.9854 129.475 75.6316 125.895 81.2081 127.368L107.279 134.107C110.973 135.091 113.483 137.969 113.483 141.268V154.465C113.483 158.607 109.58 161.977 104.769 161.977Z" fill="white"></path>
<path d="M269.49 103.923H178.662V182.686H269.49V103.923Z" fill="#E84545"></path>
<path d="M269.49 103.923H178.662V182.686H269.49V103.923Z" fill="#141324" fill-opacity="0.2"></path>
<path d="M191.698 161.977H165.628C160.817 161.977 156.914 158.607 156.914 154.465V141.268C156.914 137.969 159.423 135.02 163.118 134.108L189.188 127.369C194.764 125.895 200.411 129.545 200.411 134.529V154.465C200.411 158.607 196.508 161.977 191.698 161.977Z" fill="white"></path>
<path opacity="0.3" d="M135.163 103.642H265.515V51.4846C265.515 33.0225 250.598 18 232.265 18H135.163V103.642Z" fill="#141324" fill-opacity="0.4"></path>
<path opacity="0.3" d="M135.163 236.877H232.544C250.807 236.877 265.585 221.996 265.585 203.603V182.404H135.232L135.163 236.877Z" fill="#141324" fill-opacity="0.4"></path>
</g>
<path d="M333 103.5V33H365.5C373.233 33 379.2 34.6333 383.4 37.9C387.6 41.1667 389.7 45.6333 389.7 51.3C389.7 55.5 388.433 59.0667 385.9 62C383.433 64.9333 380.033 66.9 375.7 67.9V66.3C380.767 67.1667 384.667 69.1 387.4 72.1C390.2 75.0333 391.6 78.8667 391.6 83.6C391.6 89.8667 389.367 94.7667 384.9 98.3C380.5 101.767 374.4 103.5 366.6 103.5H333ZM347.9 91.9H364.7C368.567 91.9 371.533 91.1667 373.6 89.7C375.667 88.2333 376.7 85.9 376.7 82.7C376.7 79.4333 375.667 77.1 373.6 75.7C371.533 74.2333 368.567 73.5 364.7 73.5H347.9V91.9ZM347.9 62H362.7C366.767 62 369.767 61.2667 371.7 59.8C373.633 58.3333 374.6 56.1333 374.6 53.2C374.6 50.3333 373.633 48.1667 371.7 46.7C369.767 45.2333 366.767 44.5 362.7 44.5H347.9V62Z" fill="#E84545"></path>
<path d="M404.629 103.5V33H420.229V103.5H404.629Z" fill="#E84545"></path>
<path d="M452.812 103.5V45.7H430.412V33H490.812V45.7H468.412V103.5H452.812Z" fill="#E84545"></path>
<path d="M501.305 103.5V33H512.905L551.205 81.7H548.505V33H563.005V103.5H551.405L513.205 54.8H515.805V103.5H501.305Z" fill="#E84545"></path>
<path d="M579.281 103.5V33H594.881V103.5H579.281Z" fill="#E84545"></path>
<path d="M611.164 103.5V33H622.764L661.064 81.7H658.364V33H672.864V103.5H661.264L623.064 54.8H625.664V103.5H611.164Z" fill="#E84545"></path>
<path d="M691.541 122.2C690.341 122.2 688.907 122.133 687.241 122C685.574 121.867 683.874 121.633 682.141 121.3V109.1C683.474 109.367 684.741 109.567 685.941 109.7C687.141 109.833 688.107 109.9 688.841 109.9C691.907 109.9 694.074 109.033 695.341 107.3C696.607 105.567 697.241 102.767 697.241 98.9V33H712.841V98.9C712.841 104.1 712.107 108.433 710.641 111.9C709.241 115.367 706.974 117.933 703.841 119.6C700.774 121.333 696.674 122.2 691.541 122.2Z" fill="#E84545"></path>
<path d="M720.927 103.5L753.327 33H766.227L799.027 103.5H783.227L774.727 83.9L780.827 88.2H738.927L745.127 83.9L736.627 103.5H720.927ZM759.727 49.4L746.827 80L744.127 76.2H775.627L773.327 80L760.127 49.4H759.727Z" fill="#E84545"></path>
<path d="M356.016 222.756C351.256 222.756 346.944 222.168 343.08 220.992C339.216 219.76 335.856 218.024 333 215.784L335.94 208.896C337.844 210.352 339.804 211.556 341.82 212.508C343.892 213.46 346.076 214.188 348.372 214.692C350.724 215.14 353.272 215.364 356.016 215.364C360.72 215.364 364.164 214.524 366.348 212.844C368.588 211.164 369.708 208.952 369.708 206.208C369.708 203.856 368.924 202.036 367.356 200.748C365.844 199.46 363.156 198.424 359.292 197.64L350.136 195.792C344.704 194.672 340.644 192.852 337.956 190.332C335.324 187.756 334.008 184.256 334.008 179.832C334.008 176.248 334.96 173.112 336.864 170.424C338.768 167.736 341.4 165.664 344.76 164.208C348.176 162.752 352.152 162.024 356.688 162.024C360.888 162.024 364.752 162.64 368.28 163.872C371.808 165.048 374.776 166.812 377.184 169.164L374.328 175.8C371.808 173.616 369.12 172.02 366.264 171.012C363.408 169.948 360.16 169.416 356.52 169.416C352.208 169.416 348.82 170.312 346.356 172.104C343.948 173.896 342.744 176.332 342.744 179.412C342.744 181.876 343.5 183.808 345.012 185.208C346.58 186.608 349.156 187.672 352.74 188.4L361.896 190.164C367.552 191.34 371.724 193.16 374.412 195.624C377.1 198.032 378.444 201.364 378.444 205.62C378.444 209.036 377.52 212.032 375.672 214.608C373.88 217.184 371.304 219.2 367.944 220.656C364.584 222.056 360.608 222.756 356.016 222.756Z" fill="white"></path>
<path d="M392.54 222V162.78H431.348V169.752H401.024V188.4H429.416V195.456H401.024V214.944H431.348V222H392.54Z" fill="white"></path>
<path d="M471.993 222.756C465.945 222.756 460.793 221.524 456.537 219.06C452.281 216.596 449.005 213.096 446.709 208.56C444.469 203.968 443.349 198.564 443.349 192.348C443.349 186.132 444.469 180.756 446.709 176.22C449.005 171.684 452.281 168.184 456.537 165.72C460.793 163.256 465.945 162.024 471.993 162.024C476.193 162.024 479.945 162.64 483.249 163.872C486.553 165.104 489.437 166.896 491.901 169.248L488.877 176.22C486.189 173.924 483.557 172.272 480.981 171.264C478.461 170.256 475.521 169.752 472.161 169.752C465.777 169.752 460.905 171.712 457.545 175.632C454.185 179.552 452.505 185.124 452.505 192.348C452.505 199.572 454.185 205.172 457.545 209.148C460.905 213.068 465.777 215.028 472.161 215.028C475.521 215.028 478.461 214.524 480.981 213.516C483.557 212.508 486.189 210.828 488.877 208.476L491.901 215.448C489.437 217.8 486.553 219.62 483.249 220.908C479.945 222.14 476.193 222.756 471.993 222.756Z" fill="white"></path>
<path d="M530.253 222.756C522.021 222.756 515.889 220.684 511.857 216.54C507.881 212.396 505.893 206.264 505.893 198.144V162.78H514.629V197.976C514.629 203.688 515.861 208 518.325 210.912C520.845 213.768 524.821 215.196 530.253 215.196C535.405 215.196 539.297 213.768 541.929 210.912C544.561 208 545.877 203.688 545.877 197.976V162.78H554.445V198.144C554.445 206.264 552.401 212.396 548.313 216.54C544.225 220.684 538.205 222.756 530.253 222.756Z" fill="white"></path>
<path d="M571.359 222V162.78H596.391C602.719 162.78 607.618 164.292 611.091 167.316C614.562 170.284 616.299 174.456 616.299 179.832C616.299 183.36 615.515 186.384 613.947 188.904C612.379 191.424 610.167 193.356 607.311 194.7C604.455 195.988 601.095 196.632 597.231 196.632L598.575 195.288H600.843C603.139 195.288 605.183 195.876 606.975 197.052C608.823 198.228 610.335 200.104 611.511 202.68L619.995 222H610.419L602.019 202.596C601.179 200.3 599.863 198.816 598.071 198.144C596.335 197.472 594.178 197.136 591.603 197.136H580.095V222H571.359ZM580.095 190.5H594.963C599.163 190.5 602.327 189.604 604.455 187.812C606.639 186.02 607.731 183.444 607.731 180.084C607.731 176.668 606.639 174.092 604.455 172.356C602.327 170.62 599.163 169.752 594.963 169.752H580.095V190.5Z" fill="white"></path>
<path d="M633.289 222V162.78H642.025V222H633.289Z" fill="white"></path>
<path d="M673.485 222V170.088H653.241V162.78H702.465V170.088H682.221V222H673.485Z" fill="white"></path>
<path d="M729.435 222V194.196L731.367 199.74L706.419 162.78H716.499L735.063 191.088H732.963L751.527 162.78H761.271L736.407 199.74L738.171 194.196V222H729.435Z" fill="white"></path>
<defs>
<clipPath id="clip0_295_549">
<rect width="298" height="219" fill="white" transform="translate(0 18)"></rect>
</clipPath>
</defs>
</svg>
<span class="text-2xl md:text-3xl lg:text-4xl font-bold text-gray-800 dark:text-gray-200">WAF<sup class="align-super ml-1 md:ml-1.5"><span class="mt-2 bg-green-500 font-black text-white rounded-md px-1.5 md:px-2 text-base md:text-lg transition-transform duration-200 hover:scale-110">Pro</span></sup></span>
</div>
<!-- Main Content -->
<div class="p-8 md:p-12 lg:p-14">
<div class="text-center mb-10 md:mb-12">
<h1 class="text-4xl md:text-5xl font-bold text-[#e84545] mb-5 md:mb-6 max-w-3xl mx-auto leading-tight">Backend webserver unreachable</h1>
<p class="text-gray-600 dark:text-gray-400 mb-8 text-lg md:text-xl max-w-2xl mx-auto leading-relaxed">We're having trouble connecting to the backend server. Please wait while we try to reconnect.</p>
<!-- Loading Animation -->
<div class="loader mb-8">
<div class="three-bounce">
<div class="child bounce1"></div>
<div class="child bounce2"></div>
<div class="child bounce3"></div>
</div>
<p class="text-gray-600 dark:text-gray-400 text-lg">Auto-retrying in <span id="counter" class="font-bold text-[#e84545] tabular-nums">10</span> sec</p>
</div>
<!-- Help Link -->
<a href="https://knowledgebase.bitninja.io/kb/my-website-is-down-when-bitninja-is-running-error-502-504/"
target="_blank"
rel="noopener noreferrer"
class="inline-flex items-center justify-center px-8 py-3.5 md:px-10 md:py-4 text-lg font-semibold bg-[#e84545] text-white rounded-xl hover:bg-[#d13d3d] transition-colors duration-200 min-h-[3.25rem]">
<svg class="w-6 h-6 mr-3 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
Troubleshooting Guide
</a>
</div>
<!-- Status Grid -->
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 lg:gap-10 mt-10 md:mt-12">
<!-- Browser Status -->
<div class="rounded-xl md:rounded-2xl p-7 md:p-8 text-center bg-slate-100 border border-slate-200 shadow-sm dark:bg-[#1a2234] dark:border-[#334155] dark:shadow-none">
<div class="mb-5">
<i class="fa-solid fa-display text-gray-800 dark:text-white text-6xl md:text-7xl" aria-hidden="true"></i>
</div>
<small class="text-gray-600 dark:text-gray-400 block mb-2 text-base">You</small>
<h3 class="text-xl md:text-2xl font-semibold text-gray-800 dark:text-gray-200 mb-2">Browser</h3>
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
Working
</span>
</div>
<!-- BitNinja Status -->
<div class="rounded-xl md:rounded-2xl p-7 md:p-8 text-center bg-slate-100 border border-slate-200 shadow-sm dark:bg-[#1a2234] dark:border-[#334155] dark:shadow-none">
<div class="mb-5">
<i class="fa-solid fa-shield-halved text-gray-800 dark:text-white text-6xl md:text-7xl" aria-hidden="true"></i>
</div>
<small class="text-gray-600 dark:text-gray-400 block mb-2 text-base">Web Application Firewall</small>
<h3 class="text-xl md:text-2xl font-semibold text-gray-800 dark:text-gray-200 mb-2">BitNinja</h3>
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
Working
</span>
</div>
<!-- Host Status -->
<div class="rounded-xl md:rounded-2xl p-7 md:p-8 text-center bg-slate-100 border border-slate-200 shadow-sm dark:bg-[#1a2234] dark:border-[#334155] dark:shadow-none">
<div class="mb-5">
<i class="fa-solid fa-server text-gray-800 dark:text-white text-6xl md:text-7xl" aria-hidden="true"></i>
</div>
<small class="text-gray-600 dark:text-gray-400 block mb-2 text-base">Backend Server</small>
<h3 class="text-xl md:text-2xl font-semibold text-gray-800 dark:text-gray-200 mb-2">Host</h3>
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-200">
Error
</span>
</div>
</div>
</div>
</div>
</main>
<script>
var time = 10, counter = document.querySelector('#counter');
var timer = setInterval(function() {
time--;
counter.innerText = time;
if (time == 0) {
clearInterval(timer);
window.location.reload();
}
}, 1000);
</script>
</body>
</html>