codealong1/index.html at master · nancyhawa/codealong1 · 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
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Exceptional Realty - Luxury Homes - About
	</title>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.min.css">
	<link rel="stylesheet" href="css/style.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"> </script>
</head>
<body>
	<header>
		<div id="logo">
			<h1>Exceptional</h1>
			<h2>Realty Group</h2>
		</div>

		<nav>
			<a href="index.html">About</a>
			<a href="new-properties.html">New Properties</a>
			<a href="real-estate-listings.html">Listings</a>
			<a href="market-report.html">Market Report</a>
			<a href="contact.html">Contat</a>
			<a href="http://hud.gov">H.U.D</a>
		</nav>

	</header>

	<section id="featured-property">
		<figure>
			<img src="images/intro-pic.jpg" alt="Image not available." title = "Welcome to Exceptional Realty Group">
			<figcaption>Apartment 1, Carrol Rd, Brooklyn, NY.  Photo by Denise Richards</figcaption>
		</figure>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	</section>

	<!-- promo video -->
	<section id="promotional">
		<figure>
			<video controls>
				<source src="videos/real-estate.mp4" type="video/mp4">
				<source src="videos/real-estate.ogv" type="video/ogg">
				Your browser does not support HTML5 video.  <a href="http://browshappy.com" target="-blank">Please upgrade your browser.</a>
			</video>
		</figure>
		<figcaption>
			Exceptional Realty Group Promotional Video, Source - archive.org
		</figcaption>

	</section>

	<section id="details">
		<div>
			<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  11209
			</address>
		</div>

		<div>
			<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>
			<h3>Follow</h3>
			<p>
				<a href="#" target="_blank">Youtube</a><br>
				<a href="#" target="_blank">Facebook</a><br>
				<a href="#" target="_blank">Twitter</a><br>
			</p>
		</div>
	</section>

	<footer>
		&copy; 2015 Exceptional Realty.  All Rights Reserved.
	</footer>
</body>
</html>