website

avatar
unknown
plain_text
3 months ago
3.8 kB
2
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Community Arena</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }
        header {
            background-color: #004080;
            color: white;
            padding: 1rem;
            text-align: center;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 0.5rem 1rem;
            display: flex;
            justify-content: space-around;
        }
        nav a {
            color: white;
            text-decoration: none;
            padding: 0.5rem;
        }
        nav a:hover {
            background-color: #555;
        }
        section {
            padding: 2rem;
        }
        .calendar, .box-office, .info, .planner {
            margin-bottom: 2rem;
        }
        footer {
            background-color: #004080;
            color: white;
            text-align: center;
            padding: 1rem;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <header>
        <h1>Community Arena</h1>
        <p>Your Venue for Sports, Concerts, and Community Events</p>
    </header>
    <nav>
        <a href="#calendar">Calendar</a>
        <a href="#box-office">Box Office</a>
        <a href="#info">Information</a>
        <a href="#planner">Planner</a>
    </nav>
    <section id="calendar" class="calendar">
        <h2>Calendar of Events</h2>
        <p>Check out our upcoming events and plan your visit!</p>
        <ul>
            <li><strong>March 10:</strong> Local Basketball Tournament</li>
            <li><strong>March 15:</strong> Live Concert: The Rocking Stars</li>
            <li><strong>March 20:</strong> Spring Trade Show</li>
        </ul>
    </section>
    <section id="box-office" class="box-office">
        <h2>Box Office</h2>
        <p>Purchase tickets for upcoming events. Select your event below:</p>
        <form>
            <label for="event">Choose an event:</label>
            <select id="event" name="event">
                <option value="basketball">Local Basketball Tournament</option>
                <option value="concert">Live Concert: The Rocking Stars</option>
                <option value="trade-show">Spring Trade Show</option>
            </select>
            <br><br>
            <label for="tickets">Number of tickets:</label>
            <input type="number" id="tickets" name="tickets" min="1" max="10">
            <br><br>
            <button type="submit">Buy Tickets</button>
        </form>
    </section>
    <section id="info" class="info">
        <h2>Information</h2>
        <h3>Directions</h3>
        <p>123 Main Street, Your City, Your State</p>
        <h3>Seating Charts</h3>
        <p><a href="#">View Seating Chart</a></p>
        <h3>Policies</h3>
        <ul>
            <li>No outside food or drinks</li>
            <li>No weapons or hazardous items</li>
            <li>All bags subject to search</li>
        </ul>
        <h3>Amenities</h3>
        <ul>
            <li>Concession stands</li>
            <li>Free Wi-Fi</li>
            <li>Accessible seating</li>
        </ul>
    </section>
    <section id="planner" class="planner">
        <h2>Event Planning</h2>
        <p>Interested in renting our arena? Contact us for details:</p>
        <ul>
            <li>Email: rentals@communityarena.com</li>
            <li>Phone: (123) 456-7890</li>
        </ul>
        <p><a href="#">Learn More About Rentals</a></p>
    </section>
    <footer>
        <p>&copy; 2024 Community Arena. All rights reserved.</p>
    </footer>
</body>
</html>
Editor is loading...
Leave a Comment