-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
443 lines (432 loc) · 18.6 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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
<!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/style.css" />
<script defer src="js/index.js"></script>
<title>Julie Hansen Partnership | Pleasanton & Livermore Real Estate</title>
</head>
<body>
<div for="nav" class="navigation__toggle">
<div class="navigation__icon"> </div>
</div>
<div class="navigation hidden">
<div class="navigation__bg"> </div>
<nav class="nav nav-active">
<ul class="nav__list">
<li class="nav__item">
<a href="#" class="nav__link">Home</a>
</li>
<li class="nav__item">
<a href="#features" class="nav__link">About</a>
</li>
<li class="nav__item">
<a href="#communities" class="nav__link">Communities</a>
</li>
<li class="nav__item">
<a href="#listings" class="nav__link">Listings</a>
</li>
<li class="nav__item">
<a href="#services" class="nav__link">Services</a>
</li>
<li class="nav__item">
<a href="#testimonials" class="nav__link">Testimonials</a>
</li>
<li class="nav__item">
<a href="#work" class="nav__link">Contact Us</a>
</li>
</ul>
</nav>
</div>
<header class="header container">
<div class="bg-video">
<video class="bg-video__content" autoplay muted loop>
<source
src="https://res.cloudinary.com/luxuryp/videos/f_auto,q_auto/davjiq4czhgnzqkv54yf/img_0250.mp4"
type="video/mp4"
/>
<source
src="https://res.cloudinary.com/luxuryp/videos/f_auto,q_auto/davjiq4czhgnzqkv54yf/img_0250.webm"
type="video/webm"
/>
</video>
</div>
<h4 class="heading-subheading-main"> </h4>
<h1 class="heading-primary mb-sm">Julie Hansen Partnership</h1>
<p class="heading-text mb-md">Julie Hansen-Orvis | CA DRE# 00934447</p>
<div class="header__btn-box">
<a href="#listings" class="btn btn-outline">Search for Homes</a>
<a href="#team" class="btn btn-full">Meet the Team</a>
</div>
</header>
<main>
<section id="features" class="features container">
<div class="features__grid grid-4-cols">
<div class="features__grid-item">
<svg class="features__icon mb-sm">
<use xlink:href="img/sprite.svg#icon-mail"></use>
</svg>
<div class="features__content">
<h3 class="heading-tertiary mb-xs">Responsive</h3>
<p class="text">
I'm always available via phone, text, or email for inquiries.
</p>
</div>
</div>
<div class="features__grid-item">
<svg class="features__icon">
<use xlink:href="img/sprite.svg#icon-flag"></use>
</svg>
<div class="features__content">
<h3 class="heading-tertiary mb-xs">Syndication</h3>
<p class="text">
I market your property locally, nationally, and internationally
</p>
</div>
</div>
<div class="features__grid-item">
<svg class="features__icon">
<use xlink:href="img/sprite.svg#icon-location"></use>
</svg>
<div class="features__content">
<h3 class="heading-tertiary mb-xs">Virtual Tour</h3>
<p class="text">
I market your property locally, nationally, and internationally
</p>
</div>
</div>
<div class="features__grid-item">
<svg class="features__icon">
<use xlink:href="img/sprite.svg#icon-camera">Photography</use>
</svg>
<div class="features__content">
<h3 class="heading-tertiary mb-xs">Virtual Tour</h3>
<p class="text">
Beatiful, high-end photography is part of our marketing plan.
</p>
</div>
</div>
</div>
</section>
<section id="team" class="team container">
<div class="team__grid grid-2-cols">
<div class="team__grid-item team__grid-item-img"> </div>
<div class="team__grid-item team__grid-item-content">
<p class="heading-subheading-sub">Get to know our talented team</p>
<h2 class="heading-secondary mb-sm">Meet Julie Hansen</h2>
<p class="text mb-md">
Julie Hansen-Orvis is the Team leader of Hansen Partners at
J.Rockliff Realtors. She began selling homes at the age of 18
after working with her Mother who was a Realtor. Over the last 33
years Julie has been succesfull in many areas of Real Estate. She
has been a top producing Realtor in residential home sales as both
a listing and selling Agent. An award winning new home sales agent
and manager. She started her own sales, marketing and development
services company. Her experience is very broad in the Real Estate
industry.
</p>
<a href="team.html" class="btn btn-full">Learn more</a>
</div>
</div>
</section>
<section id="communities" class="communities">
<div class="communities__grid-item communities__grid-item-1">
<h4 class="heading-subheading-sub">
Learn more about your desired area
</h4>
<h2 class="heading-secondary mb-sm">Featured Communities</h2>
</div>
<div class="communities__grid-item communities__grid-item-2">
<h2 class="heading-secondary">Livermore</h2>
<a href="livermore.html" class="btn btn-outline">Explore</a>
</div>
<div class="communities__grid-item communities__grid-item-3">
<h2 class="heading-secondary">Pleasanton</h2>
<a href="pleasanton.html" class="btn btn-outline">Explore</a>
</div>
<div class="communities__grid-item communities__grid-item-4">
<h2 class="heading-secondary">Dublin</h2>
<a href="dublin.html" class="btn btn-outline">Explore</a>
</div>
</section>
<div class="video__overlay hidden">
<div class="video__box">
<iframe
class="video"
src="https://player.vimeo.com/video/434213215?h=f689b5d773&title=0&byline=0&portrait=0&autoplay=0"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen
></iframe>
</div>
</div>
<section id="listings" class="listings container">
<h4 class="heading-subheading-sub">Explore Our Listings</h4>
<h2 class="heading-secondary mb-sm">
Welcome to "Homes Across America"
</h2>
<p class="text mb-sm">
Introducing "Homes Across America"! We are proud to introduce our
strategic alliance with our partner agents. We will be introducing
luxury homes in various locations from the East Coast out to
California. There are so many amazing luxury homes that you will get
to see. If you are considering relocating, give us a call and we can
connect you with one of our top-notch local market experts.
</p>
<button class="btn-submit pop-btn popup-open mb-lg">Contact us</button>
<div class="listings__grid grid-2-cols">
<div class="listings__grid-item listings__grid-item-text">
<h2 class="heading-secondary mb-sm">Luxury in Franklin Lakes</h2>
<p class="text grid-text mb-sm">
One of the most spectacular properties in Franklin Lakes. This
magnificent 4-acre setting is ultra-private, impeccably built &
designed for entertaining with a casual style.
</p>
<p class="text grid-text mb-sm">
Outstanding two-story great room has stunning floor-to-ceiling
windows, a fabulous classic bar, the gourmet kitchen suite opens
to a family room & the striking library has a spiral staircase
leading to the wine tasting room. Upstairs houses the luxurious
master suite with private balcony, 2 en-suite bedrooms, 2
additional bedrooms and full bath.
</p>
<p class="text grid-text mb-sm">
Fun recreation in the lower level with the awesome indoor
basketball court, gym, spa bath, game room & movie night in the
10-seated theater. This special residence offers extraordinary
outdoor features including a pool with 30 ft. slide, spa,
waterfall, outdoor bar, built-in BBQ, pizza oven, heated pool
house, lighted tennis court and so much more. Vacation right at
your own home!
</p>
<p class="listings__address mb-sm">23 Shinnecock Trail</p>
<button class="mb-sm grid-btn popup-open">
Contact Agent →
</button>
<div class="listings__icon-box">
<a href="#">
<svg class="listings__icon">
<use
xlink:href="img/sprite.svg#icon-facebook-with-circle"
></use>
</svg>
</a>
<a href="#">
<svg class="listings__icon">
<use
xlink:href="img/sprite.svg#icon-linkedin-with-circle"
></use>
</svg>
</a>
<a href="listings.html" class="btn btn-full">View all Listings</a>
</div>
</div>
<div class="listings__grid-item listings__grid-item-img">
<div class="listings__btn-box">
<button class="btn btn-play vid-btn">
<svg class="listings__icon-play">
<use xlink:href="img/sprite.svg#icon-controller-play"></use>
</svg>
</button>
</div>
</div>
</div>
</section>
<section id="services" class="services container">
<div class="services__grid grid-2-cols">
<div class="box">
<div class="services__grid-item services__grid-item-1">
<h2 class="heading-secondary">Our Services</h2>
<a href="services.html" class="btn btn-outline"> Learn more </a>
</div>
</div>
<div class="box">
<div class="services__grid-item services__grid-item-2">
<h2 class="heading-secondary">Home Valuation</h2>
<a href="home-valuation.html" class="btn btn-outline">Try Now</a>
</div>
</div>
</div>
</section>
<section id="testimonials" class="testimonials container">
<div class="testimonials__grid grid-2-cols">
<div class="testimonials__grid-item">
<div class="testimonials__img-box">
<img
class="testimonials__img mb-sm"
src="https://mighty.tools/mockmind-api/content/human/65.jpg"
alt="photo"
/>
<p class="text author mb-xs">Rick C.</p>
</div>
<div class="testimonials__content">
<p class="text">
"Julie and Brett were extremely informative from start to
finish. Excellent communication all the way through the entire
process. Julie definitely knows the market. I would use Julie's
team for all of my real estate dealings. Excellent all the way."
</p>
</div>
</div>
<div class="testimonials__grid-item">
<div class="testimonials__img-box">
<img
class="testimonials__img mb-sm"
src="https://mighty.tools/mockmind-api/content/human/44.jpg"
alt="photo"
/>
<p class="text author mb-xs">Erin D.</p>
</div>
<div class="testimonials__content">
<p class="text">
"My overall experience with you Julie and your team was very
special to me. Making the move back up to the Bay Area after 30
years was not an easy task! I so appreciate your professionalism
and expertise during this crazy process."
</p>
</div>
</div>
<div class="testimonials__grid-item">
<div class="testimonials__img-box">
<img
class="testimonials__img mb-sm"
src="https://mighty.tools/mockmind-api/content/human/68.jpg"
alt="photo"
/>
<p class="text author mb-xs">Lisa S.</p>
</div>
<div class="testimonials__content">
<p class="text">
"I don't know how I would have sold my house if it wasn't for
the help from Julie & Brett. THey went above and beyond in many
ways. Some of them were: scheduling contractors, staging the
house, helping sell the existing furniture in my home. The list
could go on and on. All I can say is that the Hansen team is
"AMAZING"!"
</p>
</div>
</div>
<div class="testimonials__grid-item">
<div class="testimonials__img-box">
<img
class="testimonials__img mb-sm"
src="https://mighty.tools/mockmind-api/content/human/62.jpg"
alt="photo"
/>
<p class="text author mb-xs">Jim G.</p>
</div>
<div class="testimonials__content">
<p class="text">
"Julie has been selling homes in our area for many years we know
and trust her we have come back to her many times over the last
30 years she has always done a wonderful job for us. This home
will be the 6th home Julie has listed and sold for us!"
</p>
</div>
</div>
</div>
</section>
<section id="work" class="work">
<h2 class="heading-secondary mb-sm">Work With Us</h2>
<p class="text mb-md">
With decades of experience in luxurious Tri Valley real estate, our
team is here to ensure that your dreams are a reality. Let us guide
you through your home buying journey, contact us today!
</p>
<button class="popup-open">Contact Us</button>
</section>
<div class="popup container hidden">
<div class="popup__content">
<button class="popup__close-btn">
<svg class="popup__icon">
<use xlink:href="img/sprite.svg#icon-cross"></use>
</svg>
</button>
<h2 class="heading-secondary mb-sm">Get in touch</h2>
<form action="#" class="popup__form mb-sm">
<input type="text" placeholder="Full Name" required />
<input type="text" placeholder="Tel/Mobile No." />
<input type="emal" placeholder="Email Adress" required />
<button class="btn">Submit</button>
</form>
<p class="text">
By providing Julie Hansen Partnership your contact information, you
acknowledge and agree to our Privacy Policy and consent to receiving
marketing communications, including through automated calls, texts,
and emails, some of which may use artificial or prerecorded voices.
This consent isn’t necessary for purchasing any products or services
and you may opt out at any time. To opt out from texts, you can
reply, ‘stop’ at any time. To opt out from emails, you can click on
the unsubscribe link in the emails. Message and data rates may
apply.
</p>
</div>
</div>
</main>
<footer class="footer container">
<div class="footer__grid grid-4-cols">
<div class="footer__grid-item footer__grid-item-1">
<h2 class="heading-secondary mb-sm">Julie Hansen Partnership</h2>
<p class="text mb-md">
An elite group of the East Bay’s most talented and visionary real
estate professionals believed buyers and sellers deserved more from
their real estate company. More service. More resources. More
integrity. More global reach. In a word, more of everything people
should expect when they buy or sell their homes.
</p>
<p class="text title mb-xs">ADDRESS</p>
<p class="text mb-xs">4733 Chabot Drive #100 Pleasanton, CA 94588</p>
<p class="text mb-sm">Julie Hansen-Orvis | CA DRE# 00934447</p>
<p class="text title mb-xs">CONTACT INFORMATION</p>
<a class="link text mb-xs" href="tel: (925) 553-6707 ">
(925) 553-6707
</a>
<a class="link text mb-md" href="mailto:luxuryhomesinwc@icloud.com"
>luxuryhomesinwc@icloud.com</a
>
<div class="footer__icon-box">
<a href="#">
<svg class="footer__icon">
<use
xlink:href="img/sprite.svg#icon-linkedin-with-circle"
></use>
</svg>
</a>
<a href="#">
<svg class="footer__icon">
<use
xlink:href="img/sprite.svg#icon-facebook-with-circle"
></use>
</svg>
</a>
</div>
</div>
<div class="footer__grid-item footer__grid-item-2 footer__grid-item-2">
<h2 class="heading-secondary mb-sm">Newsletter</h2>
<p class="text subscribe mb-md">
Subscribe to our Newsletter for latest news and updates. Stay tuned!
</p>
<form class="footer__form" action="#">
<div class="footer__form-group">
<input
type="email"
placeholder="Email Adress"
required
id="email"
/>
<label for="email">Email Address</label>
</div>
<button class="btn-submit">Submit</button>
</form>
</div>
<div class="footer__grid-item footer__grid-item-3">
<p class="text">Website Designed & Developed by Luxury Presence</p>
</div>
<div class="footer__grid-item footer__grid-item-4">
<p class="text">Copyright 2024 | Privacy Policy</p>
</div>
</div>
</footer>
</body>
</html>