index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MacArthur Commons Homeowners Association</title>
    <base href="https://macarthurcommons.com/">
    <style>
        .banner {
        width: 100%;
        height: 300px;
        background-image: url('images/hoa_banner.webp');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 30px;
}
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            line-height: 1.6;
            color: #333;
            background-color: #fafafa;
        }

        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: white;
            min-height: 100vh;
            box-shadow: 0 0 20px rgba(0,0,0,0.1);
        }

        header {
            text-align: center;
            margin-bottom: 40px;
            padding-bottom: 20px;
            border-bottom: 2px solid #e0e0e0;
        }

        h1 {
            font-size: 2.2rem;
            color: #2c3e50;
            margin-bottom: 10px;
            font-weight: 600;
        }

        h2 {
            font-size: 1.5rem;
            color: #34495e;
            margin: 30px 0 15px 0;
            font-weight: 600;
        }

        h3 {
            font-size: 1.2rem;
            color: #2c3e50;
            margin: 25px 0 10px 0;
            font-weight: 600;
        }

        p {
            margin-bottom: 15px;
            font-size: 1.1rem;
        }

        .highlight-box {
            background-color: #e8f4f8;
            border-left: 4px solid #3498db;
            padding: 20px;
            margin: 20px 0;
            border-radius: 4px;
        }

        .welcome {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }

        .welcome h2 {
            color: #2c3e50;
            margin-top: 0;
        }

        .info-grid {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 10px;
            margin: 15px 0;
        }

        .info-label {
            font-weight: 600;
            color: #2c3e50;
        }

        .info-value {
            color: #555;
        }

        .board-members {
            background-color: #f9f9f9;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }

        .board-list {
            list-style: none;
            padding: 0;
        }

        .board-list li {
            padding: 8px 0;
            border-bottom: 1px solid #e0e0e0;
        }

        .board-list li:last-child {
            border-bottom: none;
        }

        .position {
            font-weight: 600;
            color: #2c3e50;
        }

        .name {
            color: #555;
        }

        a {
            color: #3498db;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        .agenda-list {
            list-style: disc;
            margin-left: 20px;
            margin-bottom: 15px;
        }

        .agenda-list li {
            margin: 5px 0;
        }

        .rsvp-section {
            background-color: #fff3cd;
            border: 1px solid #ffeaa7;
            padding: 20px;
            border-radius: 8px;
            margin: 20px 0;
        }

        .speaker-info {
            background-color: #e8f5e8;
            border-left: 4px solid #27ae60;
            padding: 15px;
            margin: 15px 0;
            border-radius: 4px;
        }

        @media (max-width: 768px) {
            .container {
                padding: 15px;
            }
            
            h1 {
                font-size: 1.8rem;
            }
            
            h2 {
                font-size: 1.3rem;
            }
            
            .info-grid {
                grid-template-columns: 1fr;
                gap: 5px;
            }
        }
    </style>
</head>
<body>
    <div class="banner">
    </div>
    <div class="container">
        <header>
            <h1>MacArthur Commons Homeowners Association</h1>
        </header>

        <main>
            <div class="highlight-box" role="region" aria-label="Annual Meeting Notice">
                <h3>Annual Homeowners Association Meeting</h3>
                <p><strong>Date:</strong> Monday, March 9, 2026</p>
                <p><strong>Time:</strong> 6:30 PM</p>
                <p><strong>Location:</strong> Spring Creek Barbecue<br>
                3514 W Airport Fwy.<br>
                Irving, TX 75062</p>
                
                <div class="speaker-info">
                    <p><strong>Speaker:</strong> James Beyer, Deputy Chief, City of Irving Police Department</p>
                </div>
                
                <div class="rsvp-section">
                    <h3>RSVP Required</h3>
                    <p>We will again use the ticket system to pay for the attendee's meal. Please RSVP how many will attend from your household <strong>no later than March 6, 2026</strong> to ensure we have an accurate count for meals.</p>
                    <p><strong>RSVP by:</strong></p>
                    <ul class="agenda-list">
                        <li>Email: <a href="mailto:vamchoa@yahoo.com">vamchoa@yahoo.com</a></li>
                        <li>Call Amy Willingham</li>
                    </ul>
                </div>
                
                <p><strong>Proxy:</strong> If you cannot attend the meeting, please complete the voting proxy and return prior to the annual meeting via email or by texting the proxy to Amy Willingham.</p>
            </div>

            <div class="welcome">
                <h2>Welcome to MacArthur Commons</h2>
                <p>Welcome to the Village at MacArthur Commons Homeowners Association website. Our community consists of fifty-eight homes located in Irving, Texas. This website serves as a resource for residents to access important information, documents, and stay connected with our community.</p>
                
                <div class="info-grid">
                    <div class="info-label">Community:</div>
                    <div class="info-value">Village at MacArthur Commons</div>
                    
                    <div class="info-label">Location:</div>
                    <div class="info-value">Irving, Texas</div>
                </div>
                
                <p>Please explore our website to find:</p>
                <ul class="agenda-list">
                    <li>Important community updates</li>
                    <li>HOA documents and bylaws</li>
                    <li>Contact information for board members</li>
                    <li>Useful local resources</li>
                </ul>
            </div>

            <div class="highlight-box">
                <h3>Bylaws</h3>
                <p>The HOA Bylaws have been updated as of November 2025.</p>
                <h3>Policies have been updated and now all in one document.</h3>
                <p>This file includes the Flag Policy, Solar Policy, Religious Policy, Rain Barrel Policy, Access to Records Policy, Collection & Payment Plan Policy, Document Retention Policy and the Architectural Policy.</p>
                <h3>Please see the HOA Documents section below to access the latest versions.</h3>
            </div>

            <div class="Documents-section">
                <h2>HOA Documents</h2>
                <p>Here are the current HOA documents.</p>
                <ul class="board-list">
                    <li><a href="documents/PDFofFinalBylawChanges2025.pdf" target="_blank" class="document-link">Bylaws</a></li>            
                    <li><a href="documents/covenants.pdf" target="_blank" class="document-link">Covenants</a></li>
                    <li><a href="documents/FinalPolicyChanges2025.pdf" target="_blank"    class="document-link">Policies</a></li>
                    <li><a href="documents/owners-guide.pdf" target="_blank" class="document-link">HOA Owners Guide</a></li>
                </ul>
            </div>

            <div class="highlight-box">
                <h3>City of Irving</h3>
                <p>For city services, permits, and information visit the <a href="https://www.cityofirving.org/" target="_blank" rel="noopener noreferrer"><strong>City of Irving website</strong></a>.</p>
            </div>



            <div class="highlight-box">
                <p>All owners of the fifty-eight homes in the Village at MacArthur Commons are members of the homeowners association. The business of the association is carried out by the board of directors. These directors are volunteers, elected from the membership for three year terms.</p>
            </div>

            <div class="board-members">
                <h2>Board of Directors</h2>
                <ul class="board-list">
                    <li><span class="position">President:</span> <span class="name">Amy Willingham</span></li>
                    <li><span class="position">Vice President:</span> <span class="name">Art Ramirez</span></li>
                    <li><span class="position">Treasurer:</span> <span class="name">Cathy Duncan</span></li>
                    <li><span class="position">Secretary:</span> <span class="name">Beverly Gray</span></li>
                    <li><span class="position">Board Member:</span> <span class="name">Robert Imler</span></li>
                </ul>
            </div>

            <div class="Contact-info">
                <h2>Contact Info</h2>
                <div class="info-grid">
                    <div class="info-label">Homeowners Association Board email address:</div>
                    <div class="info-value"><a href="mailto:vamchoa@yahoo.com">vamchoa@yahoo.com</a></div>
                    
                    <div class="info-label">For lights left on at MacArthur Ball field:</div>
                    <div class="info-value">IISD High School Security <a href="tel:972-261-5134">972-261-5134</a></div>
                    
                    <div class="info-label">For zoning violations in the City of Irving:</div>
                    <div class="info-value">Code Enforcement <a href="tel:972-721-4929">972-721-4929</a></div>
                </div>
            </div>            
        </main>
    </div>
</body>
</html>