120 lines
4.4 KiB
HTML
120 lines
4.4 KiB
HTML
<!-- container -->
|
|
<nav
|
|
class="fixed bottom-0 w-full border bg-white hidden
|
|
overflow-x-auto">
|
|
<!-- Bottom Icon Navigation Menu -->
|
|
|
|
<a
|
|
href="."
|
|
class="flex flex-col flex-grow items-center justify-center
|
|
overflow-hidden whitespace-no-wrap text-sm transition-colors
|
|
duration-100 ease-in-out hover:bg-gray-200 focus:text-orange-500">
|
|
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<polyline points="22 12 16 12 14 15 10 15 8 12 2 12"></polyline>
|
|
<path
|
|
d="M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0
|
|
2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>
|
|
</svg>
|
|
|
|
<span class="hidden text-sm capitalize">Inbox</span>
|
|
</a>
|
|
|
|
<a
|
|
href="."
|
|
class="flex flex-col flex-grow items-center justify-center
|
|
overflow-hidden whitespace-no-wrap text-sm transition-colors
|
|
duration-100 ease-in-out hover:bg-gray-200 text-orange-500">
|
|
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="feather feather-github">
|
|
<path
|
|
d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0
|
|
0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77
|
|
5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7
|
|
0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0
|
|
0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
|
|
</svg>
|
|
|
|
<span class="text-sm capitalize">github</span>
|
|
</a>
|
|
|
|
<a
|
|
href="."
|
|
class="flex flex-col flex-grow items-center justify-center
|
|
overflow-hidden whitespace-no-wrap text-sm transition-colors
|
|
duration-100 ease-in-out hover:bg-gray-200 focus:text-orange-500">
|
|
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="feather feather-bookmark">
|
|
<path
|
|
d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>
|
|
</svg>
|
|
|
|
<span class="hidden text-sm capitalize">bookmark</span>
|
|
</a>
|
|
|
|
<a
|
|
href="."
|
|
class="flex flex-col flex-grow items-center justify-center
|
|
overflow-hidden whitespace-no-wrap text-sm transition-colors
|
|
duration-100 ease-in-out hover:bg-gray-200 focus:text-orange-500">
|
|
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
<path
|
|
d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83
|
|
2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65
|
|
0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0
|
|
0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2
|
|
2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0
|
|
0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0
|
|
4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2
|
|
0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0
|
|
1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1
|
|
1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0
|
|
0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0
|
|
1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0
|
|
0-1.51 1z"></path>
|
|
</svg>
|
|
|
|
<span class="hidden text-sm capitalize">Settings</span>
|
|
</a>
|
|
|
|
</nav> |