Talent Showcase 2024
Event Details
Come and witness a spectacular display of talents from various performers. Expect an evening filled with music, dance, comedy, and much more. Don’t miss the chance to be part of this incredible event!
Date: November 2, 2024
Time: 6:00 PM – 9:00 PM
Venue: Grand Theatre, Downtown
Purchase Tickets
Tickets are available for purchase in advance. Secure your spot today!
/* Basic Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
line-height: 1.6;
color: #333;
}
/* Header Section */
.header {
background: #4CAF50;
color: white;
text-align: center;
padding: 50px 20px;
}
.header h1 {
margin-bottom: 10px;
}
.header button {
background: #fff;
color: #4CAF50;
border: none;
padding: 10px 20px;
cursor: pointer;
border-radius: 5px;
font-size: 16px;
}
.header button:hover {
background: #ddd;
}
/* Event Details Section */
.event-details {
padding: 40px 20px;
text-align: center;
}
.event-details h2 {
margin-bottom: 20px;
color: #4CAF50;
}
/* Tickets Section */
.tickets {
background: #f4f4f4;
padding: 40px 20px;
text-align: center;
}
.tickets h2 {
margin-bottom: 20px;
color: #4CAF50;
}
/* Donation Section */
.donation {
margin-top: 20px;
text-align: left;
}
.donation h3 {
color: #4CAF50;
margin-bottom: 10px;
}
.donation label {
display: block;
margin-bottom: 5px;
}
.donation input {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 5px;
}
/* Payment Options */
.payment-options button {
margin: 10px;
padding: 10px 15px;
border: none;
cursor: pointer;
border-radius: 5px;
font-size: 14px;
transition: background 0.3s ease;
}
.payment-options button[name=”payment”][value=”paypal”] {
background: #0070BA;
color: white;
}
.payment-options button[name=”payment”][value=”venmo”] {
background: #3D95CE;
color: white;
}
.payment-options button:hover {
opacity: 0.8;
}
/* Footer Section */
.footer {
background: #333;
color: white;
text-align: center;
padding: 20px 10px;
}
.footer a {
color: #4CAF50;
text-decoration: none;
}
.footer a:hover {
text-decoration: underline;
}
.social-media {
margin-top: 10px;
}