Home
Elijah Davis
Concert ticket

Concert ticket

This tailwind example is contributed by Elijah Davis, on 15-Feb-2023. Component is made with Tailwind CSS v3. It is responsive.

Other

Author Elijah Davis

12.9k

Fork Fullscreen

<div class="bg-gray-100">
    <div class="container mx-auto px-4 py-8">
        <div class="flex flex-wrap -mx-4">
            <div class="w-full lg:w-2/3 px-4 mb-8 lg:mb-0">
                <img class="w-full rounded-lg shadow-lg" src="https://images.unsplash.com/photo-1524368535928-5b5e00ddc76b" alt="Concert Image">
            </div>
            <div class="w-full lg:w-1/3 px-4">
                <h1 class="text-4xl font-bold mb-4">John Smith Live in Concert</h1>
                <p class="text-lg mb-6">Join us for an unforgettable evening of music with John Smith.</p>
                <div class="mb-6">
                    <p class="text-xl font-bold mb-2">When:</p>
                    <p class="text-lg">Friday, April 15th at 8:00 PM</p>
                </div>
                <div class="mb-6">
                    <p class="text-xl font-bold mb-2">Where:</p>
                    <p class="text-lg">The Fillmore Auditorium</p>
                    <p class="text-lg">1805 Geary Blvd, San Francisco, CA</p>
                </div>
                <div class="mb-6">
                    <p class="text-xl font-bold mb-2">Tickets:</p>
                    <p class="text-lg">$35 - General Admission</p>
                    <p class="text-lg">$75 - VIP</p>
                </div>
                <button
                    class="bg-green-500 hover:bg-green-700 text-white font-bold py-2 px-4 rounded focus:outline-none focus:shadow-outline"
                    type="button">
                    Buy Tickets
                </button>
            </div>
        </div>
    </div>
</div>

Related Examples

Invoice template

Author:
Shakti

2 years ago

26.6k
Nutrition facts table
Show Nutrient contents with a stripped table

Author:
Kofi Osei

2 years ago

12.6k
cards
cards with background animation

Author:
Anonymous

1 year ago

10.7k
Tailwind invoice example

Author:
Elijah Davis

2 years ago

18.1k
Typewriter effect
using javascript

Author:
Samuel Dawson

2 years ago

39.4k
Google map iframe with tailwind

Author:
Kofi Osei

2 years ago

20.4k
Upvote downvote buttons

Author:
Lucas Martinez

2 years ago

11.2k
Copy command section

Author:
Lukas Müller

2 years ago

10.8k
Responsive Multi-Tier Pricing Table Component
flexible and responsive 3-tier pricing table component built with HTML and Tailwind CSS. Features distinct visual styles for different plans (e.g., highlighting a recommended option), adapts to various screen sizes, and supports both light and dark color schemes. Uses generic placeholders for easy adaptation to any product or service.

Author:
Hamza Atig

1 month ago

196
Contact Page

Author:
Sedat Kumcu

7 months ago

755
Soft Lights & Slow Beats
Sink into the tranquil rhythms of a Sunday afternoon. This playlist blends soft melodies and gentle beats to create a mysterious yet comforting atmosphere — perfect for relaxing, reflecting, or simply unwinding as the day fades away.

Author:
Bonimater

2 weeks ago

15
profile
user profile

Author:
gidy

1 week ago

3

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components