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

Otp form
SImple opt form with resend and verify button

Author:
Rafferty Kim

2 years ago

10.4k
LOGIN TEMPLATE
it is a login template

Author:
Sergio Gonzalez

1 month ago

189
form3

Author:
ABDO-SY

5 months ago

614
Banner with Form

Author:
Aitrik Saha

6 months ago

829
popup modal contact form
Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript

Author:
Ti To

1 year ago

7.6k
Simple Form 3

Author:
Mr Robot

2 years ago

9.2k
form text

Author:
Severino Victtorino

3 months ago

373
LinkedIn Post UI Mockup
A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

Author:
Hamza Atig

3 months ago

696
Forgot password form
Useful form for sending password reset link

Author:
Steven Kuhn

3 years ago

20.3k
Contact us form template

Author:
Lukas Müller

2 years ago

8.9k
Sign up for newsletter form

Author:
Amit Pachange

2 years ago

11.7k
Appointment booking form

Author:
Ho O

6 months ago

700

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components