-
Notifications
You must be signed in to change notification settings - Fork 1
/
contact.html
148 lines (118 loc) · 4.98 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
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jon's Head in the Cloud(s)</title>
<link rel="shortcut icon" href="favicon.ico">
<!-- Add your CSS files here -->
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/themes/blue.css">
<!-- Add your fonts here -->
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<!-- Add your scripts here -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script>
function initialize() {
var myLatlng = new google.maps.LatLng(38.991292,-76.93717);
var mapOptions = {
zoom: 14,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hard at work!'
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div class="container">
<div class="logo"><img src="img/logo.svg" alt="Logo"></div>
<div class="social">
<a href="http://www.linkedin.com/pub/jon-weisbaum/34/621/52" class="icon-linkedin" title="LinkedIn"></a>
</div>
<!-- Social Icons End -->
<header>
<nav id="nav">
<ul class="nav">
<li><img src="img/logo.svg" alt="My Logo"></li>
<li><a href="index.html" class="icon-user"><span>Profile</span></a></li>
<!--
<li><a href="work.html" class="icon-briefcase"><span>Work</span></a></li>
-->
<li class="active"><a href="contact.html" class="icon-mail"><span>Contact</span></a></li>
</ul>
</nav>
</header>
<!-- Header End -->
<section class="content">
<article class="contact">
<h2>Inquiry</h2>
<form action="send.php" name="contactform" class="contactform" method="post">
<label for="name">Full name<span class="required">*</span></label>
<input type="text" name="name" id="name" placeholder="Enter your name" required>
<label for="company">Company<span class="required">*</span></label>
<input type="text" name="company" id="company" placeholder="Where do you work?" required>
<label for="email">Email address<span class="required">*</span></label>
<input type="email" name="email" id="email" pattern="^[A-Za-z0-9](([_\.\-]?[a-zA-Z0-9]+)*)@([A-Za-z0-9]+)(([\.\-]?[a-zA-Z0-9]+)*)\.([A-Za-z]{2,})$" placeholder="e.g. [email protected]" required>
<!-- <div class="budgetrange">
<label for="budget1">Budget range<span class="required">*</span></label><br>
<input type="radio" name="budget" id="budget1" value="$1.000 - €2.000" checked>
<label for="budget1" class="radio">$1.000 - 2.000</label>
<input type="radio" name="budget" id="budget2" value="$2.001 - €5.000">
<label for="budget2" class="radio">$2.001 - 5.000</label>
<input type="radio" name="budget" id="budget3" value="$5.001 - 10,000+">
<label for="budget3" class="radio">$5.001 - 10,000+</label>
</div>
-->
<label for="project">Project description<span class="required">*</span></label><br>
<textarea name="project" id="project" cols="40" rows="3" placeholder="Describe your project and add some details." required></textarea>
<input type="submit" name="submit" id="submit" value="Send">
</form>
</article>
<!-- Contact End -->
<aside class="sidebar">
<div class="c-data">
<h2>Contact</h2>
<p>
<strong>Jon Weisbaum</strong><br>
San Francisco, CA<br>
United States<br>
</p>
<p>
<!-- <strong>E-Mail Contact:</strong> -->
<a class="c-email" href="mailto:[email protected]">Email Me</a>
</p>
</div>
</aside>
<!-- Sidebar End -->
</section>
<!-- Content Section End -->
</div>
<!-- Container End -->
<!-- Add your scripts here -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/plugins.js"></script>
<script>
var navigation = responsiveNav("#nav", {
animate: true, // Boolean: Use CSS3 transitions, true or false
transition: 400, // Integer: Speed of the transition, in milliseconds
label: "", // String: Label for the navigation toggle
insert: "before", // String: Insert the toggle before or after the navigation
customToggle: "", // Selector: Specify the ID of a custom toggle
openPos: "relative", // String: Position of the opened nav, relative or static
jsClass: "js", // String: 'JS enabled' class which is added to <html> el
init: function(){}, // Function: Init callback
open: function(){}, // Function: Open callback
close: function(){} // Function: Close callback
});
</script>
</body>
</html>