This repository has been archived by the owner on Jul 6, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
real-estate-listings.html
executable file
·135 lines (121 loc) · 5.6 KB
/
real-estate-listings.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>Exceptional Realty Group - Luxury Homes - Listings</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
</head>
<body>
<div id="social">
<a class="twit" href="#" title="Twitter">Twitter</a>
<a class="fbook" href="#" title="Facebook">Facebook</a>
<a class="gplus" href="#" title="Google Plus">Google Plus</a>
</div>
<div class="white-wood">
<header class="medium-fade shadow">
<div class="wrapper">
<div id="logo">
<h1>Exceptional Realty Group</h1>
<h2>Exceptional Realty Group</h2>
</div>
</div><!-- .wrapper -->
<div id="navbar" class="light-fade">
<div class="wrapper">
<nav>
<a href="index.html">About</a><a href="new-properties.html">New Properties</a><a class="selected" href="real-estate-listings.html">Listings</a><a href="market-report.html">Market Report</a><a href="contact.html">Contact</a><a href="http://hud.gov" target="_blank">H.U.D.</a><a class="menu-icon">☰</a>
</nav>
</div><!-- .wrapper -->
</div><!-- #navbar -->
</header>
<div class="wrapper clearfix">
<section class="col-1 first shadow">
<img src="images/condo.jpg" alt="condo">
<h3>Condos</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, perspiciatis atque amet repudiandae sed unde facilis tempora aspernatur. Repellendus, beatae eaque velit dolores incidunt reprehenderit officiis consectetur impedit numquam ad.</p>
</section>
<section class="col-1 shadow">
<img src="images/townhome.jpg" alt="townhome">
<h3>Townhomes</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, perspiciatis atque amet repudiandae sed unde facilis tempora aspernatur. Repellendus, beatae eaque velit dolores incidunt reprehenderit officiis consectetur impedit numquam ad.</p>
</section>
<section class="col-1 shadow">
<img src="images/coop.jpg" alt="coop">
<h3>Co-Ops</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, perspiciatis atque amet repudiandae sed unde facilis tempora aspernatur. Repellendus, beatae eaque velit dolores incidunt reprehenderit officiis consectetur impedit numquam ad.</p>
</section>
<h2 class="milk-text clear">Featured Listings</h2>
<section class="col-2 first shadow">
<img src="images/featured.jpg" alt="featured">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, molestias, quaerat in commodi autem itaque officia laboriosam fugiat perferendis et assumenda cum aliquid. Officia, officiis ullam deleniti est illum dignissimos!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, molestias, quaerat in commodi autem itaque officia laboriosam fugiat perferendis et assumenda cum aliquid. Officia, officiis ullam deleniti est illum dignissimos!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, molestias, quaerat in commodi autem itaque officia laboriosam fugiat perferendis et assumenda cum aliquid. Officia, officiis ullam deleniti est illum dignissimos!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, molestias, quaerat in commodi autem itaque officia laboriosam fugiat perferendis et assumenda cum aliquid. Officia, officiis ullam deleniti est illum dignissimos!</p>
</section>
<section class="col-1 shadow">
<h3>Property Archive</h3>
<h4>2014</h4>
<ul>
<li>Dec</li>
<li>Nov</li>
<li>Oct
<ul>
<li>17th</li>
<li>18th</li>
</ul>
</li>
</ul>
</section>
<section class="col-1 shadow">
<h3>Popular Listings</h3>
<!-- ordered list -->
<ol>
<li>348 Stockton St.</li>
<li>3742A Belevadere Rd.</li>
<li>41 Cleaton Ave.</li>
</ol>
</section>
</div><!-- .wrapper -->
</div><!-- .white-wood -->
<section id="details" class="medium-fade">
<div class="wrapper clearfix">
<div class="col-1 first border-right">
<h3>Contact</h3>
<p>
email: <a href="mailto:info@exceptionalrealty.com">info@exceptionalrealty.com</a><br>
phone: +1 710 555 1234
</p>
<h3>Correspondence</h3>
<address>
Exceptional Realty<br>
P.O. Box 5555<br>
Brooklyn, NY 11201
</address>
</div>
<div class="col-1 border-right">
<h3>Links</h3>
<p>
<a href="#" target="_blank">Home Restoration</a><br>
<a href="#" target="_blank">Affordable Mortgages</a><br>
<a href="#" target="_blank">Professional Moving Crew</a>
</p>
</div>
<div class="col-1">
<h3>Follow</h3>
<p>
<a href="#" target="_blank">YouTube</a><br>
<a href="#" target="_blank">Facebook</a><br>
<a href="#" target="_blank">Twitter</a>
</p>
</div>
</div><!-- .wrapper -->
</section>
<footer>
© 2014 Exceptional Realty. All Rights Reserved.
</footer>
</body>
</html>