diff options
| author | Indrajith K L | 2022-11-20 04:59:39 +0530 |
|---|---|---|
| committer | Indrajith K L | 2022-11-20 04:59:39 +0530 |
| commit | ff11d9e237e51a5eb40690e44f690108ac7175b7 (patch) | |
| tree | a6db124e19c9f3ae5dfffe3bc1e8d4028e8225ce /src/hire-me.njk | |
| parent | 143915cc03764082fd97d484fd3c0f3b7c018c89 (diff) | |
| download | indrajith-dev-ff11d9e237e51a5eb40690e44f690108ac7175b7.tar.gz indrajith-dev-ff11d9e237e51a5eb40690e44f690108ac7175b7.tar.bz2 indrajith-dev-ff11d9e237e51a5eb40690e44f690108ac7175b7.zip | |
Website Updatefeature/remove-tailwind
* Full Rewrite
* Removed Tailwind CSS
* Stripdowned to barebone css
Diffstat (limited to 'src/hire-me.njk')
| -rw-r--r-- | src/hire-me.njk | 81 |
1 files changed, 36 insertions, 45 deletions
diff --git a/src/hire-me.njk b/src/hire-me.njk index 6c2f50a..c29c875 100644 --- a/src/hire-me.njk +++ b/src/hire-me.njk @@ -2,58 +2,49 @@ layout: base.njk title: Hire Me --- -<h2 class="text-2xl font-bold text-black p-2 text-center">Hire Me</h2> -<form action="https://getform.io/f/8fc9e444-7a4f-4f36-98b6-840a8ce7cb94" method="POST"> - <div class="mt-5 md:col-span-2 md:mt-0 shadow"> - <form action="https://getform.io/f/8fc9e444-7a4f-4f36-98b6-840a8ce7cb94" method="POST"> - <div class="sm:overflow-hidden sm:rounded-md"> - <div class="space-y-6 bg-white px-4 py-5 sm:p-6"> - <div class="grid grid-cols-3 gap-6"> - <div class="col-span-3 sm:col-span-2"> - <label for="client-name" class="block text-sm font-medium text-gray-700">Your Name*</label> - <div class="mt-1 flex rounded-md shadow-sm"> - <input type="text" name="client-name" id="client-name" required - class="block w-full flex-1 rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"> - </div> - </div> - </div> - <div class="grid grid-cols-3 gap-6"> - <div class="col-span-3 sm:col-span-2"> - <label for="client-email" class="block text-sm font-medium text-gray-700">Email*</label> - <div class="mt-1 flex rounded-md shadow-sm"> - <input type="email" name="client-email" id="client-email" required - class="block w-full flex-1 rounded-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"> - </div> +<h2>Hire Me</h2> +<div> + <form action="https://getform.io/f/8fc9e444-7a4f-4f36-98b6-840a8ce7cb94" method="POST"> + <div> + <div> + <div> + <div> + <label for="client-name">Your Name*</label> + <div > + <input type="text" name="client-name" id="client-name" required> </div> </div> - <div class="grid grid-cols-3 gap-6"> - <div class="col-span-3 sm:col-span-2"> - <label for="company-website" class="block text-sm font-medium text-gray-700">Website</label> - <div class="mt-1 flex rounded-md shadow-sm"> - <span - class="inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-gray-50 px-3 text-sm text-gray-500">http://</span> - <input type="text" name="company-website" id="company-website" - class="block w-full flex-1 rounded-none rounded-r-md border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm" - placeholder="www.yourwebsite.com"> - </div> + </div> + <div> + <div> + <label for="client-email">Email*</label> + <div> + <input type="email" name="client-email" id="client-email" required> </div> </div> - + </div> + <div> <div> - <label for="project-req" class="block text-sm font-medium text-gray-700">Requirement*</label> - <div class="mt-1"> - <textarea id="project-req" name="project-req" rows="3" required - class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm resize-none"></textarea> + <label for="company-website">Website</label> + <div> + <span>http://</span> + <input type="text" name="company-website" id="company-website" placeholder="www.yourwebsite.com"> </div> - <p class="mt-2 text-sm text-gray-500">A short description of the project and requirements - </p> </div> </div> - <div class="px-4 py-3 text-right sm:px-6"> - <button type="submit" - class="inline-flex justify-center rounded-md border border-transparent bg-indigo-600 py-2 px-4 text-sm font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">Submit</button> + + <div> + <label for="project-req">Requirement*</label> + <div class="mt-1"> + <textarea id="project-req" name="project-req" rows="3" required></textarea> + </div> + <p>A short description of the project and requirements + </p> </div> </div> - </form> - </div> -</form>
\ No newline at end of file + <div> + <button type="submit">Submit</button> + </div> + </div> + </form> +</div>
\ No newline at end of file |