Payment Successful! Notification page

This tailwind example is contributed by EliteAI Tools, on 20-Dec-2024. Component is made with Tailwind v3.4. It is responsive.

eCommerce

Author EliteAI Tools

Tailwind v3.4 3.1k 5

Fork Fullscreen

<h1 class="mb-6 text-4xl font-extrabold text-green-600">
            Payment Successful!
        </h1>

<p class="mb-8 text-xl text-gray-700">
            Thank you for your purchase.
        </p>

<div class="p-6 mb-8 rounded-lg bg-blue-50">
            <p class="text-lg font-medium text-blue-700">
                Your tool <span class="font-bold">"http://example.com"</span> will be listed shortly.
            </p>
        </div>

<div class="pt-8 mt-8 border-t border-gray-100">
            <p class="text-lg text-gray-700">
                Have questions? Contact us at:
            </p>
            <a href="mailto:admin@eliteai.tools"
                class="inline-block mt-2 text-xl font-medium text-blue-600 transition-colors duration-200 hover:text-blue-800">
                admin@eliteai.tools
            </a>
        </div>

<div class="mt-12">
            <a href="http://127.0.0.1:8000"
                class="inline-block px-8 py-4 text-lg font-semibold text-white transition-colors duration-200 bg-green-600 rounded-lg hover:bg-green-700">
                Return to Dashboard
            </a>
        </div>
    </div>
</div>

Related Examples

Food Order Card
Ecommerce/Food order card layout

Rajesh Maheshwari

1 year ago

1.6k
Product cards
Product cards for eCommerce

ehmasuk

10 months ago

1.3k
pricing card
This frontend template is designed for a website that provides software services and open-source code to users. It serves as a clean, modern UI for browsing, searching, and downloading open-source projects. Building with HTML, tailwindcss for CSS ,

Ahmath S.

1 year ago

965
Tiles for showing stats

Task Master

3 years ago

13.8k
Product / Service Card
Example of a card that can be used as a blog, product, or service card with reviews.

Noob

4 years ago

18.7k
Product card for eCommerce website

Steven Kuhn

3 years ago

13.3k
YouTube Community Post UI Mockup
A static HTML and Tailwind CSS component mimicking the user interface of a YouTube Community Post. This mockup features the channel header (avatar, name, verified badge, timestamp), post content (text and optional media), engagement actions (Like, Dislike, Comment, Share with counts), and the 'Add a comment' section. It's designed to be responsive, supports YouTube's light and dark themes via custom styling, and uses accurate iconography.

Hamza Atig

1 year ago

1.8k
Product Card for eCommerce
Here is a Product Card with discount badge, price with discount and price normally. On other hand, buttons for up or down quantity and add to cart button. This is create for Grid Columns, wich can 4 or 5 depend for desktop

Andrés Abarzúa

1 year ago

1.3k
Product details page
Beautiful product detail page with -multiple images -color options -quantity selection -buy now and add to wishlist buttons

Dika Rahman

2 years ago

14.3k
Product card
sleek and modern product card

OmKar Mehta

2 years ago

7.4k
Cart with alpinejs and tailwind css
How to add items to your cart with Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

4.2k
Modern E-commerce Product Card with TailwindCSS
This product card is designed for e-commerce platforms using TailwindCSS. It features a discount badge, product image carousel, quick view and quick order buttons, ratings, product name, brand details, dynamic pricing with a strike-through original price, and a prominent add-to-cart button. The clean and professional layout is perfect for showcasing products on online stores.

SHARIFUL ISLAM

1 year ago

2.8k