-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (174 loc) · 9.79 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zillow: Real Estate, Apartments, Mortgages & Home Values</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="main">
<div class="page1">
<nav class="searchbar2">
<img src="z-logo.svg" alt="">
<div class="hmm">
<input type="search" placeholder="Enter an address, neighbourhood, city, or ZIP code">
<i class="fa-solid fa-magnifying-glass " style="color: #006AFF;"></i>
</div>
</nav>
<nav>
<div class="left">
<h4><a href="">Buy</a></h4>
<h4><a href="">Rent</a></h4>
<h4><a href="">Sell</a></h4>
<h4><a href="">Home Loans</a></h4>
<h4><a href="">Agent finder</a></h4>
</div>
<img src="z-logo.svg">
<div class="right">
<h4><a href="">Manage Rentals</a></h4>
<h4><a href="">Advertise</a></h4>
<h4><a href="">Help</a></h4>
<h4><a href="">Sign In</a></h4>
</div>
</nav>
<div class="bg">
<div class="bg-info">
<h2>Agents. Tours. Loans. Homes.</h2>
<div class="searchbar">
<input type="search" placeholder="Enter an address, neighbourhood, city, or ZIP code">
<i class="fa-solid fa-magnifying-glass fa-xl" style="color: #006AFF;"></i>
</div>
</div>
</div>
<div class="rec">
<div class="rec-text">
<h3>Get home recommendations</h3>
<h4>Sign in for a more personalized experience.</h4>
<a href="">Sign in</a>
</div>
<div class="rec-img">
<img src="GatedCarousel_Desktop (1).webp" alt="">
</div>
</div>
<div class="cards">
<div class="cards-item">
<div class="card">
<img src="Buy_a_home.webp" alt="">
<h2>Buy a home</h2>
<h3>Find your place with an immersive photo experience and the most listings,
including things you won't find anywhere else.
</h3>
<a href="">Browse homes</a>
</div>
<div class="card">
<img src="Sell_a_home.webp" alt="">
<h2>Sell a home</h2>
<h3>No matter what path you taketo sell your home, we can help you navigate a
successful sale.
</h3>
<a href="">See your options</a>
</div>
<div class="card">
<img src="Rent_a_home.webp" alt="">
<h2>Rent a home</h2>
<h3>We're creating a seamless online experience from shopping on the largest rental
network, to apply, to pay rent.
</h3>
<a href="">Find rentals</a>
</div>
</div>
</div>
<div class="zillow">
<div class="part1">
<h2>About Zillow's Recommendations</h2>
<h3>Recommendations are based on your location and search activity, such as the homes
you’ve viewed and saved and the filters you’ve used. We use this information to bring
similar homes to your attention, so you don’t miss out.
</h3>
<div class="part1-link">
<div class="link"><a href="">Real Estate</a><i class="fa-solid fa-angle-down" style="color: #0095ff;"></i></div>
<div class="link"><a href="">Rentals</a><i class="fa-solid fa-angle-down" style="color: #0095ff;"></i></div>
<div class="link"><a href="">Mortgage Rates</a><i class="fa-solid fa-angle-down" style="color: #0095ff;"></i></div>
<div class="link"><a href="">Browse Homes</a><i class="fa-solid fa-angle-down" style="color: #0095ff;"></i></div>
</div>
</div>
<div class="part2">
<div class="part2-main">
<div class="part2-links">
<a href="">About</a>
<a href="">Zestimates</a>
<a href="">Research</a>
<a href="">Careers</a>
<a href="">Carrers-U.S. Privacy Notice</a>
<a href="">Carrers-Mexico Privacy Notice</a>
<a href="">Help</a>
<a href="">Advertise</a>
<a href="">Fair Housing Guide</a>
<a href="">Terms of use</a>
<a href="">Privacy Portal</a>
<a href="">Cookie Preference</a>
<a href="">Learn</a>
<a href="">AI</a>
<a href="">Mobile Apps</a>
</div>
<div class="part22">
<a href="">Trulia</a>
<a href="">StreetEasy</a>
<a href="">HotPads</a>
<a href="">Out East</a>
<a href="">ShowingTime+</a>
</div>
<div class="lastlink">
<a href="">Do Not Sell or Share My Personal Information<i class="fa-solid fa-arrow-right" style="color: #0D4599;"></i></a>
</div>
</div>
</div>
</div>
<div class="part3">
<div class="text1">
<h6>Zillow Group is committed to ensuring digital accessibility for individuals with disabilities. We are continuously working to improve the accessibility of our web experience for everyone, and we welcome feedback and accommodation requests. If you wish to report an issue or seek an accommodation, please <a href="">let us know.</a></h6>
</div>
<div class="text2">
<h6>Zillow, Inc. holds real estate brokerage <a href="">licenses</a> in multiple states. Zillow (Canada), Inc. holds real estate brokerage <a href="">licenses</a> in multiple provinces.</h6>
<h6><a href="">§ 442-H New York Standard Operating Procedures</a></h6>
<h6><a href="">§ New York Fair Housing Notice</a></h6>
<h6>TREC: <a href="">Information about Brokerage services, Consumer protection notice</a></h6>
<h6>California DRE #1522444 </h6>
<h6><a href="" class="unique">Contact Zillow, Inc. Brokerage</a></h6>
</div>
<div class="text3">
<h6>For listings in Canada, the trademarks REALTOR®, REALTORS®, and the REALTOR® logo are controlled by The Canadian Real Estate Association (CREA) and identify real estate professionals who are members of CREA. The trademarks MLS®, Multiple Listing Service® and the associated logos are owned by CREA and identify the quality of services provided by real estate professionals who are members of CREA. Used under license.</h6>
<div class="store">
<img src="app-store-badge.svg" alt="">
<img src="google-play-badge.svg" alt="">
</div>
<div class="imp">
<img src="z-logo.svg">
<h6>Follow us:</h6>
<i class="fa-brands fa-facebook fa-xl" style="color: #0066af;"></i>
<i class="fa-brands fa-instagram fa-xl" style="color: #0066af;"></i>
<i class="fa-brands fa-tiktok fa-xl" style="color: #0066af;"></i>
<h6>© 2006-2024 Zillow</h6>
<i class="fa-solid fa-house fa-xl" style="color: #000000;"></i>
</div>
</div>
<div class="lastimg">
<img src="footer.svg" alt="">
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/gsap.min.js"
integrity="sha512-EZI2cBcGPnmR89wTgVnN3602Yyi7muWo8y1B3a8WmIv1J9tYG+udH4LvmYjLiGp37yHB7FfaPBo8ly178m9g4Q=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.4/ScrollTrigger.min.js"
integrity="sha512-OzC82YiH3UmMMs6Ydd9f2i7mS+UFL5f977iIoJ6oy07AJT+ePds9QOEtqXztSH29Nzua59fYS36knmMcv79GOg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
</body>
</html>