diff --git a/myproject/myapp/templates/_base.html b/myproject/myapp/templates/_base.html
index 01ac64cb947bcc03c93c43f4f19d159f7f44b5dd..8b3ac97793c447f5add81941900dd4c5c0f3ffae 100644
--- a/myproject/myapp/templates/_base.html
+++ b/myproject/myapp/templates/_base.html
@@ -13,6 +13,92 @@
</head>
<body class="bg-slate-950">
+ <nav class="bg-white border-gray-200 dark:bg-gray-900">
+ <div
+ class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"
+ >
+ <a
+ href="https://flowbite.com/"
+ class="flex items-center space-x-3 rtl:space-x-reverse"
+ >
+ <img
+ src="https://flowbite.com/docs/images/logo.svg"
+ class="h-8"
+ alt="Flowbite Logo"
+ />
+ <span
+ class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
+ >Flowbite</span
+ >
+ </a>
+ <button
+ data-collapse-toggle="navbar-default"
+ type="button"
+ class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
+ aria-controls="navbar-default"
+ aria-expanded="false"
+ >
+ <span class="sr-only">Open main menu</span>
+ <svg
+ class="w-5 h-5"
+ aria-hidden="true"
+ xmlns="http://www.w3.org/2000/svg"
+ fill="none"
+ viewBox="0 0 17 14"
+ >
+ <path
+ stroke="currentColor"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ stroke-width="2"
+ d="M1 1h15M1 7h15M1 13h15"
+ />
+ </svg>
+ </button>
+ <div class="hidden w-full md:block md:w-auto" id="navbar-default">
+ <ul
+ class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700"
+ >
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500"
+ aria-current="page"
+ >Home</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >About</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >Services</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >Pricing</a
+ >
+ </li>
+ <li>
+ <a
+ href="#"
+ class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
+ >Contact</a
+ >
+ </li>
+ </ul>
+ </div>
+ </div>
+ </nav>
<div class="container mx-auto mt-4">
{% block content %} {% endblock content %}
</div>
diff --git a/myproject/myapp/templates/index.html b/myproject/myapp/templates/index.html
index 40d3036bbc44d84f5f5a9ad9e0c7f085c99fb1be..53cae4db6d20f97b3c52e50068673f05dec07410 100644
--- a/myproject/myapp/templates/index.html
+++ b/myproject/myapp/templates/index.html
@@ -1,90 +1,3 @@
{% extends "_base.html" %} {% block content %}
<h1 class="text-3xl text-red-500">Django + Tailwind CSS + Flowbite</h1>
-
-<nav class="bg-white border-gray-200 dark:bg-gray-900">
- <div
- class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"
- >
- <a
- href="https://flowbite.com/"
- class="flex items-center space-x-3 rtl:space-x-reverse"
- >
- <img
- src="https://flowbite.com/docs/images/logo.svg"
- class="h-8"
- alt="Flowbite Logo"
- />
- <span
- class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
- >Flowbite</span
- >
- </a>
- <button
- data-collapse-toggle="navbar-default"
- type="button"
- class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600"
- aria-controls="navbar-default"
- aria-expanded="false"
- >
- <span class="sr-only">Open main menu</span>
- <svg
- class="w-5 h-5"
- aria-hidden="true"
- xmlns="http://www.w3.org/2000/svg"
- fill="none"
- viewBox="0 0 17 14"
- >
- <path
- stroke="currentColor"
- stroke-linecap="round"
- stroke-linejoin="round"
- stroke-width="2"
- d="M1 1h15M1 7h15M1 13h15"
- />
- </svg>
- </button>
- <div class="hidden w-full md:block md:w-auto" id="navbar-default">
- <ul
- class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700"
- >
- <li>
- <a
- href="#"
- class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500"
- aria-current="page"
- >Home</a
- >
- </li>
- <li>
- <a
- href="#"
- class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
- >About</a
- >
- </li>
- <li>
- <a
- href="#"
- class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
- >Services</a
- >
- </li>
- <li>
- <a
- href="#"
- class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
- >Pricing</a
- >
- </li>
- <li>
- <a
- href="#"
- class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent"
- >Contact</a
- >
- </li>
- </ul>
- </div>
- </div>
-</nav>
{%endblock content%}