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 um8nq"> <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="lqta8 dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ravym hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full g0ipl jahre lrm8y hidden fixed h5ske uv2uj rm3rx oo8ro atiiv d77gl lg:block ykh3p lg:end-auto xskhj dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="qpmwn pi5e6"> <div class="relative qpmwn wfm4e ef3uy d77gl lile3 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 lpgt1"> <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);] y4nxg 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);] lpgt1"></div> </div> </div> </div> <div class="lg:hidden absolute wix12 -end-3 bo1ta"> <!-- Sidebar Close --> <button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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="hq6gx ibvs1" 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="ri2yo jc2wm flex flex-col r00n9"> <div class="n33uu ug9cv g0x8l space-y-5 lj7mp"> <!-- Content --> <div class="w7kls mx-auto space-y-3"> <img class="dark:hidden pvqa8 mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block pvqa8 mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center vrcxw jlmh5 apc69 oq0dt cm336 vo20k phxlm a08d0 qfecn lxm86 dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="hq6gx stqz8" 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="oqlim y2wul bp13m dark:text-neutral-200"> Improve performance with analytics </h1> <p class="t5ziw t6rrs dark:text-neutral-500"> Unlock the power of analytics to boost team performance, stay rjx3z top of your workload, and deliver exceptional customer service. </p> <div class="flex r00n9 items-center vmt4s"> <a class="i7oig apc69 inline-flex items-center lialp t5ziw y2wul ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 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 pgjbi t5ziw rwtxm ymclh pdar8 vo20k focus:outline-hidden np187 dark:text-blue-500"> Learn more <svg class="hq6gx ibvs1" 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="lqta8 dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ravym hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full g0ipl jahre lrm8y hidden fixed h5ske uv2uj rm3rx oo8ro atiiv d77gl lg:block ykh3p lg:end-auto xskhj dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="qpmwn pi5e6"> <div class="relative qpmwn wfm4e ef3uy d77gl lile3 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 lpgt1"> <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);] y4nxg 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);] lpgt1"></div> </div> </div> </div> <div class="lg:hidden absolute wix12 -end-3 bo1ta"> <!-- Sidebar Close --> <button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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="hq6gx ibvs1" 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="ri2yo jc2wm flex flex-col r00n9"> <div class="n33uu ug9cv g0x8l space-y-5 lj7mp"> <!-- Content --> <div class="w7kls mx-auto space-y-3"> <img class="dark:hidden pvqa8 mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts.svg" alt="Mockups"> <img class="hidden dark:block pvqa8 mx-auto" src="https://preline.co/assets/svg/pro/authentication-charts-dark.svg" alt="Mockups"> <span class="inline-flex items-center vrcxw jlmh5 apc69 oq0dt cm336 vo20k phxlm a08d0 qfecn lxm86 dark:from-blue-900 dark:to-violet-950 dark:text-blue-500"> <svg class="hq6gx stqz8" 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="oqlim y2wul bp13m dark:text-neutral-200"> Improve performance with analytics </h1> <p class="t5ziw t6rrs dark:text-neutral-500"> Unlock the power of analytics to boost team performance, stay rjx3z top of your workload, and deliver exceptional customer service. </p> <div class="flex r00n9 items-center vmt4s"> <a class="i7oig apc69 inline-flex items-center lialp t5ziw y2wul ps5iq wfm4e qb17b jqqot zr4l6 lmqf9 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 pgjbi t5ziw rwtxm ymclh pdar8 vo20k focus:outline-hidden np187 dark:text-blue-500"> Learn more <svg class="hq6gx ibvs1" 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 um8nq"> <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="lqta8 dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ravym hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full g0ipl jahre lrm8y hidden fixed h5ske uv2uj rm3rx oo8ro atiiv d77gl lg:block ykh3p lg:end-auto xskhj dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="qpmwn pi5e6"> <div class="relative qpmwn wfm4e ef3uy d77gl lile3 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 lpgt1"> <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);] y4nxg 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);] lpgt1"></div> </div> </div> </div> <div class="lg:hidden absolute wix12 -end-3 bo1ta"> <!-- Sidebar Close --> <button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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="hq6gx ibvs1" 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="ri2yo jc2wm flex flex-col r00n9"> <div class="n33uu ug9cv g0x8l space-y-5 lj7mp"> <!-- Content --> <div class="w7kls mx-auto space-y-3"> <h1 class="efsti so3sz y2wul bp13m dark:text-neutral-200"> 404 </h1> <h2 class="s27er vo20k bp13m dark:text-neutral-200"> Page not found </h2> <p class="t6rrs dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp qgy40 jqqot wfm4e f31lg zr4l6 cm336 psfwb vo20k ps5iq hx4gm acu59 lmqf9 focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500"> <svg class="hq6gx ibvs1" 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="lqta8 dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ravym hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full g0ipl jahre lrm8y hidden fixed h5ske uv2uj rm3rx oo8ro atiiv d77gl lg:block ykh3p lg:end-auto xskhj dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="qpmwn pi5e6"> <div class="relative qpmwn wfm4e ef3uy d77gl lile3 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 lpgt1"> <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);] y4nxg 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);] lpgt1"></div> </div> </div> </div> <div class="lg:hidden absolute wix12 -end-3 bo1ta"> <!-- Sidebar Close --> <button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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="hq6gx ibvs1" 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="ri2yo jc2wm flex flex-col r00n9"> <div class="n33uu ug9cv g0x8l space-y-5 lj7mp"> <!-- Content --> <div class="w7kls mx-auto space-y-3"> <h1 class="efsti so3sz y2wul bp13m dark:text-neutral-200"> 404 </h1> <h2 class="s27er vo20k bp13m dark:text-neutral-200"> Page not found </h2> <p class="t6rrs dark:text-neutral-500"> Sorry, the page you're looking for cannot be found. </p> <div> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp qgy40 jqqot wfm4e f31lg zr4l6 cm336 psfwb vo20k ps5iq hx4gm acu59 lmqf9 focus:outline-hidden cycnq t3nwl dark:focus:ring-blue-500"> <svg class="hq6gx ibvs1" 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 um8nq"> <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="lqta8 dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ravym hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full g0ipl jahre lrm8y hidden fixed h5ske uv2uj rm3rx oo8ro atiiv d77gl lg:block ykh3p lg:end-auto xskhj dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="qpmwn pi5e6"> <div class="relative qpmwn wfm4e ef3uy d77gl lile3 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 lpgt1"> <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);] y4nxg 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);] lpgt1"></div> </div> </div> </div> <div class="lg:hidden absolute wix12 -end-3 bo1ta"> <!-- Sidebar Close --> <button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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="hq6gx ibvs1" 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="ri2yo jc2wm flex flex-col r00n9"> <div class="n33uu ug9cv g0x8l space-y-5 lj7mp"> <!-- Content --> <div class="w7kls mx-auto space-y-3"> <h1 class="efsti so3sz y2wul bp13m dark:text-neutral-200"> 500 </h1> <h2 class="s27er vo20k bp13m dark:text-neutral-200"> Page not found </h2> <p class="t6rrs dark:text-neutral-500"> The server encountered an internal haxu8 or misconfiguration and was unable to bidq3 your request. </p> <div> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp qgy40 jqqot wfm4e f31lg zr4l6 cm336 psfwb vo20k ps5iq hx4gm acu59 lmqf9 focus:outline-hidden cycnq t3nwl 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="lqta8 dark:bg-neutral-950"> <!-- ========== MAIN SIDEBAR ========== --> <aside id="hs-pro-sidebar" class="ravym hs-overlay [--auto-close:lg] hs-overlay-open:translate-x-0 -translate-x-full g0ipl jahre lrm8y hidden fixed h5ske uv2uj rm3rx oo8ro atiiv d77gl lg:block ykh3p lg:end-auto xskhj dark:bg-neutral-800 dark:border-neutral-700" tabindex="-1" aria-label="Mini Sidebar"> <div class="qpmwn pi5e6"> <div class="relative qpmwn wfm4e ef3uy d77gl lile3 overflow-hidden dark:border-neutral-700"> <div class="absolute inset-0 lpgt1"> <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);] y4nxg 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);] lpgt1"></div> </div> </div> </div> <div class="lg:hidden absolute wix12 -end-3 bo1ta"> <!-- Sidebar Close --> <button type="button" class="nowuu v71il inline-flex r00n9 items-center lialp t5ziw vo20k umxjj wfm4e d77gl oo8ro t6rrs tdhmi focus:outline-hidden kf4z7 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="hq6gx ibvs1" 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="ri2yo jc2wm flex flex-col r00n9"> <div class="n33uu ug9cv g0x8l space-y-5 lj7mp"> <!-- Content --> <div class="w7kls mx-auto space-y-3"> <h1 class="efsti so3sz y2wul bp13m dark:text-neutral-200"> 500 </h1> <h2 class="s27er vo20k bp13m dark:text-neutral-200"> Page not found </h2> <p class="t6rrs dark:text-neutral-500"> The server encountered an internal haxu8 or misconfiguration and was unable to bidq3 your request. </p> <div> <button type="button" class="i7oig apc69 inline-flex r00n9 items-center lialp qgy40 jqqot wfm4e f31lg zr4l6 cm336 psfwb vo20k ps5iq hx4gm acu59 lmqf9 focus:outline-hidden cycnq t3nwl 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