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

6.5k

4

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

Simple Sign up form
A responsive simple singup or login form

Author:
Emdadul Islam

1 week ago

94
Simple Sign-In Box
It features a backdrop blur effect on a dark background, creating an elegant and modern look.

Author:
Anja Müller

8 months ago

5.7k
Responsive registration form
form with social login buttons

Author:
Sophia Baker

1 year ago

21.3k
contact form
contact form

Author:
Geoffrey Callaghan

7 months ago

4.5k
Contact us form template

Author:
Lukas Müller

1 year ago

7.2k
File upload form

Author:
Lukas Müller

1 year ago

8.9k
Animated modal with Tailwind Css and alpinejs

Author:
Michael Andreuzza

1 month ago

339
Search form section with a background SVG gradient

Author:
TailwindFlex

1 year ago

11.6k
Checkout form

Author:
Sienna

1 year ago

11.2k
Login page with tailwind (SB admin 2)
This component features a split-screen design with a background image on one side and a registration form on the other.

Author:
Akshay

1 year ago

14.2k
Feedback Form
Feedback Form with a map

Author:
Andreas Wagner

8 months ago

5.9k
free tailwind personal portfolio template
free tailwind personal portfolio template

Author:
Geoffrey Callaghan

4 months ago

2.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 1400+ componenent

TailwindFlex.com

Tailwindflex.com is a free tailwind examples library. It's a one-stop destination for ready-made tailwind examples.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components

© 2024 TailwindFlex. All Rights Reserved.

v1.6