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

8.2k

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

Feedback form with fabform.io
Collect opinions about your company's service

Author:
Ho O

6 months ago

586
Credit card form

Author:
Oliver Hansen

2 years ago

16.5k
Contact us page template
full page fancy contact us page

Author:
Geoffrey Callaghan

1 year ago

7.1k
Responsive Form
This modern, fully responsive account creation form is designed using HTML and Tailwind CSS, ensuring a clean, professional, and accessible user experience. It features a card-based layout with smooth spacing, a subtle shadow effect, and a structured grid system for optimal responsiveness across all devices.

Author:
Rajesh Maheshwari

4 months ago

730
Checkout form
A versatile checkout form component for users to provide shipping and payment information. It has fields for first name, last name, address, city, state, ZIP code, card number, expiration date, and CVV.

Author:
Anonymous

1 year ago

12.3k
Login form

Author:
Leon Bachmann

2 years ago

12.6k
Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

Author:
R Thapa

1 year ago

16.2k
Simple Form 3

Author:
Mr Robot

2 years ago

9.2k
Simple Form 2

Author:
Mr Robot

2 years ago

10.1k
Input Formulario
Input used in the form Link form: https://tailwindflex.com/@ameth1208/login

Author:
Ameth Galarcio

1 year ago

1.9k
Instagram Login Clone

Author:
Victoria Blount

1 month ago

49
Forgot password form (fullscreen)

Author:
Prajwal Hallale

2 years ago

12.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components