User-Interface-Project-Week/contact.html at master · drkfogle/User-Interface-Project-Week · 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
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Contact Us</title>
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
	<link rel="stylesheet" href="css/index.css">
	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body>
		<section class="container">
			<section class="header">
				<nav>
						<h1>S&J</h1>
						<img src="img/nav-hamburger.png" class="menu-button">

					<div class="menu">
						<img src="img/nav-hamburger-close.png" class="close">
						<a href="index.html">Home</a>
						<a href="services.html">Services</a>
						<a href="contact.html">Contact</a>
					</div>
				</nav>
			</section>
		<div class = "Home-page">
			<img class ="top-pic" src="img/contact/contact-jumbotron.png">
				<h1 class="pic-words contact">Contact Us</h1>
		</div>
	<body>
	<section class = "contact_us">
		<div class = "get_in_touch">
			<div class="enter_email">
			<h2>Get In Touch</h2>
			<span>Enter address</span>
			<form class = "email_css" action="/action_page.php">
				<input type ="email" name = "email" placeholder="Enter email">
			</form>
			<p>We'll never share your email with anyone else.</p>
			</div>
			<div class="building_plan">
				<span>How many buildings do you need planned?</span>
				<select name= "number-of-buildings">
					<option value='1'>1</option>
					<option value='2'>2</option>
					<option value='3'>3</option>
				</select>
			</div>
			<div class = "project-needs">
				<span>Provide a brief overview of your project needs:</span>
				<textarea name ="message" rows = "10" cols = "60"></textarea>
			<input type="radio" name="Who are you" value="business owner" checked> I am a small business owner<br>
			<input type="radio" name="Who are you" value="residential owner" checked> I am a residential owner<br>
			<input type="radio" name="Who are you" value="corporation" checked> I am a corporation<br>
			<button>Submit</button>
			</div>

		</div>
		<div class = "where_we_work">
			<h2>Where We Work</h2>
				<h1>New York</h1>
				<p>123 Lane<br>
				Suite 100<br>
				Albany, NY 12345<br>
				202 555 0144</p>
				<h1>Florida</h1>
				<p>Ocean Drive<br>
				Suite 102<br>
				Orlando,FL 22345<br>
				502 555 0144</p>
				<h1>California</h1>
				<p>Mountain Street<br>
				Suite 105<br>
				San Diego, CA 22345<br>
				702 555 0144</p>
		</div>
	</section>
	</div>
    <footer>
			<span class="emailQ">Interested in starting a project?<br>
			Let's talk:
			<form class="email-css" action="/action_page.php">
			<input type="email" name="email" placeholder="Enter email">
			</form>
			We'll never share your email with anyone else</span>
				<div class="location">
				<h3 class="email-heading">New York</h3>
					<p class="email-text">123 Lane<br>
					Suite 100<br>
					Albany, NY 1234<br>
					202 555 0144</p>
					</div>
				<div class="location">
					<h3 class="email-heading">Florida</h3>
					<p class="email-text">Ocean Drive<br>
					Suite 201<br>
					Orlando,FL 22345<br>
					502 555 0144</p>
					</div>
				<div class="location">
					<h3 class="email-heading">California</h3>
					<p class="email-text">Mountain Street<br>
					Suite 105<br>
					San Diego, CA 22345<br>
					702 555 0144</p>
					</div>
		</footer>
	<h5>Copyright © 2018 Smith and Jones<br></h5>
</section>
	<script src="js/index.js"></script>
	<script src="js/nav.js"></script>
	<script src="js/services.js"></script>
</body>
</html>