-
Notifications
You must be signed in to change notification settings - Fork 8
/
contact.html
113 lines (102 loc) · 4.2 KB
/
contact.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css"></link>
<!-- Get the latest version of jQuery hosted by google -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--
Normally, for the purpose of loading pages quickly,
scripts would go in the body, just before the closing </body> tag.
For simplicity's sake, I've put them in the <head>.
Notice, also, the path for the script.js file - normally I would
encourage you to set the file path as "/script.js", which means "script.js
is located in the root directory of the site" but I left the
leading slash off so you could run this in a non-server environment (ask me
if you want more details about that).
The current file path just means "script.js is located in the same
directory as the file that's including it". Since all the html files
in this project are located in the same folder, this is fine, but
it's important to understand the distinction.
-->
</head>
<body>
<div id="wrapper">
<div id="ga-header" class="clearfix">
<a target="_blank" href="https://generalassemb.ly/learn/web-development" title="Learn Web Development">
<img width="25" src="GA_cog_300px.png" />
</a>
</div>
<div id="content">
<nav id="header">
<h1 id="logo"><a href="index.html">Realty<span>Corp</span></a></h1>
<ul>
<li>
<a href="#">About Us</a>
</li>
<li>
<a href="listings.html">Listings</a>
</li>
<li class="last">
<a href="contact.html">Contact Us</a>
</li>
</ul>
</nav>
<div id="main">
<h2>We show you apartments. <span>You pay us money.</span></h2>
<h3>Contact us so we can show you apartments</h3>
<form id="contact-form" method="post" action="contact.html">
<div class="input text half-line first-name">
<label for="first-name">First Name*</label>
<input id="first-name" name="first-name" type="text" />
</div>
<div class="input text half-line last-name">
<label for="last-name">Last Name*</label>
<input id="last-name" name="last-name" type="text" />
</div>
<div class="input text email">
<label for="email">Email Address*</label>
<input id="email" name="email" type="text" />
</div>
<div class="input text phone">
<label for="phone">Phone Number</label>
<input id="phone" name="phone" type="text" />
</div>
<div class="input checkboxes neighborhoods">
<label>Neighborhoods (choose at least 2)*</label>
<div class="checkbox-container">
<input name="neighborhoods[]" type="checkbox" id="n-1" value="Murray Hill"/>
<label for="n-1">Murray Hill</label>
</div>
<div class="checkbox-container">
<input name="neighborhoods[]" type="checkbox" id="n-2" value="East Village"/>
<label for="n-2">East Village</label>
</div>
<div class="checkbox-container">
<input name="neighborhoods[]" type="checkbox" id="n-3" value="Tribeca"/>
<label for="n-3">Tribeca</label>
</div>
<div class="checkbox-container">
<input name="neighborhoods[]" type="checkbox" id="n-4" value="Stuyvesant Town"/>
<label for="n-4">Stuyvesant Town</label>
</div>
<div class="checkbox-container">
<input name="neighborhoods[]" type="checkbox" id="n-5" value="Hell's Kitchen"/>
<label for="n-5">Hell's Kitchen</label>
</div>
<div class="checkbox-container">
<input name="neighborhoods[]" type="checkbox" id="n-6" value="Financial District"/>
<label for="n-6">Financial District</label>
</div>
</div>
<div class="input textarea comments">
<label for="comments">Comments</label>
<textarea id="comments" name="comments" placeholder="Tell us about your ideal apartment and we'll try to find it for you."></textarea>
</div>
<input type="submit" id="submit-button" value="Submit" />
</form> <!-- end #contact-form -->
</div> <!-- end #main -->
</div> <!-- end #content -->
</div> <!-- end #wrapper -->
</body>
</html>