Skip to content

Instantly share code, notes, and snippets.

@0xdeepmehta
Forked from vivekascoder/tail-input.html
Created April 30, 2021 15:08
Show Gist options
  • Save 0xdeepmehta/d31df6c6e74765511e81c0ec84c2e60a to your computer and use it in GitHub Desktop.
Save 0xdeepmehta/d31df6c6e74765511e81c0ec84c2e60a to your computer and use it in GitHub Desktop.
<div class="mt-20 bg-gray-900 w-full p-8 py-20 flex justify-center">
<div>
<h1 class="text-white font-bold text-2xl mb-4 text-center">Search Your 😈 Fantasy?</h1>
<span class="relative">
<input type="text" class="py-2 px-4 rounded-full bg-gray-100 text-lg text-gray-600 font-semibold focus:outline-none hover:bg-gray-200 focus:ring-4 focus:ring-white focus:ring-opacity-25 pr-36" placeholder="How to 🔪 tomato..." />
<span id="badge" class="bg-pink-600 absolute right-3 top-1/2 transform -translate-y-1/2 px-6 py-2 rounded-full font-semibold text-gray-200 cursor-pointer hover:bg-pink-500 uppercase text-sm">🔍 Search</span>
</span>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment