Home
Lyra Ravensong
Apply Coupon Code form

Apply Coupon Code form

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

Form

Author Lyra Ravensong

7.8k

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

Incentives
tailwind css Incentives

Author:
Anonymous

1 year ago

4.1k
Responsive Sign-Up Form with TailwindCSS
Create a visually appealing and fully responsive sign-up form using TailwindCSS. This form includes input fields for full name, mobile number, email, password, and confirm password, along with a gradient sign-up button. Designed with simplicity and flexibility, it is perfect for modern web applications and easy to integrate into any project.

Author:
SHARIFUL ISLAM

2 weeks ago

133
update user
it is the layout for creating an event

Author:
seth dridi

6 months ago

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.

Author:
Ayyamperumal S

1 month ago

331
Upload file input field

Author:
Gopi Yadav

2 years ago

12.9k
Sign In form

Author:
Amit Pachange

2 years ago

11.1k
Contact us Form
suitable for dark-themed websites

Author:
Anja Müller

1 year ago

8.7k
Login Form

Author:
Amit Pachange

2 years ago

11.3k
progress-bar with Tailwind CSS and Alpinejs

Author:
Quêmia

6 months ago

889
Records Form - HPower
records survey form

Author:
Anonymous

2 months ago

341
Age verification 18+

Author:
Maxim

2 months ago

364
Reservation form with fabform.io

Author:
Ho O

1 month ago

343

Explore components by Tags

Didn't find component you were looking for?

Search from 2000+ components