Add tailwind css

This commit is contained in:
Felix Albrigtsen 2022-08-27 19:04:40 +02:00
parent d51e445408
commit e9403310cf
2 changed files with 14 additions and 1 deletions

View File

@ -9,6 +9,7 @@
</title>
</head>
<body>
<script src="https://cdn.tailwindcss.com"></script>
{% block main %}
{% endblock %}

View File

@ -2,6 +2,18 @@
{% block main %}
<h1>Forside worblehat</h1>
<div class="py-8 px-8 max-w-sm my-8 mx-auto bg-white rounded-xl shadow-lg space-y-2 sm:py-4 sm:flex sm:items-center sm:space-y-0 sm:space-x-6">
<div class="text-center space-y-2 sm:text-left">
<div class="space-y-0.5">
<p class="text-lg text-black font-semibold">
Worblehat
</p>
<p class="text-slate-500 font-medium">
PVV Library
</p>
</div>
<button class="px-4 py-1 text-sm text-purple-600 font-semibold rounded-full border border-purple-200 hover:text-white hover:bg-purple-600 hover:border-transparent focus:outline-none focus:ring-2 focus:ring-purple-600 focus:ring-offset-2">Demo</button>
</div>
</div>
{% endblock %}