Skip to content

Instantly share code, notes, and snippets.

@Gummibeer
Last active September 10, 2019 20:07
Show Gist options
  • Save Gummibeer/c202aa4e0fab3bf46ef74eac8bf18c2f to your computer and use it in GitHub Desktop.
Save Gummibeer/c202aa4e0fab3bf46ef74eac8bf18c2f to your computer and use it in GitHub Desktop.
Tailwind Admin Dashboard Template
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Tailwind Admin Dashboard</title>
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="min-h-screen flex flex-col bg-white">
<header>
<nav class="block bg-gray-500 px-2 py-1">
header content
</nav>
</header>
<div class="flex flex-row flex-grow">
<section class="bg-gray-400 p-2 whitespace-no-wrap">
sidebar content
</section>
<section class="flex flex-col flex-grow">
<main class="flex-grow p-2">
main content
</main>
<footer class="px-2 py-1 bg-gray-200">
footer content
</footer>
</section>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment