INVITATION-HOMES/faq.html at main · chatgptiv4/INVITATION-HOMES · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Frequently Asked Questions | Invitation Homes</title>
    <link rel="stylesheet" href="styles/main.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>

<body>
    <header class="main-header">
        <div class="header-container">
            <button class="menu-toggle"><svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
                    <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
                </svg></button>
            <div class="logo"><a href="index.html"><img src="assets/images/Logo.svg" alt="Invitation Homes Logo"></a>
            </div>
            <nav class="main-nav">
                <ul>
                    <li><button>Find your home</button></li>
                    <li><button>Our difference</button></li>
                    <li><button>Resources</button></li>
                    <li><button>About</button></li>
                </ul>
            </nav>
            <div class="header-actions">
                <div class="profile-menu"><button class="profile-btn"><svg width="24" height="24" fill="currentColor"
                            viewBox="0 0 24 24">
                            <path
                                d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z">
                            </path>
                        </svg></button></div>
            </div>
        </div>
    </header>

    <main>
        <section class="page-hero" style="background-image: url('assets/images/markets/house2.jpg');">
            <div class="page-hero-content">
                <h1>Frequently Asked Questions</h1>
                <p>Answers to your most common questions.</p>
            </div>
        </section>

        <section class="generic-content">
            <div style="max-width: 800px; margin: 0 auto;">
                <details style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
                    <summary style="font-size: 20px; font-weight: 600; cursor: pointer; color: var(--color-primary);">
                        How do I apply for a home?</summary>
                    <p style="margin-top: 10px;">Visit the property page of the home you are interested in and click
                        "Apply Now". Follow the prompts to complete your application.</p>
                </details>

                <details style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
                    <summary style="font-size: 20px; font-weight: 600; cursor: pointer; color: var(--color-primary);">
                        What is the pet policy?</summary>
                    <p style="margin-top: 10px;">We allow up to 3 pets per home. Breed restrictions and fees apply. See
                        our "Pet Friendly" page for more details.</p>
                </details>

                <details style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
                    <summary style="font-size: 20px; font-weight: 600; cursor: pointer; color: var(--color-primary);">
                        How do I pay rent?</summary>
                    <p style="margin-top: 10px;">Rent can be paid securely online through our Resident Portal via ACH or
                        credit card. We also accept WIPS (Walk-in Payment System) at participating retailers.</p>
                </details>

                <details style="margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;">
                    <summary style="font-size: 20px; font-weight: 600; cursor: pointer; color: var(--color-primary);">
                        Who handles maintenance?</summary>
                    <p style="margin-top: 10px;">Invitation Homes has a professional maintenance team. You can submit
                        requests 24/7 via the portal, and we will schedule a technician to visit your home.</p>
                </details>
            </div>
        </section>
    </main>

    <footer class="main-footer">
        <div class="footer-container">
            <div class="footer-grid">
                <div class="footer-col">
                    <img src="assets/images/Logo.svg" alt="Invitation Homes" class="footer-logo">
                    <p>The nation’s premier home leasing company.</p>
                </div>
                <div class="footer-col">
                    <h4>Residents</h4>
                    <ul>
                        <li><a href="login.html">Pay Rent</a></li>
                        <li><a href="login.html">Maintenance</a></li>
                        <li><a href="renewal.html">Renew Lease</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Company</h4>
                    <ul>
                        <li><a href="about.html">About Us</a></li>
                        <li><a href="#">Careers</a></li>
                        <li><a href="#">Investors</a></li>
                    </ul>
                </div>
                <div class="footer-col">
                    <h4>Contact</h4>
                    <ul>
                        <li><a href="contact.html">Contact Us</a></li>
                        <li><a href="faq.html">Help Center</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; 2026 Invitation Homes. All rights reserved.</p>
            </div>
        </div>
    </footer>
    <script src="scripts/main.js"></script>
</body>

</html>