|
|
@ -15,7 +15,7 @@ |
|
|
|
|
|
|
|
|
<body> |
|
|
<body> |
|
|
<!-- QUICK NAV --> |
|
|
<!-- QUICK NAV --> |
|
|
<nav id="QuickNav" class="absolute bottom-0 left-0 right-0 bg-slate-200"> |
|
|
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200"> |
|
|
<ul class="flex text-2xl p-2 gap-2"> |
|
|
<ul class="flex text-2xl p-2 gap-2"> |
|
|
<li class="basis-1/5 rounded-md text-slate-500"><a href="" class="block text-center py-3 px-1"><i class="fa-solid fa-house-chimney"></i></a></li> |
|
|
<li class="basis-1/5 rounded-md text-slate-500"><a href="" class="block text-center py-3 px-1"><i class="fa-solid fa-house-chimney"></i></a></li> |
|
|
<li class="basis-1/5 rounded-md bg-slate-400 text-white"><a href="" class="block text-center py-3 px-1"><i class="fa-solid fa-magnifying-glass"></i></a></li> |
|
|
<li class="basis-1/5 rounded-md bg-slate-400 text-white"><a href="" class="block text-center py-3 px-1"><i class="fa-solid fa-magnifying-glass"></i></a></li> |
|
|
@ -26,13 +26,14 @@ |
|
|
</nav> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<!-- CONTENT --> |
|
|
<!-- CONTENT --> |
|
|
<section id="Content" class="p-6"> |
|
|
<section id="Content" class="p-6 pb-24"> |
|
|
<!-- Heading --> |
|
|
<!-- Heading --> |
|
|
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">Discover</h1> |
|
|
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">Discover</h1> |
|
|
|
|
|
|
|
|
<!-- Quick Search --> |
|
|
<!-- Quick Search --> |
|
|
<form id="QuickSearch" class="mb-4"> |
|
|
<form id="QuickSearch" class="mb-4 flex"> |
|
|
<input type="text" placeholder="Search…" class="block w-full rounded border-slate-400" /> |
|
|
<input type="text" placeholder="Search…" class="block w-full rounded-l border-r-0 border-slate-400" /> |
|
|
|
|
|
<button class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"><i class="fa-solid fa-magnifying-glass"></i></button> |
|
|
</form> |
|
|
</form> |
|
|
|
|
|
|
|
|
<!-- Result Tabs --> |
|
|
<!-- Result Tabs --> |
|
|
|
Jose Olarte III
2 years ago