-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
225 lines (190 loc) · 8.36 KB
/
contact.html
File metadata and controls
225 lines (190 loc) · 8.36 KB
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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>OpenBoxes | Contact Us</title>
<meta name="description" content="OpenBoxes is a logistics information management system designed to track inventory and supply chain movements for healthcare facilities.">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="OpenBoxes" />
<meta property="og:type" content="company" />
<meta property="og:url" content="http://openboxes.com" />
<meta property="og:image" content="http://openboxes.com/images/logo.jpg" />
<meta property="og:site_name" content="OpenBoxes" />
<meta property="fb:admins" content="100001231730655" />
<!-- Le styles -->
<link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="./bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
<style type="text/css">
body { padding-top: 60px; }
@media (max-width: 980px) {
body { padding-top: 0;}
}
.center { float: none; margin-left: auto; margin-right: auto; }
.icon-large:before { 1.3em }
ul.features > li { margin:0 5px 5px 0; vertical-align:top;}
footer { text-align: center; }
.centered-content{ text-align:center !important; vertical-align: middle !important;}
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;text-align:center;}
</style>
<link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css">
<style type="text/css"> #contact_form { margin: 20px auto; width: 75%; } </style>
</head>
<body>
<!--#include file="header.ext" -->
<div class="clear"/>
<div class="container">
<div class="row">
<div class="span10 offset1">
<h1>Contact Us</h1>
</div>
</div>
<div class="row">
<div class="span12">
<div id="contact_form">
<form id="test_form" name="contact" method="post" action="" class="well">
<label for="name">Name</label>
<input type="text" name="name" id="name" value="" class="span6" />
<label for="email">Email</label>
<input type="email" name="email" id="email" value="" class="span6" />
<label for="subject">Subject</label>
<input type="text" name="subject" id="subject" value="" class="span6" />
<label for="message">Message</label>
<textarea name="message" id="message" class="span8" rows="6" placeholder="Enter your feedback, comments, or rant ..."></textarea>
<div class="form-actions">
<button class="btn btn-primary" type="submit">Submit feedback</button>
<button class="btn">Cancel</button>
</div>
</form>
</div>
</div>
</div>
<hr/>
<!--
<div class="row-fluid">
<div id="disqus_thread"></div>
</div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'openboxes'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'openboxes'; // required: replace example with your forum shortname
/* * * DON'T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement('script'); s.async = true;
s.type = 'text/javascript';
s.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
}());
</script>
-->
</div>
<footer>
<div>
© 2014 OpenBoxes | <a href="mailto:info@openboxes.com">info@openboxes.com</a>
</div>
</footer>
<script src="./ember/js/libs/jquery-1.9.1.js"></script>
<script src="./bootstrap/js/bootstrap.js"></script>
<script src="./ember/js/libs/handlebars-1.0.0-rc.4.js"></script>
<script src="./ember/js/libs/ember-1.0.0-rc.6.1.js"></script>
<script type="text/javascript" src="http://cloud.github.com/downloads/jaubourg/jquery-jsonp/jquery.jsonp-2.4.0.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-37396941-2', 'openboxes.com');
ga('require', 'linkid', 'linkid.js');
ga('send', 'pageview');
</script>
<script>
// Include the UserVoice JavaScript SDK (only needed once on a page)
UserVoice=window.UserVoice||[];(function(){var uv=document.createElement('script');uv.type='text/javascript';uv.async=true;uv.src='//widget.uservoice.com/YkvS1YXcD9o2f8tiOphf5Q.js';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(uv,s)})();
//
// UserVoice Javascript SDK developer documentation:
// https://www.uservoice.com/o/javascript-sdk
//
// Set colors
UserVoice.push(['set', {
accent_color: '#448dd6',
trigger_color: 'white',
trigger_background_color: 'rgba(46, 49, 51, 0.6)'
}]);
// Identify the user and pass traits
// To enable, replace sample data with actual user traits and uncomment the line
UserVoice.push(['identify', {
//email: 'john.doe@example.com', // User’s email address
//name: 'John Doe', // User’s real name
//created_at: 1364406966, // Unix timestamp for the date the user signed up
//id: 123, // Optional: Unique id of the user (if set, this should not change)
//type: 'Owner', // Optional: segment your users by type
//account: {
// id: 123, // Optional: associate multiple users with a single account
// name: 'Acme, Co.', // Account name
// created_at: 1364406966, // Unix timestamp for the date the account was created
// monthly_rate: 9.99, // Decimal; monthly rate of the account
// ltv: 1495.00, // Decimal; lifetime value of the account
// plan: 'Enhanced' // Plan name for the account
//}
}]);
// Add default trigger to the bottom-right corner of the window:
UserVoice.push(['addTrigger', { mode: 'contact', trigger_position: 'bottom-right' }]);
// Or, use your own custom trigger:
//UserVoice.push(['addTrigger', '#id', { mode: 'contact' }]);
// Autoprompt for Satisfaction and SmartVote (only displayed under certain conditions)
UserVoice.push(['autoprompt', {}]);
</script>
<script type="text/javascript">
$('#test_form').submit(function(evt) {
evt.preventDefault(); // Don't do default action
// Replace this with your subdomain!
var uvSubdomain = "openboxes";
// Create an API client (non-trusted) within the UserVoice settings/channels section. Paste the key only here.
var uvKey = "nhzUkFtBsoX9KHKKpUBTBg";
// Grab the data we need to send
var message = $('#message').val();
var subject = $('#subject').val();
var name = $('#name').val();
var email = $('#email').val();
if (message && subject && name && email) {
// Execute the JSONP request to submit the ticket
$.jsonp({
url: 'https://' + uvSubdomain + '.uservoice.com/api/v1/tickets/create_via_jsonp.json?callback=?',
data: {
client: uvKey,
ticket: {
message: message,
subject: subject
},
name: name,
email: email
},
success: function(data) {
// You might want to redirect the user here, or show a stylized message to them.
alert('Successfully submitted ticket!');
},
error: function(d, msg) {
// Darn -- something went wrong. You might want to display a message to the user.
alert("Sorry, something went horribly wrong. Please email support@openboxes.com with your suggestion or feedback.");
}
});
}
else {
alert("Please complete the entire form -- all fields are required. ");
}
return false;
});
</script>
</body>
</html>