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.5k

7

Fork Fullscreen

<div class="containermx-auto max-w-xl p-6">
    
    <div class="bg-gray-100  p-6 rounded-lg shadow-lg">

<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

Contact us Form
suitable for dark-themed websites

Author:
Anja Müller

1 year ago

8.1k
Responsive contact us section

Author:
Geoffrey Callaghan

1 year ago

5.7k
Contact Form
with hidden email

Author:
Geoffrey Callaghan

1 year ago

5.3k
Default phone input

Author:
Md. Tofayel islam

7 months ago

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

Author:
Ameth Galarcio

4 months ago

725
login page

Author:
Abid Ullah

2 months ago

430
Contact us form
Contact us form

Author:
Geoffrey Callaghan

11 months ago

4.6k
Upload file input field

Author:
Gopi Yadav

1 year ago

12k
Reservation form

Author:
Lukas Müller

1 year ago

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

Author:
Lukas Müller

1 year ago

14k
Profile Form
Enhanced User Profile Form with Stunning Profile and Cover Image Fields

Author:
Samuel Abera

7 months ago

5.7k
Contact me form
contact me form

Author:
Geoffrey Callaghan

1 year ago

5.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 1700+ componenent

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components

© 2024 TailwindFlex. All Rights Reserved.

v1.8