-
Notifications
You must be signed in to change notification settings - Fork 0
/
more.html
1 lines (1 loc) · 24.2 KB
/
more.html
1
<!DOCTYPE html><html lang="en"><head><title>My page</title><meta charSet="UTF-8"/><meta name="description" content="Free Web tutorials"/><meta name="keywords" content="titla, meta, nextjs"/><meta name="author" content="Dadmor"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="next-head-count" content="6"/><link rel="preload" href="/_next/static/css/9a788c4a7f7d147c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/9a788c4a7f7d147c.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-a802c70f7b807bc3.js" defer=""></script><script src="/_next/static/chunks/framework-5f4595e5518b5600.js" defer=""></script><script src="/_next/static/chunks/main-540026a262f6c3ff.js" defer=""></script><script src="/_next/static/chunks/pages/_app-b92154e538ddfddc.js" defer=""></script><script src="/_next/static/chunks/297-6d9eda27c941dd96.js" defer=""></script><script src="/_next/static/chunks/pages/more-349b668648540b73.js" defer=""></script><script src="/_next/static/nWeqbs5OaWzgaNKiQa2j4/_buildManifest.js" defer=""></script><script src="/_next/static/nWeqbs5OaWzgaNKiQa2j4/_ssgManifest.js" defer=""></script></head><body><div id="__next" data-reactroot=""><div class="flex flex-col min-h-screen border"><div class="flex flex-col min-h-screen"><div class="z-20 bg-white sticky top-0 border-b py-3 p-6 flex-initial"><div class=" flex justify-between items-center gap-4"></div></div><div class="bg-gray-50 grid grid-cols-12 gap-6 flex-1"><div class="w-fit lg:w-full lg:col-span-2 bg-slate-100 py-6 text-gray-300 border-r h-full"><div class=" flex flex-col sticky top-20"><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></div><p class=" hidden lg:block text-sm">Nextjs UIKIT</p></div></a><p class=" hidden lg:block pl-6 pt-4 pb-4 uppercase text-gray-500 border-t">Native Theme</p><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/stacks"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg></div><p class=" hidden lg:block text-sm">Layout components</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/cards"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg></div><p class=" hidden lg:block text-sm">Card component</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/navigation"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg></div><p class=" hidden lg:block text-sm">Navigation components</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/typo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" y1="20" x2="15" y2="20"></line><line x1="12" y1="4" x2="12" y2="20"></line></svg></div><p class=" hidden lg:block text-sm">Typography components</p></div></a><p class=" hidden lg:block pl-6 pt-4 pb-4 uppercase text-gray-500 border-t">PureBaldr Theme</p><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg></div><p class=" hidden lg:block text-sm">Page layout components</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg></div><p class=" hidden lg:block text-sm">Layout components</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3"></path><line x1="8" y1="12" x2="16" y2="12"></line></svg></div><p class=" hidden lg:block text-sm">Navigation components</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg></div><p class=" hidden lg:block text-sm">Partial components</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><rect x="8" y="2" width="8" height="4" rx="1" ry="1"></rect></svg></div><p class=" hidden lg:block text-sm">Form components</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg></div><p class=" hidden lg:block text-sm">Theme store</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/use-examples"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polyline points="20 12 20 22 4 22 4 12"></polyline><rect x="2" y="7" width="20" height="5"></rect><line x1="12" y1="22" x2="12" y2="7"></line><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path></svg></div><p class=" hidden lg:block text-sm">Use examples</p></div></a><p class=" hidden lg:block pl-6 pt-4 pb-4 uppercase text-gray-500 border-t">Plugins</p><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg></div><p class=" hidden lg:block text-sm">RestStrapiProviders</p></div></a><p class=" hidden lg:block pl-6 pt-4 pb-4 uppercase text-gray-500 border-t">Theme mods</p><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg></div><p class=" hidden lg:block text-sm">PureBaldr pageLayout2</p></div></a><a class=" cursor-pointer transition duration-150 ease-in-out hover:text-blue-500 active:text-blue-600 text-gray-500 py-4 px-6" href="/todo"><div class=" flex gap-2"><div class=" pt-0.5"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg></div><p class=" hidden lg:block text-sm">PureBaldr buttons2</p></div></a></div></div><div class=" flex flex-col pl-3 col-span-8 lg:col-span-7 gap-4 py-4"><div class=" flex items-center gap-4"><p class=" flex-1 text-xl">General report dashboard</p><button title="Button" aria-label="Button" class=" rounded shadow-md inline-block px-6 py-3.5 font-medium text-xs hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg bg-blue-600 hover:bg-blue-700 focus:bg-blue-700 active:bg-blue-800 text-white transition duration-150 ease-in-out"><div class=" flex gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg> <div class="flex-1">Export to Excel</div></div></button><button title="Button" aria-label="Button" class=" rounded shadow-md inline-block px-6 py-3.5 font-medium text-xs hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg bg-blue-600 hover:bg-blue-700 focus:bg-blue-700 active:bg-blue-800 text-white transition duration-150 ease-in-out"><div class=" flex gap-2"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg> <div class="flex-1">Export to PDF</div></div></button></div><div class=" flex flex-col gap-4"><div class=" flex flex-col gap-4"><div class=" shadow rounded bg-white overflow-hidden flex py-9 px-9 gap-9"><div class=" bg-red-200 flex items-center justify-center overflow-hidden rounded w-24 h-24 min-w-24 min-h-24 "><img class=" origin-center w-24 h-24 min-w-24 min-h-24 object-cover" width="" height="" src="landscape.jpg"/></div><div class=" flex gap-4"><div class=" grid "><p class=" leading-5 pb-1.5 text-md">Product title, probably best</p><p class=" leading-4 text-gray-500 text-sm">Product short subtitle</p></div><p class=" text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<!-- --> </p></div><p class=" text-sm">22.99</p></div></div><div class=" grid grid-cols-3 gap-4"><div class=" shadow rounded bg-white overflow-hidden flex flex-col py-4 px-4 gap-4"><div class=" flex flex-col gap-4"><div class=" flex gap-4"><div class=" bg-gray-700 text-green-700"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><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></div><div class=" flex items-center rounded-full py-1 px-3 text-white text-sm gap-2 bg-gray-700"><div>33%</div><div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg></div></div></div><div class=" grid gap-3 "><p class=" text-4xl">723</p><p class=" leading-4 text-gray-500 text-sm">Avilable shops</p></div></div></div><div class=" shadow rounded bg-white overflow-hidden flex flex-col py-4 px-4 gap-4"><div class=" flex flex-col gap-4"><div class=" flex gap-4"><div class=" bg-gray-700 text-red-600"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><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></div><div class=" flex items-center rounded-full py-1 px-3 text-white text-sm gap-2 bg-gray-700"><div>2%</div><div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="5" x2="12" y2="19"></line><polyline points="19 12 12 19 5 12"></polyline></svg></div></div></div><div class=" grid gap-3 "><p class=" text-4xl">21</p><p class=" leading-4 text-gray-500 text-sm">New daily shops</p></div></div></div><div class=" shadow rounded bg-white overflow-hidden flex flex-col py-4 px-4 gap-4"><div class=" flex flex-col gap-4"><div class=" flex gap-4"><div class=" bg-gray-700 text-green-700"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-2xl" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><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></div><div class=" flex items-center rounded-full py-1 px-3 text-white text-sm gap-2 bg-gray-700"><div>13%</div><div><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="12" y1="19" x2="12" y2="5"></line><polyline points="5 12 12 5 19 12"></polyline></svg></div></div></div><div class=" grid gap-3 "><p class=" text-4xl">89</p><p class=" leading-4 text-gray-500 text-sm">New weekly shops</p></div></div></div></div><div class=" flex flex-col gap-4"><div class=" border-t "></div><div class=" flex uppercase px-4 gap-4"><p class=" w-1/4 text-md">full</p><p class=" w-1/4 text-md">full</p><p class=" w-full text-md">half</p><p class=" w-1/12 text-md">small</p></div><div class=" shadow rounded bg-white overflow-hidden flex py-4 px-4 gap-4"><p class=" w-1/4 text-sm">Product title, probably best</p><div class=" grid w-1/4"><p class=" leading-5 pb-1.5 text-md">Nikon</p><p class=" leading-4 text-gray-500 text-sm">Photography</p></div><p class=" w-full text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p><p class=" w-1/12 text-sm"><button title="Button" aria-label="Button" class=" rounded shadow-md inline-block px-6 py-3.5 font-medium text-xs hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg bg-blue-600 hover:bg-blue-700 focus:bg-blue-700 active:bg-blue-800 text-white transition duration-150 ease-in-out"><div class=" flex gap-2"> <div class="flex-1">23,33</div></div></button></p></div><div class=" shadow rounded bg-white overflow-hidden flex py-4 px-4 gap-4"><p class=" w-1/4 text-sm">Product title, probably best</p><div class=" grid w-1/4"><p class=" leading-5 pb-1.5 text-md">Nikon</p><p class=" leading-4 text-gray-500 text-sm">Photography</p></div><p class=" w-full text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p><p class=" w-1/12 text-sm"><button title="Button" aria-label="Button" class=" rounded shadow-md inline-block px-6 py-3.5 font-medium text-xs hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg bg-blue-600 hover:bg-blue-700 focus:bg-blue-700 active:bg-blue-800 text-white transition duration-150 ease-in-out"><div class=" flex gap-2"> <div class="flex-1">11.99</div></div></button></p></div><div class=" shadow rounded bg-white overflow-hidden flex py-4 px-4 gap-4"><p class=" w-1/4 text-sm">Product title, probably best</p><div class=" grid w-1/4"><p class=" leading-5 pb-1.5 text-md">Nikon</p><p class=" leading-4 text-gray-500 text-sm">Photography</p></div><p class=" w-full text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p><p class=" w-1/12 text-sm"><button title="Button" aria-label="Button" class=" rounded shadow-md inline-block px-6 py-3.5 font-medium text-xs hover:shadow-lg focus:shadow-lg focus:outline-none focus:ring-0 active:shadow-lg bg-blue-600 hover:bg-blue-700 focus:bg-blue-700 active:bg-blue-800 text-white transition duration-150 ease-in-out"><div class=" flex gap-2"> <div class="flex-1">11.99</div></div></button></p></div><div class=" shadow rounded bg-white overflow-hidden flex py-9 px-9 gap-9"><div class=" bg-red-200 flex items-center justify-center overflow-hidden rounded w-24 h-24 min-w-24 min-h-24 self-start"><img class=" origin-center w-24 h-24 min-w-24 min-h-24 object-cover" width="" height="" src="landscape.jpg"/></div><p class=" w-2/3 -mt-1 text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<!-- --> </p><p class=" flex-1 text-right">22.99</p></div></div></div></div><div class="col-span-3 "><div class=" flex flex-col gap-4 py-4 pr-4"><div class=" flex items-center gap-4"><p class=" flex-1 text-xl">Transactions</p></div><div class=" flex flex-col gap-4"><div class=" shadow rounded bg-white overflow-hidden flex py-4 px-4 gap-4"><div class=" bg-red-200 flex items-center justify-center overflow-hidden rounded-full w-12 h-12 min-w-12 min-h-12 "><span>IMG</span></div><div class=" grid flex-1"><p class=" leading-5 pb-1.5 text-md">Santonio Gonderas</p><p class=" leading-4 text-gray-500 text-sm">22 June 2011</p></div><p class=" text-green-700 text-sm">+$204</p></div><div class=" shadow rounded bg-white overflow-hidden flex py-4 px-4 gap-4"><div class=" bg-red-200 flex items-center justify-center overflow-hidden rounded-full w-12 h-12 min-w-12 min-h-12 "><span>IMG</span></div><div class=" grid flex-1"><p class=" leading-5 pb-1.5 text-md">Bard Bit</p><p class=" leading-4 text-gray-500 text-sm">22 June 2011</p></div><p class=" text-red-600 text-sm">-$104</p></div></div><div class=" flex items-center gap-4"><p class=" flex-1 text-xl">Important notes</p></div><div class=" shadow rounded bg-white overflow-hidden flex flex-col py-4 px-4 gap-4"><div class=" flex flex-col gap-4"><div class=" grid "><p class=" leading-5 pb-1.5 text-md">Lorem ipsum dolor sit amet</p><p class=" leading-4 text-gray-500 text-sm">20 hours ago</p></div><p class=" text-gray-400 text-sm">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><div class=" flex justify-between gap-4"></div></div></div><div class=" flex items-center gap-4"><p class=" flex-1 text-xl">Forms</p></div><form><div class=" flex flex-col gap-4"><div class=" flex flex-col gap-1"><label class="text-sm text-gray-600" for="first">Input field</label><div class="relative"><input type="text" class=" border text-sm py-3 w-full transition duration-150 ease-in-out outline-gray-300 px-4" id="first" value=""/></div></div><div class=" flex flex-col gap-1"><label class="text-sm text-gray-600" for="second">Input field with icon</label><div class="relative"><input type="text" class=" border text-sm py-3 w-full transition duration-150 ease-in-out outline-gray-300 pl-9 pr-4" id="second" value=""/><div class="absolute top-3.5 left-3 text-gray-400"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></div></div></div><div class=" flex flex-col relative gap-1"><label class="text-sm text-gray-600" for="third">Rich text</label><div class="flex border-t border-l border-r -mb-1 bg-slate-50"><div class="font-bold p-3"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"></path></svg></div><div class="italic p-3"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><line x1="19" y1="4" x2="10" y2="4"></line><line x1="14" y1="20" x2="5" y2="20"></line><line x1="15" y1="4" x2="9" y2="20"></line></svg></div><div class="italic p-3"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"></path><line x1="4" y1="21" x2="20" y2="21"></line></svg></div></div><input class="h-px opacity-0" required="" value=""/><div class="editor border px-4 py-3 bg-white text-sm" contenteditable="true"></div><div class="pointer-events-none absolute bottom-0 opacity-30 pl-4 pb-2.5">Start typing here...</div></div></div></form></div></div></div></div></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/more","query":{},"buildId":"nWeqbs5OaWzgaNKiQa2j4","nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>