Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
wobblies
/
docs
:
documentation-20260115061648.html
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
<!-- ========================================================= * Argon Dashboard 2 Tailwind - v1.0.1 ========================================================= * Product Page: https://www.creative-tim.com/product/argon-dashboard-tailwind * Copyright 2022 Creative Tim (https://www.creative-tim.com) * Coded by www.creative-tim.com ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. --> <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png" /> <link rel="icon" type="image/png" href="../assets/img/favicon.png" /> <title>Argon Dashboard 2 Tailwind by Creative Tim</title> <!-- Fonts and icons --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" /> <!-- Font Awesome Icons --> <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script> <!-- Nucleo Icons --> <link href="../assets/css/nucleo-icons.css" rel="stylesheet" /> <link href="../assets/css/nucleo-svg.css" rel="stylesheet" /> <!-- Popper --> <script src="https://unpkg.com/@popperjs/core@2"></script> <!-- Main Styling --> <link href="../assets/css/argon-dashboard-tailwind.css?v=1.0.1" rel="stylesheet" /> </head> <body class="m-0 font-sans antialiased font-normal bg-white text-base leading-default text-slate-500"> <nav class="relative flex flex-wrap items-center justify-between px-0 py-2 mx-6 transition-all ease-in shadow-none duration-250 rounded-2xl lg:flex-nowrap lg:justify-start" navbar-main navbar-scroll="false"> <div class="flex items-center justify-between w-full px-4 py-1 mx-auto flex-wrap-inherit"> <nav> <!-- breadcrumb --> <ol class="flex flex-wrap pt-1 mr-12 bg-transparent rounded-lg sm:mr-16"> <li class="leading-normal text-sm"> <a class="opacity-50 " href="javascript:;">Pages</a> </li> <li class="text-sm pl-2 capitalize leading-normal before:float-left before:pr-2 before:content-['/']" aria-current="page">Dashboard</li> </ol> <h6 class="mb-0 font-bold capitalize">Dashboard</h6> </nav> <div class="flex items-center mt-2 grow sm:mt-0 sm:mr-6 md:mr-0 lg:flex lg:basis-auto"> <div class="flex items-center md:ml-auto md:pr-4"> <div class="relative flex flex-wrap items-stretch w-full transition-all rounded-lg ease"> <span class="text-sm ease leading-5.6 absolute z-50 -ml-px flex h-full items-center whitespace-nowrap rounded-lg rounded-tr-none rounded-br-none border border-r-0 border-transparent bg-transparent py-2 px-2.5 text-center font-normal text-slate-500 transition-all"> <i class="fas fa-search"></i> </span> <input type="text" class="pl-9 text-sm focus:shadow-primary-outline ease w-1/100 leading-5.6 relative -ml-px block min-w-0 flex-auto rounded-lg border border-solid border-gray-300 dark:bg-slate-850 dark:text-white bg-white bg-clip-padding py-2 pr-3 text-gray-700 transition-all placeholder:text-gray-500 focus:border-blue-500 focus:outline-none focus:transition-shadow" placeholder="Type here..." /> </div> </div> <ul class="flex flex-row justify-end pl-0 mb-0 list-none md-max:w-full"> <!-- online builder btn --> <!-- <li class="flex items-center"> <a class="inline-block px-8 py-2 mb-0 mr-4 font-bold text-center text-blue-500 uppercase align-middle transition-all ease-in bg-transparent border border-blue-500 border-solid rounded-lg shadow-none cursor-pointer leading-pro text-xs hover:-translate-y-px active:shadow-xs hover:border-blue-500 active:bg-blue-500 active:hover:text-blue-500 hover:text-blue-500 tracking-tight-rem hover:bg-transparent hover:opacity-75 hover:shadow-none active:text-white active:hover:bg-transparent" target="_blank" href="https://www.creative-tim.com/builder/soft-ui?ref=navbar-dashboard&_ga=2.76518741.1192788655.1647724933-1242940210.1644448053">Online Builder</a> </li> --> <li class="flex items-center"> <a href="../pages/sign-in.html" class="block px-0 py-2 font-semibold transition-all ease-nav-brand text-sm"> <i class="fa fa-user sm:mr-1"></i> <span class="hidden sm:inline">Sign In</span> </a> </li> <li class="flex items-center pl-4 xl:hidden"> <a href="javascript:;" class="block p-0 transition-all ease-nav-brand text-sm" sidenav-trigger> <div class="w-4.5 overflow-hidden"> <i class="ease mb-0.75 relative block h-0.5 rounded-sm bg-white transition-all"></i> <i class="ease mb-0.75 relative block h-0.5 rounded-sm bg-white transition-all"></i> <i class="ease relative block h-0.5 rounded-sm bg-white transition-all"></i> </div> </a> </li> <li class="flex items-center px-4"> <a href="javascript:;" class="hidden p-0 transition-all text-sm ease-nav-brand"> <i fixed-plugin-button-nav class="cursor-pointer fa fa-cog"></i> <!-- fixed-plugin-button-nav --> </a> </li> <!-- notifications --> <li class="relative flex items-center pr-2"> <p class="hidden transform-dropdown-show"></p> <a href="javascript:;" class="block p-0 transition-all text-sm ease-nav-brand" dropdown-trigger aria-expanded="false"> <i class="cursor-pointer fa fa-bell"></i> </a> <ul dropdown-menu class="text-sm transform-dropdown before:font-awesome before:leading-default before:duration-350 before:ease lg:shadow-3xl duration-250 min-w-44 before:sm:right-8 before:text-5.5 pointer-events-none absolute right-0 top-0 z-50 origin-top list-none rounded-lg border-0 border-solid border-transparent dark:shadow-dark-xl dark:bg-slate-850 bg-white bg-clip-padding px-2 py-4 text-left text-slate-500 opacity-0 transition-all before:absolute before:right-2 before:left-auto before:top-0 before:z-50 before:inline-block before:font-normal before:text-white before:antialiased before:transition-all before:content-['\f0d8'] sm:-mr-6 lg:absolute lg:right-0 lg:left-auto lg:mt-2 lg:block lg:cursor-pointer"> <!-- add show class on dropdown open js --> <li class="relative mb-2"> <a class="dark:hover:bg-slate-900 ease py-1.2 clear-both block w-full whitespace-nowrap rounded-lg bg-transparent px-4 duration-300 hover:bg-gray-200 hover:text-slate-700 lg:transition-colors" href="javascript:;"> <div class="flex py-1"> <div class="my-auto"> <img src="../assets/img/team-2.jpg" class="inline-flex items-center justify-center mr-4 text-white text-sm h-9 w-9 max-w-none rounded-xl" /> </div> <div class="flex flex-col justify-center"> <h6 class="mb-1 font-normal leading-normal dark:text-white text-sm"><span class="font-semibold">New message</span> from Laur</h6> <p class="mb-0 leading-tight text-xs text-slate-400 dark:text-white/80"> <i class="mr-1 fa fa-clock"></i> 13 minutes ago </p> </div> </div> </a> </li> <li class="relative mb-2"> <a class="dark:hover:bg-slate-900 ease py-1.2 clear-both block w-full whitespace-nowrap rounded-lg px-4 transition-colors duration-300 hover:bg-gray-200 hover:text-slate-700" href="javascript:;"> <div class="flex py-1"> <div class="my-auto"> <img src="../assets/img/small-logos/logo-spotify.svg" class="inline-flex items-center justify-center mr-4 text-white text-sm bg-gradient-to-tl from-zinc-800 to-zinc-700 dark:bg-gradient-to-tl dark:from-slate-750 dark:to-gray-850 h-9 w-9 max-w-none rounded-xl" /> </div> <div class="flex flex-col justify-center"> <h6 class="mb-1 font-normal leading-normal dark:text-white text-sm"><span class="font-semibold">New album</span> by Travis Scott</h6> <p class="mb-0 leading-tight text-xs text-slate-400 dark:text-white/80"> <i class="mr-1 fa fa-clock"></i> 1 day </p> </div> </div> </a> </li> <li class="relative"> <a class="dark:hover:bg-slate-900 ease py-1.2 clear-both block w-full whitespace-nowrap rounded-lg px-4 transition-colors duration-300 hover:bg-gray-200 hover:text-slate-700" href="javascript:;"> <div class="flex py-1"> <div class="inline-flex items-center justify-center my-auto mr-4 text-white transition-all duration-200 ease-nav-brand text-sm bg-gradient-to-tl from-slate-600 to-slate-300 h-9 w-9 rounded-xl"> <svg width="12px" height="12px" viewBox="0 0 43 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>credit-card</title> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g transform="translate(-2169.000000, -745.000000)" fill="#FFFFFF" fill-rule="nonzero"> <g transform="translate(1716.000000, 291.000000)"> <g transform="translate(453.000000, 454.000000)"> <path class="color-background" d="M43,10.7482083 L43,3.58333333 C43,1.60354167 41.3964583,0 39.4166667,0 L3.58333333,0 C1.60354167,0 0,1.60354167 0,3.58333333 L0,10.7482083 L43,10.7482083 Z" opacity="0.593633743"></path> <path class="color-background" d="M0,16.125 L0,32.25 C0,34.2297917 1.60354167,35.8333333 3.58333333,35.8333333 L39.4166667,35.8333333 C41.3964583,35.8333333 43,34.2297917 43,32.25 L43,16.125 L0,16.125 Z M19.7083333,26.875 L7.16666667,26.875 L7.16666667,23.2916667 L19.7083333,23.2916667 L19.7083333,26.875 Z M35.8333333,26.875 L28.6666667,26.875 L28.6666667,23.2916667 L35.8333333,23.2916667 L35.8333333,26.875 Z"></path> </g> </g> </g> </g> </svg> </div> <div class="flex flex-col justify-center"> <h6 class="mb-1 font-normal leading-normal dark:text-white text-sm">Payment successfully completed</h6> <p class="mb-0 leading-tight text-xs text-slate-400 dark:text-white/80"> <i class="mr-1 fa fa-clock"></i> 2 days </p> </div> </div> </a> </li> </ul> </li> </ul> </div> </div> </nav> <div class="relative flex items-center w-full p-0 mx-auto overflow-hidden"> <div class="w-full h-[80vh] text-center"> <div class="mx-auto my-56 md:flex-0 md:w-8/12"> <div> <h1>Argon Dashboard 2 Tailwind</h1> <h3>Documentation v1.0.1</h3> <br> <a href="https://www.creative-tim.com/learning-lab/tailwind/html/quick-start/argon/" target="_blank" class="inline-block px-16 py-3.5 m-0 text-sm font-bold text-center text-white align-middle transition-all border-0 rounded-lg cursor-pointer ease-in leading-normal tracking-tight-rem bg-gradient-to-tl from-blue-500 to-violet-500 shadow-md bg-150 bg-x-25 hover:-translate-y-px active:opacity-85">View Documentation</a> </div> </div> </div> </div> <footer class="bottom-0 top-auto pt-4"> <div class="w-full px-6 mx-auto"> <div class="flex flex-wrap items-center -mx-3 lg:justify-between"> <div class="w-full max-w-full px-3 mt-0 mb-6 shrink-0 lg:mb-0 lg:w-1/2 lg:flex-none"> <div class="leading-normal text-center text-sm text-slate-500 lg:text-left"> © <script> document.write(new Date().getFullYear() + ","); </script> made with <i class="fa fa-heart"></i> by <a href="https://www.creative-tim.com" class="font-semibold text-slate-700" target="_blank">Creative Tim</a> for a better web. </div> </div> <div class="w-full max-w-full px-3 mt-0 shrink-0 lg:w-1/2 lg:flex-none"> <ul class="flex flex-wrap justify-center pl-0 mb-0 list-none lg:justify-end"> <li class="nav-item"> <a href="https://www.creative-tim.com" class="block px-4 pt-0 pb-1 font-normal transition-colors ease-in-out text-sm text-slate-500" target="_blank">Creative Tim</a> </li> <li class="nav-item"> <a href="https://www.creative-tim.com/presentation" class="block px-4 pt-0 pb-1 font-normal transition-colors ease-in-out text-sm text-slate-500" target="_blank">About Us</a> </li> <li class="nav-item"> <a href="https://creative-tim.com/blog" class="block px-4 pt-0 pb-1 font-normal transition-colors ease-in-out text-sm text-slate-500" target="_blank">Blog</a> </li> <li class="nav-item"> <a href="https://www.creative-tim.com/license" class="block px-4 pt-0 pb-1 pr-0 font-normal transition-colors ease-in-out text-sm text-slate-500" target="_blank">License</a> </li> </ul> </div> </div> </div> </footer> </body> <!-- plugin for charts --> <script src="../assets/js/plugins/chartjs.min.js" async></script> <!-- plugin for scrollbar --> <script src="../assets/js/plugins/perfect-scrollbar.min.js" async></script> <!-- main script file --> <script src="../assets/js/argon-dashboard-tailwind.js?v=1.0.1" async></script> </html>