PageSourceSearch

https://next-jampack-classic.vercel.app/apps/blog/posts

html next-jampack-classic.vercel.app collected 2026-10-03 07:22:41 UTC 62,421 bytes, 2 lines download raw bytes

1<!DOCTYPE html><!--kEKyiDRniUjJZaN5knSP7--><html lang="en" class="__variable_ef116d" data-bs-theme="dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/13971731025ec697-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/css/2ee3a7d78f8243e7.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b804ca877387b40b.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/b7fdab87d0899a6b.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/abf14096956eb119.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d47c9f8785270c6c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/e1c97bb3ff919556.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8d30448adb561572.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/53c27390eaecf58c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/ddc4615bbaf902aa.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/da22d8b8fe143fe8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1cbf0537b75138dc.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1cadb3275f0e99b3.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-ffb7c4dcd0404ee3.js"/>
1<script src="/_next/static/chunks/4bd1b696-100b9d70ed4e49c1.js" async=""></script>
1<script src="/_next/static/chunks/1255-c3eac4a11d392a0d.js" async=""></script>
1<script src="/_next/static/chunks/main-app-b7ac91ae224968d9.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-4370bf478a68b949.js" async=""></script>
1<script src="/_next/static/chunks/5239-c1739392dccd50f5.js" async=""></script>
1<script src="/_next/static/chunks/2619-2513e7c69c182d93.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-ab054f47cc506ac8.js" async=""></script>
1<script src="/_next/static/chunks/4591-a9d052c16b9cbe7a.js" async=""></script>
1<script src="/_next/static/chunks/4730-d36cb0d2429fed2a.js" async=""></script>
1<script src="/_next/static/chunks/278-9f6936cdc92c2402.js" async=""></script>
1<script src="/_next/static/chunks/8920-5ce221454e086eee.js" async=""></script>
1<script src="/_next/static/chunks/9265-098e68137b3502a8.js" async=""></script>
1<script src="/_next/static/chunks/2756-3a4977c83a51e991.js" async=""></script>
1<script src="/_next/static/chunks/365-9fc2cc7dff3b97d3.js" async=""></script>
1<script src="/_next/static/chunks/417-0afba3960901d844.js" async=""></script>
1<script src="/_next/static/chunks/9200-55036296461f441e.js" async=""></script>
1<script src="/_next/static/chunks/app/(apps%20layout)/layout-b920df6765521130.js" async=""></script>
1<script src="/_next/static/chunks/5043-3a9aeaefefe51e7c.js" async=""></script>
1<script src="/_next/static/chunks/5668-fdfea786cd6d9b4d.js" async=""></script>
1<script src="/_next/static/chunks/7072-73b827de7726f6e2.js" async=""></script>
1<script src="/_next/static/chunks/7395-31894abcb6478254.js" async=""></script>
1<script src="/_next/static/chunks/5017-a1242738324102fd.js" async=""></script>
1<script src="/_next/static/chunks/4860-2ffe8ad93719a969.js" async=""></script>
1<script src="/_next/static/chunks/2319-a6e9b082873d8ee7.js" async=""></script>
1<script src="/_next/static/chunks/app/(apps%20layout)/apps/blog/posts/page-81d89ac53020d616.js" async=""></script>
1<script src="/_next/static/chunks/app/(auth%20layout)/loading-d244f9a1d07a250b.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Jampack | A Robust SaaS App Template Built on Next.js</title><meta name="description" content="NextJs based admin dashboard template by hencework"/><meta name="keywords" content="NextJs,React NextJs,Next.js,React template,react admin,react node,react bootstrap,responsive web application,react webapp,multi app demos"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><div hidden=""><!--$--><!--/$--></div><div class="hk-wrapper" data-layout="vertical" data-navbar-style="" data-layout-style="default" data-hover="" data-menu="light" data-footer="simple"><nav class="hk-navbar navbar-light fixed-top navbar navbar-expand-xl navbar-light"><div class="container-fluid"><div class="nav-start-wrap"><button type="button" class="btn-icon btn-rounded flush-soft-hover navbar-toggle d-xl-none btn btn-flush-dark"><span class="icon"><span class="feather-icon"><svg 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"><line x1="17" y1="10" x2="3" y2="10"></line><line x1="21" y1="6" x2="3" y2="6"></line><line x1="21" y1="14" x2="3" y2="14"></line><line x1="17" y1="18" x2="3" y2="18"></line></svg></span></span></button><form class="navbar-search dropdown"><div class="no-caret bg-transparent dropdown-toggle" id="react-aria-_R_35ivb_" aria-expanded="false"><button type="button" class="btn-icon btn-rounded flush-soft-hover  d-xl-none btn btn-flush-dark"><span class="icon"><span class="feather-icon"><svg 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"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></span></span></button><div class="d-xl-flex d-none input-group"><span class="input-affix-wrapper input-search affix-border"><input data-navbar-search-close="false" placeholder="Search..." aria-label="Search" type="text" class="bg-transparent form-control" value=""/><span class="input-suffix"><span>/</span><span class="btn-input-clear"><i class="bi bi-x-circle-fill"></i></span><span class="spinner-border spinner-border-sm input-loader text-primary" role="status"><span class="sr-only">Loading...</span></span></span></span></div></div></form></div><div class="nav-end-wrap"><div class="navbar-nav flex-row navbar-nav"><div class="ms-2 nav-item"><button type="button" class="btn-icon btn-rounded flush-soft-hover btn btn-flush-dark"><span class="icon"><span class=" position-relative"><span class="feather-icon"><svg 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="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></span></span></span></button></div><div class="nav-item"><a role="button" tabindex="0" class="btn-icon btn-rounded flush-soft-hover btn btn-flush-dark" href="/apps/email"><span class="icon"><span class=" position-relative"><span class="feather-icon"><svg 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="22 12 16 12 14 15 10 15 8 12 2 12"></polyline><path d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path></svg></span><span class="position-top-end-overflow-1 badge-sm badge-soft-primary badge rounded-pill bg-bg-primary-light-5">4</span></span></span></a></div><div class="nav-item"><div class="dropdown-notifications dropdown"><button type="button" id="react-aria-_R_5pivb_" aria-expanded="false" class="btn-icon btn-rounded flush-soft-hover no-caret dropdown-toggle btn btn-flush-dark"><span class="icon"><span class="position-relative"><span class="feather-icon"><svg 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="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg></span><span class="position-top-end-overflow-1 badge-indicator badge bg-success"></span></span></span></button></div></div><div class="nav-item"><div class="ps-2 dropdown"><a class="no-caret dropdown-toggle" id="react-aria-_R_69ivb_" aria-expanded="false" href="#"><div class="avatar avatar-rounded avatar-xs"><img alt="user" loading="lazy" width="180" height="180" decoding="async" data-nimg="1" class="avatar-img" style="color:transparent" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Favatar12.8091ab08.jpg&amp;w=256&amp;q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Favatar12.8091ab08.jpg&amp;w=384&amp;q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Favatar12.8091ab08.jpg&amp;w=384&amp;q=75"/></div></a></div></div></div></div></div></nav><div class="hk-menu"><div class="menu-header"><span><a class="navbar-brand" href="/"><img alt="brand" loading="lazy" width="32" height="32" decoding="async" data-nimg="1" class="brand-img img-fluid" style="color:transparent" src="/_next/static/media/brand-sm.a260c5d0.svg"/><img alt="brand" loading="lazy" width="112" height="26" decoding="async" data-nimg="1" class="brand-img img-fluid logo-light" style="color:transparent" src="/_next/static/media/Jampack.426eaea6.svg"/></a><button type="button" class="btn-icon btn-rounded flush-soft-hover navbar-toggle btn btn-flush-dark"><span class="icon"><span class="svg-icon fs-5"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-bar-to-left" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="10" y1="12" x2="20" y2="12"></line><line x1="10" y1="12" x2="14" y2="16"></line><line x1="10" y1="12" x2="14" y2="8"></line><line x1="4" y1="4" x2="4" y2="20"></line></svg></span></span></button></span></div><div data-simplebar="init" class="nicescroll-bar"><div class="simplebar-wrapper"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content"><div class="simplebar-content"><div class="menu-content-wrap"><div class="menu-group"><div class="flex-column navbar-nav"><div class="nav-item"><a class="nav-link" href="/dashboard"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-template" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><rect x="4" y="4" width="16" height="4" rx="1"></rect><rect x="4" y="12" width="6" height="8" rx="1"></rect><line x1="14" y1="12" x2="20" y2="12"></line><line x1="14" y1="16" x2="20" y2="16"></line><line x1="14" y1="20" x2="20" y2="20"></line></svg></span></span><span class="nav-link-text">Dashboard</span><span class="ms-auto badge-sm badge-soft-pink badge bg-bg-pink-light-5">hot</span></a></div></div></div><div class="menu-gap"></div><div class="menu-group"><div class="nav-header"><span>Apps</span></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_chat" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-message-dots" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"></path><line x1="12" y1="11" x2="12" y2="11.01"></line><line x1="8" y1="11" x2="8" y2="11.01"></line>
1<line x1="16" y1="11" x2="16" y2="11.01"></line></svg></span></span><span class="nav-link-text">Chat</span></a><ul id="dash_chat" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/chat/chats"><span class="nav-link-text">Chats</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/chat/groups"><span class="nav-link-text">Groups</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/chat/contact"><span class="nav-link-text">Contacts</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_chatpop" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-message-circle" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 20l1.3 -3.9a9 8 0 1 1 3.4 2.9l-4.7 1"></path><line x1="12" y1="12" x2="12" y2="12.01"></line><line x1="8" y1="12" x2="8" y2="12.01"></line><line x1="16" y1="12" x2="16" y2="12.01"></line></svg></span></span><span class="nav-link-text">Chat Popup</span></a><ul id="dash_chatpop" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/chat-popup/direct-message"><span class="nav-link-text">Direct Message</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/chat-popup/chat-bot"><span class="nav-link-text">Chatbot</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a class="nav-link" href="/apps/calendar"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar-time" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M11.795 21h-6.795a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v4"></path><circle cx="18" cy="18" r="4"></circle><path d="M15 3v4"></path><path d="M7 3v4"></path><path d="M3 11h16"></path><path d="M18 16.496v1.504l1 1"></path></svg></span></span><span class="nav-link-text">Calendar</span></a></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a class="nav-link" href="/apps/email"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-inbox" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><rect x="4" y="4" width="16" height="16" rx="2"></rect><path d="M4 13h3l3 3h4l3 -3h3"></path></svg></span></span><span class="nav-link-text">Email</span></a></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_scrumboard" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap position-relative"><span class="position-top-end-overflow badge-sm badge rounded-pill bg-primary">3</span><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout-kanban" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="4" x2="10" y2="4"></line><line x1="14" y1="4" x2="20" y2="4"></line><rect x="4" y="8" width="6" height="12" rx="2"></rect><rect x="14" y="8" width="6" height="6" rx="2"></rect></svg></span></span><span class="nav-link-text">Scrumboard</span></a><ul id="dash_scrumboard" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/scrumboard/project-board"><span class="nav-link-text">All Boards</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/scrumboard/kanban-board"><span class="nav-link-text">Project Kanban</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/scrumboard/pipeline"><span class="nav-link-text">Pipeline Kanban</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_contact" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-notebook" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M6 4h11a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-11a1 1 0 0 1 -1 -1v-14a1 1 0 0 1 1 -1m3 0v18"></path><line x1="13" y1="8" x2="15" y2="8"></line><line x1="13" y1="12" x2="15" y2="12"></line></svg></span></span><span class="nav-link-text">Contact</span></a><ul id="dash_contact" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/contact/contact-list"><span class="nav-link-text">Contact List</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/contact/contact-cards"><span class="nav-link-text">Contact Cards</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/contact/edit-contact"><span class="nav-link-text">Edit Contact</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_file" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-check" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M9 15l2 2l4 -4"></path></svg></span></span><span class="nav-link-text">File Manager</span></a><ul id="dash_file" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/file-manager/list-view"><span class="nav-link-text">List View</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/file-manager/grid-view"><span class="nav-link-text">Grid View</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a class="nav-link" href="/apps/gallery"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-photo" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="15" y1="8" x2="15.01" y2="8"></line><rect x="4" y="4" width="16" height="16" rx="3"></rect><path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5"></path><path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2"></path></svg></span></span><span class="nav-link-text">Gallery</span></a></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_task" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-list-details" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M13 5h8"></path><path d="M13 9h5"></path><path d="M13 15h8"></path><path d="M13 19h5"></path><rect x="3" y="4" width="6" height="6" rx="1"></rect><rect x="3" y="14" width="6" height="6" rx="1"></rect></svg></span></span><span class="nav-link-text">Todo</span><span class="ms-2 badge-soft-success badge bg-bg-success-light-5">2</span></a><ul id="dash_task" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/todo/task-list"><span class="nav-link-text">Tasklist</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/todo/gantt"><span class="nav-link-text">Gantt</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="active nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_blog" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-browser" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><rect x="4" y="4" width="16" height="16" rx="1"></rect><line x1="4" y1="8" x2="20" y2="8"></line><line x1="8" y1="4" x2="8" y2="8"></line></svg></span></span><span class="nav-link-text">Blog</span></a><ul id="dash_blog" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link active" href="/apps/blog/posts"><span class="nav-link-text">Posts</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/blog/add-new-post"><span class="nav-link-text">Add New Post</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/blog/post-detail"><span class="nav-link-text">Post Detail</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_invoice" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-digit" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><rect x="9" y="12" width="3" height="5" rx="1"></rect><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path><path d="M15 12v5"></path></svg></span></span><span class="nav-link-text">Invoices</span></a><ul id="dash_invoice" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/invoices/invoice-list"><span class="nav-link-text">Invoice List</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/invoices/invoice-templates"><span class="nav-link-text">Invoice Templates</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/invoices/create-invoice"><span class="nav-link-text">Create Invoice</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/invoices/invoice-preview"><span class="nav-link-text">Invoice Preview</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_integ" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-code" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="7 8 3 12 7 16"></polyline><polyline points="17 8 21 12 17 16"></polyline><line x1="14" y1="4" x2="10" y2="20"></line></svg></span></span><span class="nav-link-text">Integrations</span></a><ul id="dash_integ" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/apps/integrations/all-apps"><span class="nav-link-text">All Apps</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/integrations/app-detail"><span class="nav-link-text">App Detail</span></a></li><li class="nav-item"><a class="nav-link" href="/apps/integrations/integration"><span class="nav-link-text">Integrations</span></a></li></ul></li></ul></div></div></div><div class="menu-gap"></div><div class="menu-group"><div class="nav-header"><span>Pages</span></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_pages" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user-plus" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="9" cy="7" r="4"></circle><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path><path d="M16 11h6m-3 -3v6"></path></svg></span></span><span class="nav-link-text">Authentication</span></a><ul id="dash_pages" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_log" aria-expanded="false" data-rr-ui-event-key="/auth/login/" class="nav-link nav-link" href="/auth/login"><span class="nav-link-text">Log In</span></a><ul id="dash_log" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/auth/login"><span class="nav-link-text">Login</span></a></li></ul></li></ul><ul id="dash_log" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/auth/login/simple"><span class="nav-link-text">Login Simple</span></a></li></ul></li></ul><ul id="dash_log" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/auth/login/classic"><span class="nav-link-text">Login Classic</span></a></li></ul></li></ul></li><li class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_sign" aria-expanded="false" data-rr-ui-event-key="/auth/signup/" class="nav-link nav-link" href="/auth/signup"><span class="nav-link-text">Sign Up</span></a><ul id="dash_sign" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/auth/signup"><span class="nav-link-text">Signup</span></a></li></ul></li></ul><ul id="dash_sign" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/auth/signup/simple"><span class="nav-link-text">Signup Simple</span></a></li></ul></li></ul><ul id="dash_sign" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/auth/signup/classic"><span class="nav-link-text">Signup Classic</span></a></li></ul></li></ul></li><li class="nav-item"><a class="nav-link" href="/auth/lock-screen"><span class="nav-link-text">Lock Screen</span></a></li><li class="nav-item"><a class="nav-link" href="/auth/reset-password"><span class="nav-link-text">Reset Password</span></a></li><li class="nav-item"><a class="nav-link" href="/error-404"><span class="nav-link-text">Error 404</span></a></li><li class="nav-item"><a class="nav-link" href="/e
1rror-503"><span class="nav-link-text">Error 503</span></a></li></ul></li></ul></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a data-bs-toggle="collapse" data-bs-target="#dash_profile" aria-expanded="false" role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-user-search" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="12" cy="7" r="4"></circle><path d="M6 21v-2a4 4 0 0 1 4 -4h1"></path><circle cx="16.5" cy="17.5" r="2.5"></circle><path d="M18.5 19.5l2.5 2.5"></path></svg></span></span><span class="nav-link-text position-relative">Profile<span class="position-absolute top-0 start-100 badge-indicator badge bg-danger"></span></span></a><ul id="dash_profile" class="nav flex-column nav-children collapse"><li class="nav-item"><ul class="nav flex-column"><li class="nav-item"><a class="nav-link" href="/profile"><span class="nav-link-text">Profile</span></a></li><li class="nav-item"><a class="nav-link" href="/profile/edit-profile"><span class="nav-link-text">Edit Profile</span></a></li><li class="nav-item"><a class="nav-link" href="/profile/account"><span class="nav-link-text">Account</span></a></li></ul></li></ul></div></div></div><div class="menu-gap"></div><div class="menu-group"><div class="nav-header"><span>Documentation</span></div><div class="flex-column navbar-nav"><div class="nav-item"><a class="nav-link" href="https://jampack-doc.hencework.com/documentation" target="_blank"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-code-2" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M10 12h-1v5h1"></path><path d="M14 12h1v5h-1"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg></span></span><span class="nav-link-text">Documentation</span></a></div></div><div class="flex-column navbar-nav"><div class="nav-item"><a class="nav-link" href="https://jampack-doc.hencework.com/avatar" target="_blank"><span class="nav-icon-wrap"><span class="svg-icon"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-layout" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><rect x="4" y="4" width="6" height="5" rx="2"></rect><rect x="4" y="13" width="6" height="7" rx="2"></rect><rect x="14" y="4" width="6" height="16" rx="2"></rect></svg></span></span><span class="nav-link-text">Components</span></a></div></div></div><div class="menu-gap"></div><div class="callout card-flush  text-center w-220p mx-auto card bg-orange-light-5"><div class="card-body"><h5 class="h5">Quickly Build Applications</h5><p class="p-sm card-text">Exclusively for webapps Based on Bootstrap</p><a role="button" tabindex="0" href="https://jampack.hencework.com/documentation/introduction?ref=https://next-jampack-classic.vercel.app/" rel="https://next-jampack-classic.vercel.app/" class="btn-block btn btn-primary">Go Jampack Doc</a></div></div></div></div></div></div></div><div class="simplebar-placeholder"></div></div><div class="simplebar-track simplebar-horizontal"><div class="simplebar-scrollbar"></div></div><div class="simplebar-track simplebar-vertical"><div class="simplebar-scrollbar"></div></div></div></div><div class="hk-menu-backdrop"></div><div class="hk-pg-wrapper pb-0"> <!--$?--><template id="B:0"></template><div class="hk-loading-wrap"><div class="loading-container"><div class="loading-bar" style="width:0%"></div></div></div><!--/$--></div></div>
1<script>requestAnimationFrame(function(){$RT=performance.now()});</script>
1<script src="/_next/static/chunks/webpack-ffb7c4dcd0404ee3.js" id="_R_" async=""></script>
1<div hidden id="S:0"><div class="hk-pg-body py-0"><div class="blogapp-wrap"><nav class="blogapp-sidebar"><div data-simplebar="init" class="nicescroll-bar"><div class="simplebar-wrapper"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content"><div class="simplebar-content"><div class="menu-content-wrap"><a class="btn btn-primary btn-rounded btn-block mb-4" href="add-new-post">Create Post</a><div class="menu-group"><ul class="nav-light navbar-nav flex-column nav"><li class="nav-item"><a role="button" data-rr-ui-event-key="post" class="nav-link active" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg></span></span><span class="nav-link-text">Posts</span></a></li><li class="nav-item"><a role="button" data-rr-ui-event-key="published" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg></span></span><span class="nav-link-text">Published</span></a></li><li class="nav-item"><a role="button" data-rr-ui-event-key="archived" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg></span></span><span class="nav-link-text">Archived</span></a></li><li class="nav-item"><a role="button" data-rr-ui-event-key="draft" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path></svg></span></span><span class="nav-link-text">Draft</span></a></li><li class="nav-item"><a role="button" data-rr-ui-event-key="deleted" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" y1="11" x2="10" y2="17"></line><line x1="14" y1="11" x2="14" y2="17"></line></svg></span></span><span class="nav-link-text">Deleted</span></a></li></ul></div><div class="menu-gap"></div><div class="nav-header"><span>Manage</span></div><div class="menu-group"><ul class="nav-light navbar-nav flex-column nav"><li class="nav-item"><a role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z"></path><line x1="4" y1="22" x2="4" y2="15"></line></svg></span></span><span class="nav-link-text">Manage Post</span></a></li><li class="nav-item"><a role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg></span></span><span class="nav-link-text">Manage Categories</span></a></li><li class="nav-item"><a role="button" class="nav-link" tabindex="0" href="#"><span class="nav-icon-wrap"><span class="feather-icon"><svg 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="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path><line x1="7" y1="7" x2="7.01" y2="7"></line></svg></span></span><span class="nav-link-text">Manage Tags</span></a></li></ul></div><div class="separator separator-light"></div><div class="d-flex align-items-center justify-content-between mb-2"><div class="title-sm text-primary mb-0">Categories</div><button type="button" class="btn-icon btn-rounded btn btn-light btn-xs"><span class="icon"><span class="feather-icon"><svg 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"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></span></button></div><div class="menu-group"><ul class="nav-light navbar-nav flex-column nav"><li class="nav-item"><a role="button" class="link-badge-right nav-link" tabindex="0" href="#"><span class="nav-link-text">Design</span><span class="ms-auto badge-sm badge-soft-primary badge rounded-pill bg-bg-primary-light-5">136</span></a></li><li class="nav-item"><a role="button" class="link-badge-right nav-link" tabindex="0" href="#"><span class="nav-link-text">Development</span><span class="ms-auto badge-sm badge-soft-primary badge rounded-pill bg-bg-primary-light-5">2</span></a></li><li class="nav-item"><a role="button" class="link-badge-right nav-link" tabindex="0" href="#"><span class="nav-link-text">User Interface</span><span class="ms-auto badge-sm badge-soft-primary badge rounded-pill bg-bg-primary-light-5">86</span></a></li><li class="nav-item"><a role="button" class="link-badge-right nav-link" tabindex="0" href="#"><span class="nav-link-text">Business</span><span class="ms-auto badge-sm badge-soft-primary badge rounded-pill bg-bg-primary-light-5">34</span></a></li></ul></div><div class="separator separator-light"></div><div class="d-flex align-items-center justify-content-between mb-4"><div class="title-sm text-primary mb-0">Tags</div><button type="button" class="btn-icon btn-rounded btn btn-light btn-xs"><span class="icon"><span class="feather-icon"><svg 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"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg></span></span></button></div><div class="menu-group"><div class="tag-cloud"><a class="badge badge-outline badge-light" href="#">Collaboration</a><a class="badge badge-outline badge-light" href="#">React Developer</a><a class="badge badge-outline badge-light" href="#">Angular Developer</a><a class="badge badge-outline badge-light" href="#">promotion</a><a class="badge badge-outline badge-light" href="#">Advertisement</a></div></div></div></div></div></div></div><div class="simplebar-placeholder"></div></div><div class="simplebar-track simplebar-horizontal"><div class="simplebar-scrollbar"></div></div><div class="simplebar-track simplebar-vertical"><div class="simplebar-scrollbar"></div></div></div><div class="blogapp-fixednav"><div class="hk-toolbar"><ul class="nav-light nav"><div class="nav-link nav-item"><button type="button" class="btn-icon btn-rounded flush-soft-hover btn btn-flush-dark"><span class="icon"><span class="feather-icon"><svg 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"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 
10 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg></span></span></button></div><div class="nav-link nav-item"><button type="button" class="btn-icon btn-rounded flush-soft-hover btn btn-flush-dark"><span class="icon"><span class="feather-icon"><svg 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="21 8 21 21 3 21 3 8"></polyline><rect x="1" y="3" width="22" height="5"></rect><line x1="10" y1="12" x2="14" y2="12"></line></svg></span></span></button></div><div class="nav-link nav-item"><button type="button" class="btn-icon btn-rounded flush-soft-hover btn btn-flush-dark"><span class="icon"><span class="feather-icon"><svg 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 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg></span></span></button></div></ul></div></div></nav><div class="blogapp-content"><div class="blogapp-detail-wrap"><header class="blog-header"><div class="d-flex align-items-center"><a class="blogapp-title link-dark" href="#"><h1>Posts</h1></a></div><div class="blog-options-wrap"><a class="dropdown"><button type="button" id="react-aria-_R_1b6av5ubsnrivb_" aria-expanded="false" class="d-sm-inline-block d-none dropdown-toggle btn btn-outline-light">Manage</button></a><a role="button" tabindex="0" href="#" class="btn-icon btn-rounded flush-soft-hover no-caret flex-shrink-0 d-lg-inline-block d-none btn btn-flush-dark"><span class="icon"><span class="feather-icon"><svg 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="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg></span></span></a><div class="v-separator  d-lg-inline-block d-none"></div><div class="dropdown"><a class="btn btn-icon btn-flush-dark btn-rounded flush-soft-hover no-caret flex-shrink-0  ms-0 dropdown-toggle" id="react-aria-_R_d6av5ubsnrivb_" aria-expanded="false"><span class="icon"><span class="feather-icon"><svg 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"><circle cx="12" cy="12" r="1"></circle><circle cx="12" cy="5" r="1"></circle><circle cx="12" cy="19" r="1"></circle></svg></span></span></a></div><a role="button" tabindex="0" href="#" class="btn-icon btn-rounded flush-soft-hover hk-navbar-togglable d-sm-inline-block d-none btn btn-flush-dark"><span class="icon"><span class="feather-icon"><svg 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="18 15 12 9 6 15"></polyline></svg></span></span></a></div><div class="hk-sidebar-togglable"></div></header><div class="blog-body"><div data-simplebar="init" class="nicescroll-bar"><div class="simplebar-wrapper"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content"><div class="simplebar-content"><div class="post-list"><div class="nav-line nav-icon nav-light nav nav-tabs" role="tablist"><div class="nav-item"><a role="tab" data-rr-ui-event-key="allPost" id="react-aria-_R_4qav5ubsnrivb_-tab-allPost" aria-controls="react-aria-_R_4qav5ubsnrivb_-tabpane-allPost" aria-selected="true" class="nav-link active" tabindex="0" href="#"><div class="d-flex align-items-center"><span class="nav-link-text">All Posts</span><span class="badge badge-pill badge-sm badge-soft-secondary ms-1">10</span></div></a></div><div class="nav-item"><a role="tab" id="react-aria-_R_4qav5ubsnrivb_-tab-null" aria-controls="react-aria-_R_4qav5ubsnrivb_-tabpane-null" tabindex="-1" class="nav-link" href="#"><div class="d-flex align-items-center"><span class="nav-link-text">Published</span><span class="badge badge-pill badge-sm badge-soft-secondary ms-1">6</span></div></a></div><div class="nav-item"><a role="tab" id="react-aria-_R_4qav5ubsnrivb_-tab-null" aria-controls="react-aria-_R_4qav5ubsnrivb_-tabpane-null" tabindex="-1" class="nav-link" href="#"><div class="d-flex align-items-center"><span class="nav-link-text">Trash</span><span class="badge badge-pill badge-sm badge-soft-secondary ms-1">
14</span></div></a></div></div><div class="tab-content"><div role="tabpanel" id="react-aria-_R_4qav5ubsnrivb_-tabpane-allPost" aria-labelledby="react-aria-_R_4qav5ubsnrivb_-tab-allPost" class="fade tab-pane active show"><div class="mb-3 row"><div mb="3" class="col-7"><div class="blog-toolbar-left"><div class="d-xxl-flex d-none align-items-center mb-0"><select class="w-120p form-select form-select-sm"><option value="1">Bulk actions</option><option value="2">Edit</option><option value="3">Move to trash</option></select><button type="button" class="ms-2 btn btn-light btn-sm">Apply</button></div><div class="d-xxl-flex d-none align-items-center mb-0"><label class="flex-shrink-0 mb-0 me-2">Sort by:</label><select class="w-130p form-select form-select-sm"><option value="1">Date Created</option><option value="2">Date Edited</option><option value="3">Frequent Contacts</option><option value="4">Recently Added</option></select></div><select class="d-flex align-items-center w-130p form-select form-select-sm"><option value="1">Export to CSV</option><option value="2">Export to PDF</option><option value="3">Send Message</option><option value="4">Delegate Access</option></select></div></div><div mb="3" class="col-5"><div class="blog-toolbar-right"><div class="dataTables_filter"><label><input placeholder="Search" type="search" class="form-control form-control-sm" value=""/></label></div><div class="dataTables_paginate paging_simple_numbers" id="datable_1_paginate"><ul class="pagination custom-pagination pagination-simple m-0"><li class="paginate_button page-item previous" id="datable_1_previous"><a href="#" class="page-link"><i class="ri-arrow-left-s-line"></i></a></li><li class="paginate_button page-item next" id="datable_1_next"><a href="#" class="page-link"><i class="ri-arrow-right-s-line"></i></a></li></ul></div></div></div></div><div class="mb-3"><div class="row"></div></div><div class="table-responsive"><table id="hK_table" class="hk-data-table nowrap w-100 mb-5 table"><thead><tr><th><div class="fs-6 mb-0"><input type="checkbox" class="form-check-input"/></div></th><th class=""><span class="d-flex"><span class="flex-grow-1">ID</span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">Title</span><span><span><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrows-sort" width="14" height="14" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M3 9l4 -4l4 4m-4 -4v14"></path><path d="M21 15l-4 4l-4 -4m4 4v-14"></path></svg> </span></span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">Author</span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">Categories</span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">Tags</span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">Status</span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">Date</span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">SEO</span></span></th><th class=""><span class="d-flex"><span class="flex-grow-1">Actions</span></span></th></tr></thead><tbody></tbody></table></div><div class="row"><div class="col">0<!-- --> of <!-- -->10</div><div class="col"><ul class="custom-pagination pagination-simple d-flex justify-content-end pagination"><li class="page-item disabled"><span class="page-link"><span aria-hidden="true"><i class="ri-arrow-left-s-line"></i></span><span class="visually-hidden">Previous</span></span></li><li class="page-item active"><span class="page-link">1<span class="visually-hidden">(current)</span></span></li><li class="page-item"><a class="page-link" role="button" tabindex="0" href="#"><span aria-hidden="true"><i class="ri-arrow-right-s-line"></i></span><span class="visually-hidden">Next</span></a></li></ul></div></div></div></div></div></div></div></div></div><div class="simplebar-placeholder"></div></div><div class="simplebar-track simplebar-horizontal"><div class="simplebar-scrollbar"></div></div><div class="simplebar-track simplebar-vertical"><div class="simplebar-scrollbar"></div></div></div></div></div></div></div></div><!--$--><!--/$--></div>
1<script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
2$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script>
2<script>(self.__next_f=self.__next_f||[]).push([0])</script>
2<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[71702,[\"7177\",\"static/chunks/app/layout-4370bf478a68b949.js\"],\"ThemeProvider\"]\n3:I[85592,[\"7177\",\"static/chunks/app/layout-4370bf478a68b949.js\"],\"GlobalStateProvider\"]\n4:I[9766,[],\"\"]\n5:I[98924,[],\"\"]\n6:I[72988,[\"5239\",\"static/chunks/5239-c1739392dccd50f5.js\",\"2619\",\"static/chunks/2619-2513e7c69c182d93.js\",\"4345\",\"static/chunks/app/not-found-ab054f47cc506ac8.js\"],\"default\"]\n7:I[17989,[],\"ClientSegmentRoot\"]\n8:I[88112,[\"4591\",\"static/chunks/4591-a9d052c16b9cbe7a.js\",\"5239\",\"static/chunks/5239-c1739392dccd50f5.js\",\"4730\",\"static/chunks/4730-d36cb0d2429fed2a.js\",\"278\",\"static/chunks/278-9f6936cdc92c2402.js\",\"2619\",\"static/chunks/2619-2513e7c69c182d93.js\",\"8920\",\"static/chunks/8920-5ce221454e086eee.js\",\"9265\",\"static/chunks/9265-098e68137b3502a8.js\",\"2756\",\"static/chunks/2756-3a4977c83a51e991.js\",\"365\",\"static/chunks/365-9fc2cc7dff3b97d3.js\",\"417\",\"static/chunks/417-0afba3960901d844.js\",\"9200\",\"static/chunks/9200-55036296461f441e.js\",\"9887\",\"static/chunks/app/(apps%20layout)/layout-b920df6765521130.js\"],\"default\"]\na:I[81959,[],\"ClientPageRoot\"]\n"])</script>
2<script>self.__next_f.push([1,"b:I[19309,[\"4591\",\"static/chunks/4591-a9d052c16b9cbe7a.js\",\"5239\",\"static/chunks/5239-c1739392dccd50f5.js\",\"4730\",\"static/chunks/4730-d36cb0d2429fed2a.js\",\"278\",\"static/chunks/278-9f6936cdc92c2402.js\",\"2619\",\"static/chunks/2619-2513e7c69c182d93.js\",\"8920\",\"static/chunks/8920-5ce221454e086eee.js\",\"9265\",\"static/chunks/9265-098e68137b3502a8.js\",\"2756\",\"static/chunks/2756-3a4977c83a51e991.js\",\"5043\",\"static/chunks/5043-3a9aeaefefe51e7c.js\",\"365\",\"static/chunks/365-9fc2cc7dff3b97d3.js\",\"5668\",\"static/chunks/5668-fdfea786cd6d9b4d.js\",\"7072\",\"static/chunks/7072-73b827de7726f6e2.js\",\"7395\",\"static/chunks/7395-31894abcb6478254.js\",\"5017\",\"static/chunks/5017-a1242738324102fd.js\",\"4860\",\"static/chunks/4860-2ffe8ad93719a969.js\",\"2319\",\"static/chunks/2319-a6e9b082873d8ee7.js\",\"1318\",\"static/chunks/app/(apps%20layout)/apps/blog/posts/page-81d89ac53020d616.js\"],\"default\"]\n"])</script>
2<script>self.__next_f.push([1,"e:I[24431,[],\"OutletBoundary\"]\n10:I[15278,[],\"AsyncMetadataOutlet\"]\n12:I[90669,[\"9393\",\"static/chunks/app/(auth%20layout)/loading-d244f9a1d07a250b.js\"],\"default\"]\n13:I[24431,[],\"ViewportBoundary\"]\n15:I[24431,[],\"MetadataBoundary\"]\n16:\"$Sreact.suspense\"\n18:I[57150,[],\"\"]\n:HL[\"/_next/static/media/13971731025ec697-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/2ee3a7d78f8243e7.css\",\"style\"]\n:HL[\"/_next/static/css/b804ca877387b40b.css\",\"style\"]\n:HL[\"/_next/static/css/b7fdab87d0899a6b.css\",\"style\"]\n:HL[\"/_next/static/css/abf14096956eb119.css\",\"style\"]\n:HL[\"/_next/static/css/d47c9f8785270c6c.css\",\"style\"]\n:HL[\"/_next/static/css/e1c97bb3ff919556.css\",\"style\"]\n:HL[\"/_next/static/css/8d30448adb561572.css\",\"style\"]\n:HL[\"/_next/static/css/53c27390eaecf58c.css\",\"style\"]\n:HL[\"/_next/static/css/ddc4615bbaf902aa.css\",\"style\"]\n:HL[\"/_next/static/css/da22d8b8fe143fe8.css\",\"style\"]\n:HL[\"/_next/static/css/1cbf0537b75138dc.css\",\"style\"]\n:HL[\"/_next/static/css/1cadb3275f0e99b3.css\",\"style\"]\n"])</script>
2<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"kEKyiDRniUjJZaN5knSP7\",\"p\":\"\",\"c\":[\"\",\"apps\",\"blog\",\"posts\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(apps layout)\",{\"children\":[\"apps\",{\"children\":[\"blog\",{\"children\":[\"posts\",{\"children\":[\"__PAGE__\",{}]}]}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2ee3a7d78f8243e7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b804ca877387b40b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/b7fdab87d0899a6b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/abf14096956eb119.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d47c9f8785270c6c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/e1c97bb3ff919556.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8d30448adb561572.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"7\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/53c27390eaecf58c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"8\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/ddc4615bbaf902aa.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"9\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/da22d8b8fe143fe8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"10\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1cbf0537b75138dc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"11\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1cadb3275f0e99b3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_ef116d\",\"data-bs-theme\":\"dark\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$\",\"$L2\",null,{\"children\":[\"$\",\"$L3\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"$L6\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]}]]}],{\"children\":[\"(apps layout)\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L7\",null,{\"Component\":\"$8\",\"slots\":{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]},\"params\":{},\"promise\":\"$@9\"}]]}],{\"children\":[\"apps\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"posts\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$La\",null,{\"Component\":\"$b\",\"searchParams\":{},\"params\":\"$0:f:0:1:2:children:1:props:children:1:props:params\",\"promises\":[\"$@c\",\"$@d\"]}],null,[\"$\",\"$Le\",null,{\"children\":[\"$Lf\",[\"$\",\"$L10\",null,{\"promise\":\"$@11\"}]]}]]}],{}
2,null,false]},null,false]},null,false]},null,false]},[[\"$\",\"$L12\",\"l\",{}],[],[]],false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L13\",null,{\"children\":\"$L14\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L15\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$16\",null,{\"fallback\":null,\"children\":\"$L17\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$18\",[]],\"s\":false,\"S\":true}\n"])</script>
2<script>self.__next_f.push([1,"9:\"$0:f:0:1:2:children:1:props:children:1:props:params\"\nc:{}\nd:\"$0:f:0:1:2:children:1:props:children:1:props:params\"\n"])</script>
2<script>self.__next_f.push([1,"14:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nf:null\n"])</script>
2<script>self.__next_f.push([1,"19:I[80622,[],\"IconMark\"]\n11:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Jampack | A Robust SaaS App Template Built on Next.js\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"NextJs based admin dashboard template by hencework\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"NextJs,React NextJs,Next.js,React template,react admin,react node,react bootstrap,responsive web application,react webapp,multi app demos\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"$L19\",\"4\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
2<script>self.__next_f.push([1,"17:\"$11:metadata\"\n"])</script>
2</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.