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 h7um8"> <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="penbz dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ubjdz hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full e9suh ci75w jpgpn hidden fixed uhcvd kkgga z3p62 lfpt0 mkr7b vctx7 lg:block igknp lg:end-auto j87ub dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="vrrsm keyr2"> <div class="relative vrrsm ai42m xr33v vctx7 ti67g overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 r48xq"> <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);] qttaw 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);] r48xq"></div> </div> </div> </div> <div class="lg:hidden absolute t438y -end-3 o5ss4"> <!-- Sidebar Close --> <button type="button" class="sl71j y3bc7 inline-flex yzf2u items-center vpudq zbs1u k5ynp xvupt ai42m vctx7 lfpt0 osexd cryed focus:outline-hidden gw0s0 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="fh49b z2kwk" 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="h7qpg am1dr flex flex-col yzf2u"> <div class="bc2j0 ul633 m6och space-y-5 wiv99"> <!-- Content --> <div class="t7ilq mx-auto space-y-3"> <img class="dark:hidden vub2g mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block vub2g mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center idgs7 wxnlp k41uu o61b1 yal5n k5ynp fqani nbta3 yi2r9 qoeo7 dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="fh49b ts4r4" 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="vn5di kyzts ji2gf dark:text-neutral-200"> Improve performance with analytics </h1> <p class="zbs1u osexd dark:text-neutral-500"> Unlock the power of analytics to boost team performance, stay on top of your workload, and deliver exceptional customer service. </p> <div class="flex yzf2u items-center vt1na"> <a class="ep7c4 k41uu inline-flex items-center vpudq zbs1u kyzts g9fd1 ai42m al6xy txqah o36tt rspat 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 ygj6o zbs1u lbogf b31ey xvzwl k5ynp focus:outline-hidden fhp4e dark:text-blue-500"> Learn more <svg class="fh49b z2kwk" 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.0.2"></script> </body> </html>
<body class="penbz dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ubjdz hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full e9suh ci75w jpgpn hidden fixed uhcvd kkgga z3p62 lfpt0 mkr7b vctx7 lg:block igknp lg:end-auto j87ub dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="vrrsm keyr2"> <div class="relative vrrsm ai42m xr33v vctx7 ti67g overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 r48xq"> <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);] qttaw 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);] r48xq"></div> </div> </div> </div> <div class="lg:hidden absolute t438y -end-3 o5ss4"> <!-- Sidebar Close --> <button type="button" class="sl71j y3bc7 inline-flex yzf2u items-center vpudq zbs1u k5ynp xvupt ai42m vctx7 lfpt0 osexd cryed focus:outline-hidden gw0s0 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="fh49b z2kwk" 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="h7qpg am1dr flex flex-col yzf2u"> <div class="bc2j0 ul633 m6och space-y-5 wiv99"> <!-- Content --> <div class="t7ilq mx-auto space-y-3"> <img class="dark:hidden vub2g mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block vub2g mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center idgs7 wxnlp k41uu o61b1 yal5n k5ynp fqani nbta3 yi2r9 qoeo7 dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="fh49b ts4r4" 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="vn5di kyzts ji2gf dark:text-neutral-200"> Improve performance with analytics </h1> <p class="zbs1u osexd dark:text-neutral-500"> Unlock the power of analytics to boost team performance, stay on top of your workload, and deliver exceptional customer service. </p> <div class="flex yzf2u items-center vt1na"> <a class="ep7c4 k41uu inline-flex items-center vpudq zbs1u kyzts g9fd1 ai42m al6xy txqah o36tt rspat 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 ygj6o zbs1u lbogf b31ey xvzwl k5ynp focus:outline-hidden fhp4e dark:text-blue-500"> Learn more <svg class="fh49b z2kwk" 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 h7um8"> <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="penbz dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ubjdz hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full e9suh ci75w jpgpn hidden fixed uhcvd kkgga z3p62 lfpt0 mkr7b vctx7 lg:block igknp lg:end-auto j87ub dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="vrrsm keyr2"> <div class="relative vrrsm ai42m xr33v vctx7 ti67g overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 r48xq"> <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);] qttaw 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);] r48xq"></div> </div> </div> </div> <div class="lg:hidden absolute t438y -end-3 o5ss4"> <!-- Sidebar Close --> <button type="button" class="sl71j y3bc7 inline-flex yzf2u items-center vpudq zbs1u k5ynp xvupt ai42m vctx7 lfpt0 osexd cryed focus:outline-hidden gw0s0 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="fh49b z2kwk" 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="h7qpg am1dr flex flex-col yzf2u"> <div class="bc2j0 ul633 m6och space-y-5 wiv99"> <!-- Content --> <div class="t7ilq mx-auto space-y-3"> <h1 class="ny5zf g5upq kyzts ji2gf dark:text-neutral-200"> 404 </h1> <h2 class="gcw4w k5ynp ji2gf dark:text-neutral-200"> Page not found </h2> <p class="osexd dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="ep7c4 k41uu inline-flex yzf2u items-center vpudq codua txqah ai42m v7951 o36tt yal5n tco4h k5ynp g9fd1 d4l0s wum4e rspat focus:outline-hidden sying zrzo1 dark:focus:ring-blue-500"> <svg class="fh49b z2kwk" 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.0.2"></script> </body> </html>
<body class="penbz dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ubjdz hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full e9suh ci75w jpgpn hidden fixed uhcvd kkgga z3p62 lfpt0 mkr7b vctx7 lg:block igknp lg:end-auto j87ub dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="vrrsm keyr2"> <div class="relative vrrsm ai42m xr33v vctx7 ti67g overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 r48xq"> <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);] qttaw 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);] r48xq"></div> </div> </div> </div> <div class="lg:hidden absolute t438y -end-3 o5ss4"> <!-- Sidebar Close --> <button type="button" class="sl71j y3bc7 inline-flex yzf2u items-center vpudq zbs1u k5ynp xvupt ai42m vctx7 lfpt0 osexd cryed focus:outline-hidden gw0s0 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="fh49b z2kwk" 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="h7qpg am1dr flex flex-col yzf2u"> <div class="bc2j0 ul633 m6och space-y-5 wiv99"> <!-- Content --> <div class="t7ilq mx-auto space-y-3"> <h1 class="ny5zf g5upq kyzts ji2gf dark:text-neutral-200"> 404 </h1> <h2 class="gcw4w k5ynp ji2gf dark:text-neutral-200"> Page not found </h2> <p class="osexd dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="ep7c4 k41uu inline-flex yzf2u items-center vpudq codua txqah ai42m v7951 o36tt yal5n tco4h k5ynp g9fd1 d4l0s wum4e rspat focus:outline-hidden sying zrzo1 dark:focus:ring-blue-500"> <svg class="fh49b z2kwk" 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 h7um8"> <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="penbz dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ubjdz hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full e9suh ci75w jpgpn hidden fixed uhcvd kkgga z3p62 lfpt0 mkr7b vctx7 lg:block igknp lg:end-auto j87ub dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="vrrsm keyr2"> <div class="relative vrrsm ai42m xr33v vctx7 ti67g overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 r48xq"> <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);] qttaw 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);] r48xq"></div> </div> </div> </div> <div class="lg:hidden absolute t438y -end-3 o5ss4"> <!-- Sidebar Close --> <button type="button" class="sl71j y3bc7 inline-flex yzf2u items-center vpudq zbs1u k5ynp xvupt ai42m vctx7 lfpt0 osexd cryed focus:outline-hidden gw0s0 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="fh49b z2kwk" 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="h7qpg am1dr flex flex-col yzf2u"> <div class="bc2j0 ul633 m6och space-y-5 wiv99"> <!-- Content --> <div class="t7ilq mx-auto space-y-3"> <h1 class="ny5zf g5upq kyzts ji2gf dark:text-neutral-200"> 500 </h1> <h2 class="gcw4w k5ynp ji2gf dark:text-neutral-200"> Page not found </h2> <p class="osexd dark:text-neutral-500"> The server encountered an internal k1480 or misconfiguration and was unable to d7yi9 your request. </p> <div> <button type="button" class="ep7c4 k41uu inline-flex yzf2u items-center vpudq codua txqah ai42m v7951 o36tt yal5n tco4h k5ynp g9fd1 d4l0s wum4e rspat focus:outline-hidden sying zrzo1 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.0.2"></script> </body> </html>
<body class="penbz dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ubjdz hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full e9suh ci75w jpgpn hidden fixed uhcvd kkgga z3p62 lfpt0 mkr7b vctx7 lg:block igknp lg:end-auto j87ub dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="vrrsm keyr2"> <div class="relative vrrsm ai42m xr33v vctx7 ti67g overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 r48xq"> <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);] qttaw 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);] r48xq"></div> </div> </div> </div> <div class="lg:hidden absolute t438y -end-3 o5ss4"> <!-- Sidebar Close --> <button type="button" class="sl71j y3bc7 inline-flex yzf2u items-center vpudq zbs1u k5ynp xvupt ai42m vctx7 lfpt0 osexd cryed focus:outline-hidden gw0s0 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="fh49b z2kwk" 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="h7qpg am1dr flex flex-col yzf2u"> <div class="bc2j0 ul633 m6och space-y-5 wiv99"> <!-- Content --> <div class="t7ilq mx-auto space-y-3"> <h1 class="ny5zf g5upq kyzts ji2gf dark:text-neutral-200"> 500 </h1> <h2 class="gcw4w k5ynp ji2gf dark:text-neutral-200"> Page not found </h2> <p class="osexd dark:text-neutral-500"> The server encountered an internal k1480 or misconfiguration and was unable to d7yi9 your request. </p> <div> <button type="button" class="ep7c4 k41uu inline-flex yzf2u items-center vpudq codua txqah ai42m v7951 o36tt yal5n tco4h k5ynp g9fd1 d4l0s wum4e rspat focus:outline-hidden sying zrzo1 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