Apply Coupon Code form

This tailwind example is contributed by Lyra Ravensong, on 05-Sep-2023. Component is made with Tailwind v3.4. It is responsive.

Form

Author Lyra Ravensong

Tailwind v3.4 9.4k 10

Fork Fullscreen

<h1 class="text-2xl font-semibold mb-4">Apply Coupon Code</h1>

<div class="mb-4">
            <label for="coupon" class="block text-gray-700 font-semibold mb-2">Coupon Code:</label>
            <input type="text" id="coupon" name="coupon" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring focus:ring-blue-500 focus:border-blue-500" placeholder="Enter your coupon code">
        </div>

<div class="text-center">
            <button class="bg-green-500 text-white px-4 py-2 rounded-lg hover:bg-blue-600 focus:outline-none focus:ring focus:ring-blue-500 focus:border-blue-500">
                    Apply Coupon
                </button>
        </div>

<div class="mt-4 text-green-500">
            Coupon code applied successfully! You saved $10.
        </div>
    </div>
</div>

Related Examples

Two-Factor Authentication

JUGENDRA GANGWAR

1 month ago

30
OTP Verification Page

JUGENDRA GANGWAR

1 month ago

25
animation login form
An animated login form enhances the user experience by making the interaction visually engaging and modern. Below is a breakdown of key animation techniques used in animated login forms, plus examples you can use or customize.

Nicole Shalom

1 year ago

1.9k
Login Form Component
The "Login Form Component" is a visually appealing and user-friendly interface designed for user authentication. It features a clean and well-structured layout with fields for entering the email address and password.

R Thapa

3 years ago

9k
Instagram Login Clone
login form and signup

gidy

1 year ago

1.1k
Multi-Step Form with Progress Indicator
reusable "Multi-Step Form with Progress Indicator" component built with HTML, CSS, and Tailwind CSS. It’s a practical component for forms like signups, surveys, or checkout processes.

Ayyamperumal S

1 year ago

2.7k
progress-bar with Tailwind CSS and Alpinejs

Quêmia

2 years ago

2.4k
Responsive Form2

ABDO-SY

1 year ago

1.8k
Login Form
Admin Login Form

Khalid

2 years ago

2.6k
form Rejoignez l'élite
formulaire Rejoignez l'élite

Omer fils ELENGA

8 months ago

758
Forgot password form (fullscreen)

Prajwal Hallale

3 years ago

12.4k
Sign in form

Simon Scheffer

3 years ago

17k