contact.html

<!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>
	&copy; 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>