zenithzone/index.html at main · Orjihenry/zenithzone · 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/styles.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/3.0.0/uicons-thin-rounded/css/uicons-thin-rounded.css'>
    <link rel='stylesheet' href='https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css'>
    <title>Zenith Zone Realty</title>

    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />

    <meta property="og:title" content="Zenith Zone Realty – Real Estate Listing App">
    <meta property="og:description" content="A lightweight real estate platform powered by localStorage, helping users list and find properties without middlemen.">
    <meta property="og:image" content="https://orjihenry.github.io/zenithzone/assets/screenshots/desktop-screenshot-1.png">
    <meta property="og:url" content="https://orjihenry.github.io/zenithzone/">
    <meta property="og:type" content="website">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Zenith Zone Realty – Real Estate Listing App">
    <meta name="twitter:description" content="List and explore properties easily. No middlemen, no inflated fees.">
    <meta name="twitter:image" content="https://orjihenry.github.io/zenithzone/assets/screenshots/desktop-screenshot-1.png">

</head>
<body onload="displayListings(); trackViewedListings();">

    <header class="header">
        <nav>
            <div class="logo-div">
                <a href="index.html" class="logo-div">
                    <p class="logo">
                        Z
                        <span class="inner-logo">enith</span>
                        <span class="inner-logo">one</span>
                    </p>
                    <p class="realty">R <span class="inner-realty">ealty</span></p>
                </a>
            </div>
            <div class="nav-hero">
                <input type="checkbox" id="checkbox">
                <label class="btn" for="checkbox"><i class="fa fa-bars"></i> <span>Menu</span></label>

                <div class="sidebar">
                    <ul>
                        <a href="index.html" class="active"><li><i class="fa fa-house-user"></i>Home</li></a>
                        <a href="about.html"><li><i class="fa fa-lightbulb"></i>About</li></a>
                        <a href="listings.html"><li><i class="fa fa-line-chart"></i>Listings</li></a>
                        <a href="contact.html"><li><i class="fa fa-television"></i>Contact</li></a>
                        <a href="blog.html"><li><i class="fa fa-square-rss"></i>Blog</li></a>
                    </ul>
                    <div class="nav-button nav-add-mobile">
                        <a href="create.html" class="btn-add def-btn">Add Listings</a>
                    </div>
                </div>
            </div>
            <div class="nav-button nav-add">
                <a href="create.html" class="btn-add def-btn">Add Listings</a>
            </div>
        </nav>

        <section class="slider">
            <span class="slider-overlay"></span>
            <div class="top-section">
                <span class="subheading">Zenith Zone Realty</span>
                <h1>Your dream home awaits</h1>
                <p>
                    Explore our diverse selection of properties available for sale or rent, tailored to suit every lifestyle and budget. Whether you're searching for your dream home or the perfect investment, we have something for you.
                </p>
            </div>
            <div class="mouse">
                <a href="#page" class="mouse-icon">
                </a>
            </div>
            <!-- <div class="social-media">
                <a href="https://www.facebook.com" target="_blank"><i class="fab fa-facebook-f"></i></a>
                <a href="https://www.github.com" target="_blank"><i class="fab fa-github"></i></a>
                <a href="https://www.linkedin.com" target="_blank"><i class="fab fa-linkedin-in"></i></a>
            </div> -->
        </section>
    </header>

    <main>
        <section class="howit-works">
            <div class="inner-div" id="page">
                <div class="top-section">
                    <span class="subheading">How it works</span>
                    <h2>The smartest way to own a property</h2>
                </div>
                <div class="bottom-section">
                    <div class="div-card">
                        <img src="assets/index/howit-works-2.webp" alt="search">
                        <h4>Search & Find Property</h4>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Et, doloribus ut mollitia sed deserunt quidem sapiente possimus remu rerum aperiam!</p>
                    </div>
                    <div class="div-card">
                        <img src="assets/index/howit-works-3.webp" alt="search">
                        <h4>Get Personalized Support</h4>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Et, doloribus ut mollitia sed deserunt quidem sapiente possimus rem rerum aperiam!</p>
                    </div>
                    <div class="div-card">
                        <img src="assets/index/howit-works-1.webp" alt="search">
                        <h4>Hassle-Free Paperworks</h4>
                        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Et, doloribus ut mollitia sed deserunt quidem sapiente possimus rem rerum aperiam!</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="featured ft-section">
            <div class="top-section">
                <span class="subheading">Find Your Dream Home</span>
                    <h2>Exquisite Listings For You</h2>
                </div>

                <div class="ft-container">

                    <div class="properties row" id="listings">

                    </div>
                </div>

                <div class="no-listings">
                    <h2 style="width: 100%; text-align: center;">No Listings Available</h2>
                    <p style="width: 100%; text-align: center;">Please check back later.</p>
                </div>
            </div>
        </section>

        <section class="extras">
            <div class="top-section">
                    <span class="subheading">What we offer</span>
                    <h2>Why Choose Us?</h2>
                </div>
            <div class="extras-content">
                <div class="extra">
                    <h3>Experience <span>👨‍💼</span> </h3>
                    <p>With years of experience in the real estate market, we know how to navigate the complexities of buying and selling properties.</p>
                </div>
                <div class="extra">
                    <h3>Quality <span>🏠</span></h3>
                    <p>We ensure that all our listings meet high standards of quality and value, providing you with the best options available.</p>
                </div>
                <div class="extra">
                    <h3>Support <span>💡</span></h3>
                    <p>Our dedicated team is here to support you every step of the way, ensuring a smooth and stress-free experience.</p>
                </div>
            </div>
        </section>

        <section class="community">
            <div class="testimonials">
                <h2>What Our Clients Say</h2>
                <div class="testimonial-slider">
                    <div class="testimonial">
                        <p>"Zenith Zone Realty helped me find my dream home. Their team was professional and attentive to my needs."</p>
                        <cite>- John Doe</cite>
                    </div>
                    <div class="testimonial">
                        <p>"I had a great experience selling my property with Zenith Zone Realty. They made the process easy and stress-free."</p>
                        <cite>- Jane Smith</cite>
                    </div>
                    <div class="testimonial">
                        <p>"The agents at Zenith Zone Realty are knowledgeable and friendly. They guided me through every step of the process."</p>
                        <cite>- Mark Johnson</cite>
                    </div>
                    <div class="testimonial">
                        <p>"I highly recommend Zenith Zone Realty. They helped me find the perfect investment property."</p>
                        <cite>- Sarah Brown</cite>
                    </div>
                    <div class="testimonial">
                        <p>"Zenith Zone Realty made my home buying experience enjoyable. Their team was always available to answer my questions."</p>
                        <cite>- Emily Davis</cite>
                    </div>
                </div>
            </div>
            <div class="newsletter">
                <h2>Join Our Community</h2>
                <div>
                    <p>Stay updated with the latest listings, tips, and news in the real estate market. Subscribe to our newsletter for exclusive content.</p>
                    <form action="#" method="post">
                        <input type="email" placeholder="Enter your email" required>
                        <button type="submit" id="myBtn" class="def-btn">Subscribe</button>
                    </form>
                </div>
            </div>
            <div class="recently-viewed" style="display: none;"></div>
        </section>

        <section id="myModal" class="modal">

        </section>
    </main>

    <footer class="footer">
        <small>&copy; 2025 Zenith Zone Realty. All rights reserved.</small>
    </footer>

    <script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/filter.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>

</body>
</html>