generated from microverseinc/readme-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
229 lines (220 loc) · 8.01 KB
/
index.html
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
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap"
rel="stylesheet">
<meta property="og:image" content="https://raw.githubusercontent.com/steveWDamesJr/html-css-js-capstone/master/images/LUX-REALTY.png">
<link rel="stylesheet" href="app.css">
<title>LUX REALTY</title>
</head>
<body>
<header class="header" id="header">
<nav class="navbar">
<div class="nav1">
<ul class="nav1-items">
<li><span class="nav1-icons"><i class="fab fa-facebook"></i></span></li>
<li><span class="nav1-icons"><i class="fab fa-twitter"></i></span></li>
<li><span class="nav1-icons">English</span></li>
<li><span class="nav1-icons">My Page</span></li>
<li><span class="nav1-icons">Logout</span></li>
</ul>
</div>
<div class="nav2">
<div class="nav-head-sec">
<button type="button" aria-label="Hamburger" class="nav-toggle" id="nav-toggle">
<i class="fas fa-bars"></i>
</button>
<div class="logo" onclick="window.location='index.html';" id="logo">
<img class="logo-img" src="./images/logo.jpg" alt="Logo">
<div class="logo-text">
<span>LUX REALTY</span>
</div>
</div>
</div>
<ul class="nav-menu" id="nav-menu">
<li>
<button type="button" id="close-btn" aria-label="Close" class="hidden">
<i class="fas fa-times"></i>
</button>
</li>
<li class="nav-lis">
<a href="aboutlux.html" class="nav-item active">About</a>
</li>
<li class="nav-lis">
<a href="index.html" class="nav-item">Program</a>
</li>
<li class="nav-lis">
<a href="index.html" class="nav-item">Join</a>
</li>
<li class="nav-lis">
<a href="index.html" class="nav-item">Sponsor</a>
</li>
<li class="nav-lis">
<a href="index.html" class="nav-item">News</a>
</li>
<li class="nav-lis">
<a href="index.html" class="nav-item" id="last-nav-item" >CC-Campaign</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<div class="hero">
<div class="hero-text">
<h2>"Hello! Luxury Property seekers"</h2>
<h1>Annual Open House Event 2022</h1>
<p class="hero-text-par">
Real Estate Dreams become reality this spring with a selection of homes and property to satisfy even the most
demanding and exquisite tastes. We don't just sell property, we ensure that every property is specifically
tailored to the exacting requirements of our clientele. Whatever your treasure, you are bound to find it with
us. See you there; it's bound to be the best decision you've ever made for generations to come!
</p>
<div class="event-info">
<div class="schedule-text">
<h2 id="start-date">04.30.2022(SAT) ~ 31(SUN) 8 AM ~ 4 PM</h2>
<h3>@Luxhome Cay, Nassau, Bahamas</h3>
</div>
<table class="date-con">
<tr>
<td id="date-con-title" colspan="4">Countdown To Your Event:</td>
</tr>
<tr>
<td>Days</td>
<td>Hours</td>
<td>Minutes</td>
<td>Seconds</td>
</tr>
<tr>
<td id="days">115</td>
<td id="hours">13</td>
<td id="minutes">2</td>
<td id="seconds">42</td>
</tr>
</table>
</div>
</div>
</div>
<span class="page-up"><a href="#header" aria-label="page-up"><span class="iconify page-up-icon" data-icon="flat-color-icons:upload"></span></a></span>
</main>
<section class="programs">
<div class="program-title">
<h2 class="program-title-about Main-Pro">Main Program</h2>
<div class="underline"></div>
</div>
<div class="all-programs">
<div class="one-program">
<span class="iconify icon-img" data-icon="flat-color-icons:home"></span>
<h4>Open House with Lux Realty</h4>
<p>
Come and see these waterfront properties in all their Tropical glory!
</p>
</div>
<div class="one-program">
<span class="iconify icon-img" data-icon="flat-color-icons:edit-image"></span>
<h4>Art Expose</h4>
<p>
Enter the free art Gallery, savour world-class wine and sample decadent hand-picked cheeses.
</p>
</div>
<div class="one-program">
<span class="iconify icon-img" data-icon="flat-color-icons:businessman"></span>
<h4>World Class Brokers</h4>
<p>
Secure your investment with professional brokers from leading insurance companies.
</p>
</div>
<div class="one-program">
<span class="iconify icon-img" data-icon="flat-color-icons:filing-cabinet"></span>
<h4>Furniture and Appliance</h4>
<p>Find top names in civilian equipment and furnishings ready to accent your new home.</p>
</div>
<div class="one-program">
<span class="iconify icon-img" data-icon="flat-color-icons:dam"></span>
<h4>Luxury Pools</h4>
<p>
Only the most creative pool designs are on the display at this years event.
</p>
</div>
<div class="one-program">
<span class="iconify icon-img" data-icon="flat-color-icons:vip"></span>
<h4>Giveaways</h4>
<p>
A chance to take home over a $100,000 in cash and prizes.
</p>
</div>
</div>
<div class="rsvp-div">
<a href="#" class="btn rsvp-btn">R.S.V.P. Lux Realty Open House 2022</a>
</div>
<div class="more-info">
<h3><a href="#">SEE THE WHOLE PROGRAM</a></h3>
<hr />
</div>
</section>
<section class="speakers">
<div class="program-title">
<h2 class="Feat-Spkrs">Featured Speakers</h2>
<div class="underline"></div>
</div>
<div class="featured-speakers"></div>
<div class="load-more-btn">
<button type="button" class="btn load-more">
MORE <span><i class="fas fa-angle-down"></i></span>
</button>
</div>
</section>
<section class="partners">
<div class="program-title">
<h2 class="Feat-Spkrs">Partners</h2>
<div class="underline"></div>
</div>
<div class="all-partners">
<div class="each-partner c21">
<h3>Century</h3>
<h3>21</h3>
</div>
<div class="each-partner google">
<h3>Google</h3>
</div>
<div class="each-partner fg">
<h3>Family Guardian</h3>
</div>
<div class="each-partner bhhs">
<h3>Berkshire Hathaway</h3>
<h3>HomeServices</h3>
</div>
<div class="each-partner airbnb">
<span class="airbnb-i"><i class="fab fa-airbnb"></i></span>
<h3>airbnb</h3>
</div>
</div>
</section>
<footer class="footer">
<div class="footer-logo">
<div class="logo">
<img class="logo-img" src="./images/logo.jpg" alt="Logo">
<div class="logo-text footer-logo-text">
<span>LUX REALTY</span>
</div>
</div>
</div>
<div class="footer-text">
<p>2022 Lux Realty Open House. All Rights Reserved</p>
<p>
For any copyright violation, please contact on the following email
address: stevewdamesjr@gmail.com.
</p>
</div>
</footer>
<script src="https://code.iconify.design/2/2.1.0/iconify.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.15.4/js/all.js" data-auto-a11y="true"></script>
<script src="./JS/featured.js"></script>
</body>
</html>