Skip to content

Commit

Permalink
Formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
@reinink
reinink committed Aug 25, 2023
1 parent 6355912 commit 350b931
Showing 1 changed file with 18 additions and 154 deletions.
172 changes: 18 additions & 154 deletions index.html
View file
Expand Up @@ -72,61 +72,29 @@ <h2 class="text-2xl font-bold">Simple</h2>
<span class="text-gray-700">Full name</span>
<input
type="text"
class="
mt-1
block
w-full
rounded-md
border-gray-300
shadow-sm
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
placeholder=""
/>
</label>
<label class="block">
<span class="text-gray-700">Email address</span>
<input
type="email"
class="
mt-1
block
w-full
rounded-md
border-gray-300
shadow-sm
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
placeholder="john@example.com"
/>
</label>
<label class="block">
<span class="text-gray-700">When is your event?</span>
<input
type="date"
class="
mt-1
block
w-full
rounded-md
border-gray-300
shadow-sm
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
/>
</label>
<label class="block">
<span class="text-gray-700">What type of event is it?</span>
<select
class="
block
w-full
mt-1
rounded-md
border-gray-300
shadow-sm
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
"
class="block w-full mt-1 rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
>
<option>Corporate event</option>
<option>Wedding</option>
Expand All @@ -137,15 +105,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
<label class="block">
<span class="text-gray-700">Additional details</span>
<textarea
class="
mt-1
block
w-full
rounded-md
border-gray-300
shadow-sm
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
"
class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
rows="3"
></textarea>
</label>
Expand All @@ -155,17 +115,7 @@ <h2 class="text-2xl font-bold">Simple</h2>
<label class="inline-flex items-center">
<input
type="checkbox"
class="
rounded
border-gray-300
text-indigo-600
shadow-sm
focus:border-indigo-300
focus:ring
focus:ring-offset-0
focus:ring-indigo-200
focus:ring-opacity-50
"
class="rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-offset-0 focus:ring-indigo-200 focus:ring-opacity-50"
checked
/>
<span class="ml-2">Email me news and special offers</span>
Expand All @@ -184,57 +134,29 @@ <h2 class="text-2xl font-bold">Underline</h2>
<span class="text-gray-700">Full name</span>
<input
type="text"
class="
mt-0
block
w-full
px-0.5
border-0 border-b-2 border-gray-200
focus:ring-0 focus:border-black
"
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
placeholder=""
/>
</label>
<label class="block">
<span class="text-gray-700">Email address</span>
<input
type="email"
class="
mt-0
block
w-full
px-0.5
border-0 border-b-2 border-gray-200
focus:ring-0 focus:border-black
"
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
placeholder="john@example.com"
/>
</label>
<label class="block">
<span class="text-gray-700">When is your event?</span>
<input
type="date"
class="
mt-0
block
w-full
px-0.5
border-0 border-b-2 border-gray-200
focus:ring-0 focus:border-black
"
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
/>
</label>
<label class="block">
<span class="text-gray-700">What type of event is it?</span>
<select
class="
block
w-full
mt-0
px-0.5
border-0 border-b-2 border-gray-200
focus:ring-0 focus:border-black
"
class="block w-full mt-0 px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
>
<option>Corporate event</option>
<option>Wedding</option>
Expand All @@ -245,14 +167,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
<label class="block">
<span class="text-gray-700">Additional details</span>
<textarea
class="
mt-0
block
w-full
px-0.5
border-0 border-b-2 border-gray-200
focus:ring-0 focus:border-black
"
class="mt-0 block w-full px-0.5 border-0 border-b-2 border-gray-200 focus:ring-0 focus:border-black"
rows="2"
></textarea>
</label>
Expand All @@ -262,11 +177,7 @@ <h2 class="text-2xl font-bold">Underline</h2>
<label class="inline-flex items-center">
<input
type="checkbox"
class="
border-gray-300 border-2
text-black
focus:border-gray-300 focus:ring-black
"
class="border-gray-300 border-2 text-black focus:border-gray-300 focus:ring-black"
/>
<span class="ml-2">Email me news and special offers</span>
</label>
Expand All @@ -284,61 +195,29 @@ <h2 class="text-2xl font-bold">Solid</h2>
<span class="text-gray-700">Full name</span>
<input
type="text"
class="
mt-1
block
w-full
rounded-md
bg-gray-100
border-transparent
focus:border-gray-500 focus:bg-white focus:ring-0
"
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
placeholder=""
/>
</label>
<label class="block">
<span class="text-gray-700">Email address</span>
<input
type="email"
class="
mt-1
block
w-full
rounded-md
bg-gray-100
border-transparent
focus:border-gray-500 focus:bg-white focus:ring-0
"
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
placeholder="john@example.com"
/>
</label>
<label class="block">
<span class="text-gray-700">When is your event?</span>
<input
type="date"
class="
mt-1
block
w-full
rounded-md
bg-gray-100
border-transparent
focus:border-gray-500 focus:bg-white focus:ring-0
"
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
/>
</label>
<label class="block">
<span class="text-gray-700">What type of event is it?</span>
<select
class="
block
w-full
mt-1
rounded-md
bg-gray-100
border-transparent
focus:border-gray-500 focus:bg-white focus:ring-0
"
class="block w-full mt-1 rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
>
<option>Corporate event</option>
<option>Wedding</option>
Expand All @@ -349,15 +228,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
<label class="block">
<span class="text-gray-700">Additional details</span>
<textarea
class="
mt-1
block
w-full
rounded-md
bg-gray-100
border-transparent
focus:border-gray-500 focus:bg-white focus:ring-0
"
class="mt-1 block w-full rounded-md bg-gray-100 border-transparent focus:border-gray-500 focus:bg-white focus:ring-0"
rows="3"
></textarea>
</label>
Expand All @@ -367,14 +238,7 @@ <h2 class="text-2xl font-bold">Solid</h2>
<label class="inline-flex items-center">
<input
type="checkbox"
class="
rounded
bg-gray-200
border-transparent
focus:border-transparent focus:bg-gray-200
text-gray-700
focus:ring-1 focus:ring-offset-2 focus:ring-gray-500
"
class="rounded bg-gray-200 border-transparent focus:border-transparent focus:bg-gray-200 text-gray-700 focus:ring-1 focus:ring-offset-2 focus:ring-gray-500"
/>
<span class="ml-2">Email me news and special offers</span>
</label>
Expand Down

1 comment on commit 350b931

@vercel
Copy link

@vercel vercel bot commented on 350b931 Aug 25, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

tailwindcss-forms – ./

tailwindcss-forms.vercel.app
tailwindcss-forms-tailwindlabs.vercel.app
tailwindcss-forms-git-master-tailwindlabs.vercel.app

Please sign in to comment.