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 ou4zs"> <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="pxusf dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="qaks0 hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full fl36v ufjzp h587a hidden fixed rm8lf gihcw uxfxy aqyoh c1j8w lnk45 lg:block y1z8v lg:end-auto k4112 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="h1r77 tbd2k"> <div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 fp3m4"> <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);] gv795 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);] fp3m4"></div> </div> </div> </div> <div class="lg:hidden absolute mjk73 -end-3 wzd7f"> <!-- Sidebar Close --> <button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr 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="e731n b9gop" 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="x5kyj vvwug flex flex-col jkwm1"> <div class="an00p i1iav grzaz space-y-5 dtief"> <!-- Content --> <div class="b2ubo mx-auto space-y-3"> <img class="dark:hidden x5nwc mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block x5nwc mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center b1nd2 od5va f2l40 kghwt xs2f2 sikx1 vfh1e zebd8 uonu0 ph5vy dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="e731n h6zia" 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="mp30q cnneu c9jt8 dark:text-neutral-200"> Improve performance with analytics </h1> <p class="w4xo0 jy5gh 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 jkwm1 items-center vyfcq"> <a class="s53ws f2l40 inline-flex items-center n9hej w4xo0 cnneu pb094 rsdjd azddh owkrq kew0r qfc1d 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 n6i5x w4xo0 igv60 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-blue-500"> Learn more <svg class="e731n b9gop" 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.1"></script> </body> </html>
<body class="pxusf dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="qaks0 hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full fl36v ufjzp h587a hidden fixed rm8lf gihcw uxfxy aqyoh c1j8w lnk45 lg:block y1z8v lg:end-auto k4112 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="h1r77 tbd2k"> <div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 fp3m4"> <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);] gv795 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);] fp3m4"></div> </div> </div> </div> <div class="lg:hidden absolute mjk73 -end-3 wzd7f"> <!-- Sidebar Close --> <button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr 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="e731n b9gop" 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="x5kyj vvwug flex flex-col jkwm1"> <div class="an00p i1iav grzaz space-y-5 dtief"> <!-- Content --> <div class="b2ubo mx-auto space-y-3"> <img class="dark:hidden x5nwc mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block x5nwc mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center b1nd2 od5va f2l40 kghwt xs2f2 sikx1 vfh1e zebd8 uonu0 ph5vy dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="e731n h6zia" 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="mp30q cnneu c9jt8 dark:text-neutral-200"> Improve performance with analytics </h1> <p class="w4xo0 jy5gh 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 jkwm1 items-center vyfcq"> <a class="s53ws f2l40 inline-flex items-center n9hej w4xo0 cnneu pb094 rsdjd azddh owkrq kew0r qfc1d 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 n6i5x w4xo0 igv60 j3zsq f1348 sikx1 focus:outline-hidden ow4j6 dark:text-blue-500"> Learn more <svg class="e731n b9gop" 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 ou4zs"> <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="pxusf dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="qaks0 hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full fl36v ufjzp h587a hidden fixed rm8lf gihcw uxfxy aqyoh c1j8w lnk45 lg:block y1z8v lg:end-auto k4112 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="h1r77 tbd2k"> <div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 fp3m4"> <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);] gv795 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);] fp3m4"></div> </div> </div> </div> <div class="lg:hidden absolute mjk73 -end-3 wzd7f"> <!-- Sidebar Close --> <button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr 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="e731n b9gop" 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="x5kyj vvwug flex flex-col jkwm1"> <div class="an00p i1iav grzaz space-y-5 dtief"> <!-- Content --> <div class="b2ubo mx-auto space-y-3"> <h1 class="ybpdg hggzv cnneu c9jt8 dark:text-neutral-200"> 404 </h1> <h2 class="a3jay sikx1 c9jt8 dark:text-neutral-200"> Page not found </h2> <p class="jy5gh dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="s53ws f2l40 inline-flex jkwm1 items-center n9hej w9dei owkrq rsdjd d0gzg kew0r xs2f2 glhrq sikx1 pb094 hj07t gpv41 qfc1d focus:outline-hidden trqpi p0wul dark:focus:ring-blue-500"> <svg class="e731n b9gop" 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.1"></script> </body> </html>
<body class="pxusf dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="qaks0 hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full fl36v ufjzp h587a hidden fixed rm8lf gihcw uxfxy aqyoh c1j8w lnk45 lg:block y1z8v lg:end-auto k4112 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="h1r77 tbd2k"> <div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 fp3m4"> <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);] gv795 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);] fp3m4"></div> </div> </div> </div> <div class="lg:hidden absolute mjk73 -end-3 wzd7f"> <!-- Sidebar Close --> <button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr 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="e731n b9gop" 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="x5kyj vvwug flex flex-col jkwm1"> <div class="an00p i1iav grzaz space-y-5 dtief"> <!-- Content --> <div class="b2ubo mx-auto space-y-3"> <h1 class="ybpdg hggzv cnneu c9jt8 dark:text-neutral-200"> 404 </h1> <h2 class="a3jay sikx1 c9jt8 dark:text-neutral-200"> Page not found </h2> <p class="jy5gh dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="s53ws f2l40 inline-flex jkwm1 items-center n9hej w9dei owkrq rsdjd d0gzg kew0r xs2f2 glhrq sikx1 pb094 hj07t gpv41 qfc1d focus:outline-hidden trqpi p0wul dark:focus:ring-blue-500"> <svg class="e731n b9gop" 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 ou4zs"> <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="pxusf dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="qaks0 hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full fl36v ufjzp h587a hidden fixed rm8lf gihcw uxfxy aqyoh c1j8w lnk45 lg:block y1z8v lg:end-auto k4112 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="h1r77 tbd2k"> <div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 fp3m4"> <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);] gv795 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);] fp3m4"></div> </div> </div> </div> <div class="lg:hidden absolute mjk73 -end-3 wzd7f"> <!-- Sidebar Close --> <button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr 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="e731n b9gop" 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="x5kyj vvwug flex flex-col jkwm1"> <div class="an00p i1iav grzaz space-y-5 dtief"> <!-- Content --> <div class="b2ubo mx-auto space-y-3"> <h1 class="ybpdg hggzv cnneu c9jt8 dark:text-neutral-200"> 500 </h1> <h2 class="a3jay sikx1 c9jt8 dark:text-neutral-200"> Page not found </h2> <p class="jy5gh dark:text-neutral-500"> The server encountered an internal p3gk8 or misconfiguration and was unable to mjkhc your request. </p> <div> <button type="button" class="s53ws f2l40 inline-flex jkwm1 items-center n9hej w9dei owkrq rsdjd d0gzg kew0r xs2f2 glhrq sikx1 pb094 hj07t gpv41 qfc1d focus:outline-hidden trqpi p0wul 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.1"></script> </body> </html>
<body class="pxusf dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="qaks0 hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full fl36v ufjzp h587a hidden fixed rm8lf gihcw uxfxy aqyoh c1j8w lnk45 lg:block y1z8v lg:end-auto k4112 dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="h1r77 tbd2k"> <div class="relative h1r77 rsdjd pfxbf lnk45 er6t7 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 fp3m4"> <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);] gv795 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);] fp3m4"></div> </div> </div> </div> <div class="lg:hidden absolute mjk73 -end-3 wzd7f"> <!-- Sidebar Close --> <button type="button" class="vjub8 pte0q inline-flex jkwm1 items-center n9hej w4xo0 sikx1 m74u5 rsdjd lnk45 aqyoh jy5gh nzmya focus:outline-hidden r17tr 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="e731n b9gop" 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="x5kyj vvwug flex flex-col jkwm1"> <div class="an00p i1iav grzaz space-y-5 dtief"> <!-- Content --> <div class="b2ubo mx-auto space-y-3"> <h1 class="ybpdg hggzv cnneu c9jt8 dark:text-neutral-200"> 500 </h1> <h2 class="a3jay sikx1 c9jt8 dark:text-neutral-200"> Page not found </h2> <p class="jy5gh dark:text-neutral-500"> The server encountered an internal p3gk8 or misconfiguration and was unable to mjkhc your request. </p> <div> <button type="button" class="s53ws f2l40 inline-flex jkwm1 items-center n9hej w9dei owkrq rsdjd d0gzg kew0r xs2f2 glhrq sikx1 pb094 hj07t gpv41 qfc1d focus:outline-hidden trqpi p0wul 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