Open Source
Preline Pro
Sign in
Get all access
Home
Examples
Templates
Pricing
Docs
Preline UI (Open Source)
Back to Examples
All examples
Blank Pages
Admin dashboard Upgrade (Blank) Page, and Error pages.
Upgrade (Blank) Page
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative alv5c"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body class="ot68c dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="q33ez hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full nf9l7 ixagr pve7h hidden fixed evdk4 a98ho tx2df zxv30 uob1z yxawv lg:block j76gm lg:end-auto dtee5 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="ux1hp jhb8q"> <div class="relative ux1hp k9mkq hq9av yxawv mzy38 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 kquz2"> <div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] rxh5x dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] kquz2"></div> </div> </div> </div> <div class="lg:hidden absolute kjxn2 -end-3 te8l0"> <!-- Sidebar Close --> <button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg> </button> <!-- End Sidebar Close --> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="k6fv8 glxxw flex flex-col enhxb"> <div class="ur00w rq8ib cocgk space-y-5 cgjzl"> <!-- Content --> <div class="jypv0 mx-auto space-y-3"> <img class="dark:hidden cvoid mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block cvoid mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center lwq0m f9d5d l1xlu mr9qs on128 hw6xt gvxxq wah8b lx83c ha6mo dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg> Available with growth </span> <h1 class="vd22d hysdx ejo46 dark:text-neutral-200"> Improve performance with analytics </h1> <p class="tuuss z0e83 dark:text-neutral-500"> Unlock the power of analytics to boost team performance, stay bty75 top of your workload, and deliver exceptional customer service. </p> <div class="flex enhxb items-center rdqxy"> <a class="hxfjh l1xlu inline-flex items-center u3ov7 tuuss hysdx wavyl k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600" href="#"> Upgrade </a> <button type="button" class="inline-flex items-center r2jif tuuss j28t5 njs8g h8tqt hw6xt focus:outline-hidden ch28j dark:text-blue-500"> Learn more <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- End Content --> </div> </main> <!-- ========== END MAIN CONTENT ========== --> <script src="../../assets/vendor/preline/dist/index.js?v=3.1.0"></script> </body> </html>
<body class="ot68c dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="q33ez hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full nf9l7 ixagr pve7h hidden fixed evdk4 a98ho tx2df zxv30 uob1z yxawv lg:block j76gm lg:end-auto dtee5 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="ux1hp jhb8q"> <div class="relative ux1hp k9mkq hq9av yxawv mzy38 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 kquz2"> <div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] rxh5x dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] kquz2"></div> </div> </div> </div> <div class="lg:hidden absolute kjxn2 -end-3 te8l0"> <!-- Sidebar Close --> <button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg> </button> <!-- End Sidebar Close --> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="k6fv8 glxxw flex flex-col enhxb"> <div class="ur00w rq8ib cocgk space-y-5 cgjzl"> <!-- Content --> <div class="jypv0 mx-auto space-y-3"> <img class="dark:hidden cvoid mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block cvoid mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center lwq0m f9d5d l1xlu mr9qs on128 hw6xt gvxxq wah8b lx83c ha6mo dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="n2l26 bnmi1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/></svg> Available with growth </span> <h1 class="vd22d hysdx ejo46 dark:text-neutral-200"> Improve performance with analytics </h1> <p class="tuuss z0e83 dark:text-neutral-500"> Unlock the power of analytics to boost team performance, stay bty75 top of your workload, and deliver exceptional customer service. </p> <div class="flex enhxb items-center rdqxy"> <a class="hxfjh l1xlu inline-flex items-center u3ov7 tuuss hysdx wavyl k9mkq je4jy o0y3u w3h0o pgsi2 disabled:opacity-50 disabled:pointer-events-none dark:focus:outline-hidden dark:focus:ring-1 dark:focus:ring-neutral-600" href="#"> Upgrade </a> <button type="button" class="inline-flex items-center r2jif tuuss j28t5 njs8g h8tqt hw6xt focus:outline-hidden ch28j dark:text-blue-500"> Learn more <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg> </button> </div> </div> <!-- End Content --> </div> </main> <!-- ========== END MAIN CONTENT ========== -->
Error 404
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative alv5c"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body class="ot68c dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="q33ez hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full nf9l7 ixagr pve7h hidden fixed evdk4 a98ho tx2df zxv30 uob1z yxawv lg:block j76gm lg:end-auto dtee5 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="ux1hp jhb8q"> <div class="relative ux1hp k9mkq hq9av yxawv mzy38 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 kquz2"> <div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] rxh5x dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] kquz2"></div> </div> </div> </div> <div class="lg:hidden absolute kjxn2 -end-3 te8l0"> <!-- Sidebar Close --> <button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg> </button> <!-- End Sidebar Close --> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="k6fv8 glxxw flex flex-col enhxb"> <div class="ur00w rq8ib cocgk space-y-5 cgjzl"> <!-- Content --> <div class="jypv0 mx-auto space-y-3"> <h1 class="nlnb7 aoy4o hysdx ejo46 dark:text-neutral-200"> 404 </h1> <h2 class="f24zh hw6xt ejo46 dark:text-neutral-200"> Page not found </h2> <p class="z0e83 dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="hxfjh l1xlu inline-flex enhxb items-center u3ov7 m8hmi o0y3u k9mkq t9n9o w3h0o on128 tm0mx hw6xt wavyl ntfdl moa07 pgsi2 focus:outline-hidden v9ivw nny95 dark:focus:ring-blue-500"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg>Back to home </button> </div> </div> <!-- End Content --> </div> </main> <!-- ========== END MAIN CONTENT ========== --> <script src="../../assets/vendor/preline/dist/index.js?v=3.1.0"></script> </body> </html>
<body class="ot68c dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="q33ez hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full nf9l7 ixagr pve7h hidden fixed evdk4 a98ho tx2df zxv30 uob1z yxawv lg:block j76gm lg:end-auto dtee5 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="ux1hp jhb8q"> <div class="relative ux1hp k9mkq hq9av yxawv mzy38 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 kquz2"> <div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] rxh5x dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] kquz2"></div> </div> </div> </div> <div class="lg:hidden absolute kjxn2 -end-3 te8l0"> <!-- Sidebar Close --> <button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg> </button> <!-- End Sidebar Close --> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="k6fv8 glxxw flex flex-col enhxb"> <div class="ur00w rq8ib cocgk space-y-5 cgjzl"> <!-- Content --> <div class="jypv0 mx-auto space-y-3"> <h1 class="nlnb7 aoy4o hysdx ejo46 dark:text-neutral-200"> 404 </h1> <h2 class="f24zh hw6xt ejo46 dark:text-neutral-200"> Page not found </h2> <p class="z0e83 dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="hxfjh l1xlu inline-flex enhxb items-center u3ov7 m8hmi o0y3u k9mkq t9n9o w3h0o on128 tm0mx hw6xt wavyl ntfdl moa07 pgsi2 focus:outline-hidden v9ivw nny95 dark:focus:ring-blue-500"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg>Back to home </button> </div> </div> <!-- End Content --> </div> </main> <!-- ========== END MAIN CONTENT ========== -->
Error 500
Preview
Get the code
Existing accounts: Sign in to your account to access the source code.
<!DOCTYPE html> <html lang="en" dir="" class="relative alv5c"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <title>Preline UI</title> <link rel="shortcut icon" href="../../favicon.ico"> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="../../assets/css/obfuscated.min.css"> </head> <body class="ot68c dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="q33ez hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full nf9l7 ixagr pve7h hidden fixed evdk4 a98ho tx2df zxv30 uob1z yxawv lg:block j76gm lg:end-auto dtee5 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="ux1hp jhb8q"> <div class="relative ux1hp k9mkq hq9av yxawv mzy38 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 kquz2"> <div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] rxh5x dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] kquz2"></div> </div> </div> </div> <div class="lg:hidden absolute kjxn2 -end-3 te8l0"> <!-- Sidebar Close --> <button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg> </button> <!-- End Sidebar Close --> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="k6fv8 glxxw flex flex-col enhxb"> <div class="ur00w rq8ib cocgk space-y-5 cgjzl"> <!-- Content --> <div class="jypv0 mx-auto space-y-3"> <h1 class="nlnb7 aoy4o hysdx ejo46 dark:text-neutral-200"> 500 </h1> <h2 class="f24zh hw6xt ejo46 dark:text-neutral-200"> Page not found </h2> <p class="z0e83 dark:text-neutral-500"> The server encountered an internal gmr81 or misconfiguration and was unable to ou0pa your request. </p> <div> <button type="button" class="hxfjh l1xlu inline-flex enhxb items-center u3ov7 m8hmi o0y3u k9mkq t9n9o w3h0o on128 tm0mx hw6xt wavyl ntfdl moa07 pgsi2 focus:outline-hidden v9ivw nny95 dark:focus:ring-blue-500"> Reload page </button> </div> </div> <!-- End Content --> </div> </main> <!-- ========== END MAIN CONTENT ========== --> <script src="../../assets/vendor/preline/dist/index.js?v=3.1.0"></script> </body> </html>
<body class="ot68c dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="q33ez hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full nf9l7 ixagr pve7h hidden fixed evdk4 a98ho tx2df zxv30 uob1z yxawv lg:block j76gm lg:end-auto dtee5 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="ux1hp jhb8q"> <div class="relative ux1hp k9mkq hq9av yxawv mzy38 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 kquz2"> <div class="bg-[linear-gradient(45deg,var(--color-gray-100)_7.14%,transparent_7.14%,transparent_50%,var(--color-gray-100)_50%,var(--color-gray-100)_57.14%,transparent_57.14%,transparent);] rxh5x dark:bg-[linear-gradient(45deg,var(--color-neutral-700)_7.14%,transparent_7.14%,transparent_50%,var(--color-neutral-700)_50%,var(--color-neutral-700)_57.14%,transparent_57.14%,transparent);] kquz2"></div> </div> </div> </div> <div class="lg:hidden absolute kjxn2 -end-3 te8l0"> <!-- Sidebar Close --> <button type="button" class="j9fmo uex7i inline-flex enhxb items-center u3ov7 tuuss hw6xt clfmf k9mkq yxawv zxv30 z0e83 wsl5v focus:outline-hidden rjc3l disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-800 dark:border-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-700 dark:focus:bg-neutral-700" data-hs-overlay="#hs-pro-sidebar"> <svg class="n2l26 szmrd" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="7 8 3 12 7 16"/><line x1="21" x2="11" y1="12" y2="12"/><line x1="21" x2="11" y1="6" y2="6"/><line x1="21" x2="11" y1="18" y2="18"/></svg> </button> <!-- End Sidebar Close --> </div> </aside> <!-- ========== END MAIN SIDEBAR ========== --> <!-- ========== MAIN CONTENT ========== --> <main id="content" class="k6fv8 glxxw flex flex-col enhxb"> <div class="ur00w rq8ib cocgk space-y-5 cgjzl"> <!-- Content --> <div class="jypv0 mx-auto space-y-3"> <h1 class="nlnb7 aoy4o hysdx ejo46 dark:text-neutral-200"> 500 </h1> <h2 class="f24zh hw6xt ejo46 dark:text-neutral-200"> Page not found </h2> <p class="z0e83 dark:text-neutral-500"> The server encountered an internal gmr81 or misconfiguration and was unable to ou0pa your request. </p> <div> <button type="button" class="hxfjh l1xlu inline-flex enhxb items-center u3ov7 m8hmi o0y3u k9mkq t9n9o w3h0o on128 tm0mx hw6xt wavyl ntfdl moa07 pgsi2 focus:outline-hidden v9ivw nny95 dark:focus:ring-blue-500"> Reload page </button> </div> </div> <!-- End Content --> </div> </main> <!-- ========== END MAIN CONTENT ========== -->
Subscribe
Get all the latest Preline updates and news.
All examples
Close
Close