A Pen by Eduardo Guzmán H. on CodePen.
neisdev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html class="" lang=""> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge"> | |
| <title>Kanban</title> | |
| <meta name="description" content=""> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <!-- Place favicon.ico and apple-touch-icon.png in the root of your domain--> | |
| <!--main.css for custom style--> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="relative h-screen flex overflow-hidden bg-gradient-to-r from-white via-blue-50 to-gray-50"> | |
| <!-- Narrow sidebar --> | |
| <aside class="flex w-40 h-screen bg-gradient-to-bl from-gray-700 via-gray-700 to-gray-800 md:flex-shrink-0 flex-col"> | |
| <div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto"> | |
| <header class="flex items-center flex-shrink-0 border-bottom border-solid border-gray-100"><img class="px-3 h-6 w-auto " src="https://app.rollbar.com//images/common/rollbar-icon-white.svg" alt="" aria-hidden="true"><span class="text-sm font-bold tracking-wider text-white">Rollbar</span></header> | |
| <nav class="mt-5 mx-1 flex-1 space-y-1"><a class="text-gray-300 fill-current hover:text-white hover:no-underline group flex items-center px-3 py-2 text-sm gap-x-2.5 font-normal rounded-md" href="https://rollbar.com/Rollbar/"><svg class="h-6 w-6 group-hover:text-gray-100 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> | |
| <path |
neisdev
/ bitbucket-with-tailwindcss.markdown
Created
August 8, 2024 03:48
Bitbuckët with tailwindcss
neisdev
/ dboard-with-tailwind-alpine.markdown
Created
August 7, 2024 18:45
DBoard with Tailwind & Alpine
A Pen by Raymond Camden on CodePen.
neisdev
/ index.html
Created
June 21, 2024 15:41
Sorting/Drag&Drop Demo Using AlpineJS + TailwindCSS
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="min-h-screen justify-center flex p-16 bg-blue-200"> | |
| <div> | |
| <!-- This is a revised version. See the original clunky version here: https://codepen.io/KevinBatdorf/pen/ff805cf637420bcbb2caa9d199527247?editors=1010 --> | |
| <p class="mb-10 text-center">Drag & drop or press the menu icon button <br>(or use your tab key)</p> | |
| <div class="pt-6 pb-4 bg-indigo-500 rounded-lg shadow-xl max-w-sm"> | |
| <h1 id="agenda-title" class="text-white font-extrabold text-lg p-6 pt-0">What's the agenda for today?</h1> | |
| <ul |
A Pen by andreas jv on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html class="light-style layout-menu-fixed" data-theme="theme-default" data-assets-path="https://demos.themeselection.com/sneat-bootstrap-html-laravel-admin-template-free/demo/assets/" data-base-url="https://demos.themeselection.com/sneat-bootstrap-html-laravel-admin-template-free/demo" data-framework="laravel" data-template="vertical-menu-laravel-template-free"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"> | |
| <title>Toasts - UI elements | Sneat - HTML Laravel Free Admin Template </title> | |
| <meta name="description" content="Most Powerful & Comprehensive Bootstrap 5 HTML Admin Dashboard Template built for developers!"> | |
| <meta name="keywords" content="dashboard, bootstrap 5 dashboard, bootstrap 5 design, bootstrap 5, bootstrap 5 free, free admin template"> | |
| <!-- laravel CRUD token --> |
A Pen by Amadeo Mancuso on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="myeditor" class="editor"></div> | |
| <div id="output"></div> |