<!DOCTYPE html>
<!--[if IE]><html class="no-js ie" lang="en" ><![endif]--><!--[if !(IE)]><!--><html class="no-js" lang="en"><!--<![endif]--><!--[if !IE 7]>
	<style type="text/css">
		#wrap {display:table;height:100%}
	</style>
<![endif]--><head>
	<title>Barley: The inline editor for everyone. Change the web.</title>
<base href="/">
    <meta name="twitter:site" content="getbarley">
    <meta name="twitter:card" content="summary">
        <meta name="twitter:title" content="Barley: The inline editor for everyone. Change the web.">
                <meta property="og:type" content="website">
    <meta property="og:url" content="http://getbarley.com/">
        <meta property="og:title" content="Barley: The inline editor for everyone. Change the web.">
            
<script type="text/javascript" src="https://js.stripe.com/v1/" async></script>
<script type="text/javascript" src="/barley/javascripts/barley_logged_in.js?v=dwWKx9pR" async></script>
<meta charset="utf-8"><script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={xpid:"UAMGUVVXGwEIUFBRAQQ="};window.NREUM||(NREUM={}),__nr_require=function(t,e,n){function r(n){if(!e[n]){var o=e[n]={exports:{}};t[n][0].call(o.exports,function(e){var o=t[n][1][e];return r(o?o:e)},o,o.exports)}return e[n].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<n.length;o++)r(n[o]);return r}({1:[function(t,e){function n(t,e,n){n||(n={});for(var r=o[t],a=r&&r.length||0,s=n[i]||(n[i]={}),u=0;a>u;u++)r[u].apply(s,e);return s}function r(t,e){var n=o[t]||(o[t]=[]);n.push(e)}var o={},i="nr@context";e.exports={on:r,emit:n}},{}],2:[function(t){function e(t,e,n,i,s){return u?u-=1:r("err",[s||new UncaughtException(t,e,n)]),"function"==typeof a?a.apply(this,o(arguments)):!1}function UncaughtException(t,e,n){this.message=t||"Uncaught error with no additional information",this.sourceURL=e,this.line=n}function n(t){r("err",[t,(new Date).getTime()])}var r=t("handle"),o=t(6),i=t(5),a=window.onerror,s=!1,u=0;t("loader").features.push("err"),window.onerror=e,NREUM.noticeError=n;try{throw new Error}catch(d){"stack"in d&&(t(1),t(2),"addEventListener"in window&&t(3),window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&t(4),s=!0)}i.on("fn-start",function(){s&&(u+=1)}),i.on("fn-err",function(t,e,r){s&&(this.thrown=!0,n(r))}),i.on("fn-end",function(){s&&!this.thrown&&u>0&&(u-=1)}),i.on("internal-error",function(t){r("ierr",[t,(new Date).getTime(),!0])})},{1:5,2:4,3:3,4:6,5:1,6:14,handle:"D5DuLP",loader:"G9z0Bl"}],3:[function(t){function e(t){r.inPlace(t,["addEventListener","removeEventListener"],"-",n)}function n(t){return t[1]}var r=t(1),o=(t(3),t(2));if(e(window),"getPrototypeOf"in Object){for(var i=document;i&&!i.hasOwnProperty("addEventListener");)i=Object.getPrototypeOf(i);i&&e(i);for(var a=XMLHttpRequest.prototype;a&&!a.hasOwnProperty("addEventListener");)a=Object.getPrototypeOf(a);a&&e(a)}else XMLHttpRequest.prototype.hasOwnProperty("addEventListener")&&e(XMLHttpRequest.prototype);o.on("addEventListener-start",function(t){if(t[1]){var e=t[1];"function"==typeof e?this.wrapped=e["nr@wrapped"]?t[1]=e["nr@wrapped"]:e["nr@wrapped"]=t[1]=r(e,"fn-"):"function"==typeof e.handleEvent&&r.inPlace(e,["handleEvent"],"fn-")}}),o.on("removeEventListener-start",function(t){var e=this.wrapped;e&&(t[1]=e)})},{1:15,2:1,3:14}],4:[function(t){var e=(t(3),t(1)),n=t(2);e.inPlace(window,["requestAnimationFrame","mozRequestAnimationFrame","webkitRequestAnimationFrame","msRequestAnimationFrame"],"raf-"),n.on("raf-start",function(t){t[0]=e(t[0],"fn-")})},{1:15,2:1,3:14}],5:[function(t){function e(t){var e=t[0];"string"==typeof e&&(e=new Function(e)),t[0]=n(e,"fn-")}var n=(t(3),t(1)),r=t(2);n.inPlace(window,["setTimeout","setInterval","setImmediate"],"setTimer-"),r.on("setTimer-start",e)},{1:15,2:1,3:14}],6:[function(t){function e(){o.inPlace(this,s,"fn-")}function n(t,e){o.inPlace(e,["onreadystatechange"],"fn-")}function r(t,e){return e}var o=t(1),i=t(2),a=window.XMLHttpRequest,s=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"];window.XMLHttpRequest=function(t){var n=new a(t);try{i.emit("new-xhr",[],n),o.inPlace(n,["addEventListener","removeEventListener"],"-",function(t,e){return e}),n.addEventListener("readystatechange",e,!1)}catch(r){try{i.emit("internal-error",r)}catch(s){}}return n},window.XMLHttpRequest.prototype=a.prototype,o.inPlace(XMLHttpRequest.prototype,["open","send"],"-xhr-",r),i.on("send-xhr-start",n),i.on("open-xhr-start",n)},{1:15,2:1}],7:[function(t){function e(){function e(t){if("string"==typeof t&&t.length)return t.length;if("object"!=typeof t)return void 0;if("undefined"!=typeof ArrayBuffer&&t instanceof ArrayBuffer&&t.byteLength)return t.byteLength;if("undefined"!=typeof Blob&&t instanceof Blob&&t.size)return t.size;if("undefined"!=typeof FormData&&t instanceof FormData)return void 0;try{return JSON.stringify(t).length}catch(e){return void 0}}function n(t){var n=this.params,r=this.metrics;if(!this.ended){this.ended=!0;for(var i=0;u>i;i++)t.removeEventListener(s[i],this.listener,!1);if(!n.aborted){if(r.duration=(new Date).getTime()-this.startTime,4===t.readyState){n.status=t.status;var a=t.responseType,d="arraybuffer"===a||"blob"===a||"json"===a?t.response:t.responseText,f=e(d);if(f&&(r.rxSize=f),this.sameOrigin){var c=t.getResponseHeader("X-NewRelic-App-Data");c&&(n.cat=c.split(", ").pop())}}else n.status=0;r.cbTime=this.cbTime,o("xhr",[n,r])}}}function r(t,e){var n=i(e),r=t.params;r.host=n.hostname+":"+n.port,r.pathname=n.pathname,t.sameOrigin=n.sameOrigin}t("loader").features.push("xhr");var o=t("handle"),i=t(1),a=t(5),s=["load","error","abort","timeout"],u=s.length,d=t(2);t(3),t(4),a.on("new-xhr",function(){this.totalCbs=0,this.called=0,this.cbTime=0,this.end=n,this.ended=!1,this.xhrGuids={}}),a.on("open-xhr-start",function(t){this.params={method:t[0]},r(this,t[1]),this.metrics={}}),a.on("open-xhr-end",function(t,e){"loader_config"in NREUM&&"xpid"in NREUM.loader_config&&this.sameOrigin&&e.setRequestHeader("X-NewRelic-ID",NREUM.loader_config.xpid)}),a.on("send-xhr-start",function(t,n){var r=this.metrics,o=t[0],i=this;if(r&&o){var d=e(o);d&&(r.txSize=d)}this.startTime=(new Date).getTime(),this.listener=function(t){try{"abort"===t.type&&(i.params.aborted=!0),("load"!==t.type||i.called===i.totalCbs&&(i.onloadCalled||"function"!=typeof n.onload))&&i.end(n)}catch(e){try{a.emit("internal-error",e)}catch(r){}}};for(var f=0;u>f;f++)n.addEventListener(s[f],this.listener,!1)}),a.on("xhr-cb-time",function(t,e,n){this.cbTime+=t,e?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof n.onload||this.end(n)}),a.on("xhr-load-added",function(t,e){var n=""+d(t)+!!e;this.xhrGuids&&!this.xhrGuids[n]&&(this.xhrGuids[n]=!0,this.totalCbs+=1)}),a.on("xhr-load-removed",function(t,e){var n=""+d(t)+!!e;this.xhrGuids&&this.xhrGuids[n]&&(delete this.xhrGuids[n],this.totalCbs-=1)}),a.on("addEventListener-end",function(t,e){e instanceof XMLHttpRequest&&"load"===t[0]&&a.emit("xhr-load-added",[t[1],t[2]],e)}),a.on("removeEventListener-end",function(t,e){e instanceof XMLHttpRequest&&"load"===t[0]&&a.emit("xhr-load-removed",[t[1],t[2]],e)}),a.on("fn-start",function(t,e,n){e instanceof XMLHttpRequest&&("onload"===n&&(this.onload=!0),("load"===(t[0]&&t[0].type)||this.onload)&&(this.xhrCbStart=(new Date).getTime()))}),a.on("fn-end",function(t,e){this.xhrCbStart&&a.emit("xhr-cb-time",[(new Date).getTime()-this.xhrCbStart,this.onload,e],e)})}window.XMLHttpRequest&&XMLHttpRequest.prototype&&XMLHttpRequest.prototype.addEventListener&&!/CriOS/.test(navigator.userAgent)&&e()},{1:8,2:11,3:3,4:6,5:1,handle:"D5DuLP",loader:"G9z0Bl"}],8:[function(t,e){e.exports=function(t){var e=document.createElement("a"),n=window.location,r={};e.href=t,r.port=e.port;var o=e.href.split("://");return!r.port&&o[1]&&(r.port=o[1].split("/")[0].split(":")[1]),r.port&&"0"!==r.port||(r.port="https"===o[0]?"443":"80"),r.hostname=e.hostname||n.hostname,r.pathname=e.pathname,"/"!==r.pathname.charAt(0)&&(r.pathname="/"+r.pathname),r.sameOrigin=!e.hostname||e.hostname===document.domain&&e.port===n.port&&e.protocol===n.protocol,r}},{}],handle:[function(t,e){e.exports=t("D5DuLP")},{}],D5DuLP:[function(t,e){function n(t,e){var n=r[t];return n?n.apply(this,e):(o[t]||(o[t]=[]),void o[t].push(e))}var r={},o={};e.exports=n,n.queues=o,n.handlers=r},{}],11:[function(t,e){function n(t){if(!t||"object"!=typeof t&&"function"!=typeof t)return-1;if(t===window)return 0;if(o.call(t,"__nr"))return t.__nr;try{return Object.defineProperty(t,"__nr",{value:r,writable:!0,enumerable:!1}),r}catch(e){return t.__nr=r,r}finally{r+=1}}var r=1,o=Object.prototype.hasOwnProperty;e.exports=n},{}],loader:[function(t,e){e.exports=t("G9z0Bl")},{}],G9z0Bl:[function(t,e){function n(){var t=p.info=NREUM.info;if(t&&t.agent&&t.licenseKey&&t.applicationID&&u&&u.body){p.proto="https"===c.split(":")[0]||t.sslForHttp?"https://":"http://",a("mark",["onload",i()]);var e=u.createElement("script");e.src=p.proto+t.agent,u.body.appendChild(e)}}function r(){"complete"===u.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=t("handle"),s=window,u=s.document,d="addEventListener",f="attachEvent",c=(""+location).split("?")[0],p=e.exports={offset:i(),origin:c,features:[]};u[d]?(u[d]("DOMContentLoaded",o,!1),s[d]("load",n,!1)):(u[f]("onreadystatechange",r),s[f]("onload",n)),a("mark",["firstbyte",i()])},{handle:"D5DuLP"}],14:[function(t,e){function n(t,e,n){e||(e=0),"undefined"==typeof n&&(n=t?t.length:0);for(var r=-1,o=n-e||0,i=Array(0>o?0:o);++r<o;)i[r]=t[e+r];return i}e.exports=n},{}],15:[function(t,e){function n(t,e,r,s){function nrWrapper(){try{var n,a=u(arguments),d=this,f=r&&r(a,d)||{}}catch(c){i([c,"",[a,d,s],f])}o(e+"start",[a,d,s],f);try{return n=t.apply(d,a)}catch(p){throw o(e+"err",[a,d,p],f),p}finally{o(e+"end",[a,d,n],f)}}return a(t)?t:(e||(e=""),nrWrapper[n.flag]=!0,nrWrapper)}function r(t,e,r,o){r||(r="");var i,s,u,d="-"===r.charAt(0);for(u=0;u<e.length;u++)s=e[u],i=t[s],a(i)||(t[s]=n(i,d?s+r:r,o,s,t))}function o(t,e,n){try{s.emit(t,e,n)}catch(r){i([r,t,e,n])}}function i(t){try{s.emit("internal-error",t)}catch(e){}}function a(t){return!(t&&"function"==typeof t&&t.apply&&!t[n.flag])}var s=t(1),u=t(2);e.exports=n,n.inPlace=r,n.flag="nr@wrapper"},{1:1,2:14}]},{},["G9z0Bl",2,7]);</script><meta name="viewport" content="width=device-width, maximum-scale=1.0"><link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"><link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160"><meta name="msapplication-TileColor" content="#f3d858"><meta name="msapplication-TileImage" content="/mstile-144x144.png"><link rel="stylesheet" href="stylesheets/normalize.css"><link rel="stylesheet" href="stylesheets/gb_styles.css"><link href="//fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"><script type="text/javascript" src="//use.typekit.net/tyd4hyr.js"></script><script type="text/javascript">try{Typekit.load();}catch(e){}</script><script src="javascripts/custom.modernizr.js"></script><link rel="stylesheet" type="text/css" href="/public/shared/stylesheets/barlicons/barlicons.css?v=dwWKx9pR">
<link rel="stylesheet" type="text/css" href="/public/shared/stylesheets/barley-fonts.css?v=dwWKx9pR">
<link rel="stylesheet" type="text/css" href="/public/templates/components/global_bar/stylesheets/globalbar.css?v=dwWKx9pR">
<link rel="stylesheet" type="text/css" href="/public/templates/components/signup/stylesheets/barleySignup.css?v=dwWKx9pR">

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-38410824-2']);
_gaq.push(['_setDomainName', 'getbarley.com']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript';
  ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' :
  'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(ga, s);
})();

</script>
</head><body>
<div class="sub-nav">
	<div class="contain cf">
		<div class="subnavthing cms-sub">
	<h5>Our Hosted Solution</h5>
	<nav><ul><li><a href="/cms" title="Learn more about Barley CMS">Overview & Features</a></li>
			<li><a href="/cms/templates" title="View Barley CMS Templates">Templates</a></li>
			<li><a href="http://support.getbarley.com/hc/en-us/categories/200051273-For-Developers" title="Read our developer and designer documentation">Documentation</a></li>
		</ul><a class="action-button" href="/cms/templates#template-alert" title="Create a site with Barley CMS">Create a Site Free</a>
	</nav></div>
<div class="subnavthing editor-sub">
	<h5>Barley for WordPress</h5>
	<nav><ul><li><a href="/editor/wp" title="Learn more about Barley for WordPress">Overview & Features</a></li>
			<li><a href="http://support.getbarley.com/hc/en-us/categories/200051273-For-Developers" title="Read our developer and designer documentation">Documentation</a></li>
		</ul><a class="action-button" title="Download Barley for WordPress now">Get Our WP Plugin</a>
	</nav></div>
	</div>
</div>
<div id="page">
	<header><div class="contain">
			<div class="logo">
				<a href="/">
					<img src="images/logo.svg" alt="Barley"><img src="images/logo_text.svg" alt="Barley" class="logo-text"></a>
			</div>
			<nav class="main-nav" id="menu"><ul><li class="product"><a href="/editor/wp" id="editor-link" title="Barley for WordPress, the inline content editor"><em>for</em> WordPress</a></li>
					<li class="product"><a href="/editor/drupal" id="editor-link" title="Barley for Drupal, the inline content editor"><em>for</em> Drupal</a></li>
					<li class="product border"><a href="/cms" class="sub" id="cms-link" title="Barley CMS, our hosted solution">Barley Websites</a>
						<!--
						<ul class="mobile-only">
							<li><a href="/cms" title="Learn more about Barley CMS">Overview & Features</a></li>
							<li><a href="/cms/templates" title="View Barley CMS Templates">Templates</a></li>
							<li><a href="/cms/showcase" title="Barley Sites & Press Coverage">Showcase</a></li>
						</ul>
						-->
					</li>
					<li><a href="/pricing" title="Compare Pricing and Features">Pricing</a></li>
					<li><a href="/news" title="News &amp; Articles">News</a></li>
					<li><a href="http://support.getbarley.com" title="Barley Help Center">Help</a></li>
					<li><a href="/login" title="Manage Your Barley Account"><span class="nav-my">My</span> Account</a></li>
				</ul></nav><a href="#" class="barley-icon-reorder menu-trigger mobile-only"></a>
			<i class="barley-icon-angle-right barley-slideback"></i>
		</div>
	</header><div class="hero home">
		<div class="glow"></div>
		<div id="field">
			<div class="stalk large a"></div>
<div class="stalk large b"></div>
<div class="stalk large c"></div>
<div class="stalk large d"></div>
<div class="stalk large e"></div>
<div class="stalk large f"></div>
<div class="stalk large g"></div>
<div class="stalk large h"></div>
<div class="stalk large i"></div>

<div class="stalk med j"></div>
<div class="stalk med k"></div>
<div class="stalk med l"></div>
<div class="stalk med m"></div>
<div class="stalk med n"></div>
<div class="stalk med o"></div>
<div class="stalk med p"></div>
<div class="stalk med q"></div>
<div class="stalk med r"></div>
<div class="stalk med s"></div>

<div class="stalk small aa"></div>
<div class="stalk small bb"></div>
<div class="stalk small cc"></div>
<div class="stalk small dd"></div>
<div class="stalk small ee"></div>
<div class="stalk small ff"></div>
<div class="stalk small gg"></div>
<div class="stalk small hh"></div>
<div class="stalk small ii"></div>
<div class="stalk small jj"></div>
<div class="stalk small kk"></div>
<div class="stalk small ll"></div>
<div class="stalk small mm"></div>
<div class="stalk small nn"></div>
<div class="stalk small oo"></div>
<div class="stalk small pp"></div>
<div class="stalk small qq"></div>
<div class="stalk small rr"></div>
<div class="stalk small ss"></div>
<div class="stalk small tt"></div>
<div class="stalk small uu"></div>
<div class="stalk small vv"></div>
<div class="stalk small ww"></div>
<div class="stalk small xx"></div>
<div class="stalk small yy"></div>
<div class="stalk small zz"></div>
		</div>
		<div class="intro">
			<h2>Change <em>the</em> Web</h2>
			<div class="sub-heading">
				<p>Enough with clunky admin panels, forms and preview windows.</p>
				<p>Use Barley and change your content directly on the page.</p>
				<p>Simply tap and type. <a class="full-only" rel="leanModal" title="Try the Barley Editor now" href="#try-barley">Try it.</a></p>
			</div>
			<!--<a class="action-button" href="/cms/templates#template-alert" title="Create a site with Barley CMS">Create a Site Free</a>-->
		</div>
	</div>
	<div class="home-content contain">
		<!--
		<div class="product-intro">
			<p class="full-only">As we continue to push the boundaries of creating content inline, we now offer two ways to use the Barley Editor...</p>
			<p class="mobile-only">There are now two ways to use the Barley Editor...</p>
		</div>
		-->
		<!--
		<section class="products cf">
			<div class="product-option">
				<h2>Barley <em>for</em> Wordpress</h2>
				<a href="/editor/wp" title="Learn about our WordPress Plugin"><img src="<!@path wp_home_graphic.jpg >"></a>
				<a href="/editor/wp" title="Read about Barley for WordPress">Read More About Our WordPress Plugin...</a>
			</div>
			<div class="product-option">
				<h2>Barley <em>for</em> Drupal</h2>
				<a href="/editor/drupal" title="Learn about our WordPress Plugin"><img src="<! @path drupal_home_graphic.jpg >"></a>
				<a href="/editor/drupal" title="Read about Barley for WordPress">Read More About Our Drupal Module...</a>
			</div>
			<div class="product-option">
				<h2>Barley Websites</h2>
				<a href="/cms" title="Full-Featured Barley Sites with Barley CMS"><img src="<! @path site_graphic.jpg >"></a>
				<a href="/cms" title="Read more about Barley CMS">Read More About Our Hosted Site Solution...</a>
			</div>
		</section>
		-->
		<div class="info-blocks cf">
			<div class="blurb">
				<div class="round-icon">
					<img src="images/wp_icon.png"></div>
				<h3>Barley <em>for</em> <span class="wp-title-full">Wordpress</span><span class="wp-title-short">WP</span></h3>
				<!--<p>Lose the admin panel and start editing and creating posts and pages inline. Quickly access drafts and insert images from your media library without leaving the page.</p>-->
				<p class="pricing">Starting at <strong>$22</strong>/site <a href="/editor/wp" title="Read about Barley for WordPress">Read More</a></p>
				<a class="action-button" href="http://codecanyon.net/item/barley-inline-editing-plugin-for-wordpress/7385184?ref=plainmade" rel="barleyModal" title="Buy Barley for WordPress">Get The Plugin</a>
			</div>
			<div class="blurb">
				<div class="round-icon">
					<img src="images/drupal_icon.png"></div>
				<h3>Barley <em>for</em> Drupal</h3>
				<p class="pricing">Starting at <strong>$50</strong>/year <a href="/editor/drupal" title="Read about Barley for Drupal">Read More</a></p>
				<a class="action-button" href="#barleyLicenseModal" rel="barleyModal" title="Buy Barley for Drupal">Get The Module</a>
			</div>
			<div class="blurb">
				<div class="round-icon">
					<img src="images/barley_websites_icon.png"></div>
				<h3>Barley Websites</h3>
				<!--<p>Build fully custom templates for the Barley CMS, including specialized pages and content types. Check out our docs to see how.</p>-->
				<p class="pricing"><strong>$12</strong>/month, per site <a href="/cms" title="Read about Our Hosted Site Solution">Read More</a></p>
				<a class="action-button" href="/cms/templates#template-alert" title="Create a Barley Website">Create a Site</a>
			</div>
			<div class="blurb">
				<div class="round-icon">
					<img src="images/inapp_icon.png"></div>
				<h3>Barley <em>in your</em> App</h3>
				<p class="pricing">Starting at <strong>$500</strong> <a style="border:none;padding:0;margin:0;">&nbsp;</a></p>
				<a rel="leanModal" id="fire-license-inquiry" href="#license-inquiry" class="action-button" title="Contact us about editor licensing">Request Info</a>
			</div>
		</div>
	</div>
	<section class="gray-bg home"><div class="contain">
			<div class="info-blocks home cf">
				<div class="blurb">
					<h3>Support</h3>
					<p>Need help or have questions about Barley? Head over to the Barley Help Center for community support forums, FAQs and more.</p>
					<a href="http://support.getbarley.com/" title="Get help with the Barley Help Center">Go to Barley Help Center...</a>
				</div>
				<div class="blurb">
					<h3>In the Press</h3>
					<p>Barley has been covered in a variety of news outlets and blogs. Read what people are saying about our simple editing solutions.</p>
					<a href="/cms/showcase" title="Read what people are saying about us">Check Out Our Showcase...</a>
				</div>
				<div class="blurb">
					<h3>Customize</h3>
					<p>Build fully custom templates for the Barley CMS, including specialized pages and content types. Check out our docs to see how.</p>
					<a href="http://support.getbarley.com/hc/en-us/categories/200051273-For-Developers" title="Read our Developer's Documentation">Read Our Documentation...</a>
				</div>
			</div>
		</div>
	</section><!--
	<div class="action-strip">
		<div class="contain cf">
			<div class="point"></div><div class="white-strip"></div><div class="logo-icon"></div>
			<h4>Setup a site with Barley CMS now – No credit card required</h4>
			<a class="action-button" href="/cms/templates#template-alert" title="Create a site with Barley CMS">Create a Site Free</a>
		</div>
	</div>
	--><!-- ///// Demo Modal ////// --><div id="try-barley" class="demo-modal">
	<div class="chrome">
		<div class="dot"></div>
		<div class="dot"></div>
		<div class="dot"></div>
		<a href="#" class="close-modal">&#10005;</a>
	</div>
	<div class="demo-content cf">
        <iframe width="700" height="837" frameborder="0" allowtransparency="true" scrolling="no" src="/editor-demo" style="border: none; visibility: visible; width: 700px; height: 837px;"></iframe>
	</div>
    <div id="barley-demo-buttons">
        <a href="/editor/wp" class="action-button" title="Buy Barley for WordPress">WordPress Plugin</a>
        <a href="/editor/drupal" class="action-button" title="Buy Barley for Drupal">Drupal Module</a>
        <a href="/cms/templates" class="action-button" title="Try Barley CMS for free">Create A Site</a>
    </div>
    <div class="overlay-message">
    	<p>Just tap &amp; type, or select text, to demo editing with the Barley editor.</p>
    </div>
</div>
<!-- ///// Contact Modal ////// -->
<div id="license-inquiry" class="modal contact">
	<div class="heading">
		<h3><span class="full-only">Interested in Licensing Barley?</span><span class="mobile-only">License Barley</span></h3> 
		<a href="#" class="close-modal">&#10005;</a>
	</div>
	<div class="content">
		<p>For more information on how you can include our editing experience in your project, send us a message below:</p>
		<div id="barley-form">
		<form>
			<input type="hidden" name="to" id="to" value="support@getbarley.com"><input type="hidden" name="subject" id="subject" value="Editor Licensing Request"><input type="hidden" name="response_success" id="response_success" value="Thanks for your interest. We'll be in touch."><input type="hidden" name="response_error" id="response_error" value="Sorry we didn't get that. Please try again."><input type="text" data-required="true" id="name" name="name" placeholder="Name"><input type="text" data-required="true" id="email" name="email" placeholder="Email"><textarea id="message" name="message" placeholder="Tell us a bit about your project..."></textarea><input type="button" value="Send Message" id="barley-submit" class="action-button" title="Send"></form>
		<div id="barley-form-message" style="display:none;"></div>
		</div>
	</div>
</div>


<div id="barleyLicenseModal" class="barley-bar-modal" data-method="getProducts">

  <h3>Purchase a License</h3>
  <input type="hidden" id="license-registration-type" value="new">
  <a class="barley-bar-close-modal" href="#"><i class="barley-icon-remove"></i></a>

    <div class="barley-bar-modal-content" style="overflow-x:hidden;">

      <!-- Stepped Buttons - Hide if "Adding" a Plugin -->
      <div class="barley-signup-tab-container">
          <ul class="barley-modal-tabs">
            <li><a href="#signup-tab-1"><span class="step-number">1.</span>Login<span class="signup-step-nub"></span></a></li>
            <li><a href="#signup-tab-2"><span class="step-number">2.</span>License<span class="signup-step-nub"></span></a></li>
            <li><a href="#signup-tab-3"><span class="step-number">3.</span>Billing<span class="signup-step-nub"></span></a></li>
            <div style="clear:both;"></div>
          </ul>
      </div>

      <!-- Pane 1 - Login Info -->

        <div id="signup-tab-1" class="barley-modal-signup-pane">
          <div class="barley-signup-content">

              <div class="barley-signup-form">
                  <input type="text" class="small-input" id="registration-email" name="registration-email" placeholder="Email Address" /><span class="status" id="registration-email-status"><i class="result"></i></span>
                  <input type="password" class="small-input" id="registration-password" name="registration-password" placeholder="Password*" /><span class="status" id="registration-password-status"><i class="result"></i></span>
                  <input type="password" class="small-input" id="registration-password-again" name="registration-password-again" placeholder="Password Again" /><span class="status" id="registration-password-again-status"><i class="result"></i></span>
                  <p class="password-tip">Your password must be a minumum of 6 characters, containing at least one uppercase letter one number.</p>
                  <div class="error-message hide" id="credentials-errors">Error</div>

                  <div class="signup-stepped-buttons">
                    <a class="signup-next-button" id="registration-next" style="cursor:pointer;">Next</a>
                  </div>

              </div>
          </div>
        </div>

      <!-- Pane 2 - Domains -->

        <div id="signup-tab-2" class="barley-modal-signup-pane">
          <div class="barley-signup-content">
            <div class="barley-signup-form">
                                      <select name="product_id" id="product_id">
                      <option>Please choose a license option...</option>
                    </select>
                    <span class="sort-icon"><i class="barley-icon-caret-down"></i></span>
                                        <input type="number" class="license-quantity" id="license-quantity" name="license-quantity" placeholder="Qty" disabled>
                                        <input type="text" id="license-website" name="license-website" placeholder="Website this plugin will be used on: http://mysite.com">                  <p id="website-prompt-text" style="display:none">You will be prompted to provide the websites these plugins will be used on.</p>
                  <p id="default-plugin-text">Choose between a single site license or an unlimited one. You will need one single license for every site using this plugin. An unlimited license allows you to use the plugin on any amount of sites. Choose wisely...</p>
                  <p id="upsell-plugin-text" style="display:none">An unlimited license is available as well. This will give you the ability to use the Barley plugin on as many sites as you want. If you are purchasing a large quantity of single licenses, it may be worth considering.</p>
                  <p>Licensing is not available WordPress hosts at this time. Not for use in themes for sale. See our <a href="http://getbarley.com/terms">terms</a> for more info.</p>
                  <div class="signup-stepped-buttons">
                    <a class="signup-next-button" id="registration-next" style="cursor:pointer;">Next</a>
                  </div>
              </div>

          </div>
        </div>

      <!-- Pane 3 - Payment -->

          <div id="signup-tab-3" class="barley-modal-signup-pane">
            <div class="barley-signup-content">
              <div class="barley-signup-form">

                     <!-- Price & Promo Code -->
                     <div class="gray-bg pricing">
                      <div class="price-amount">
                         <h5 class="price">

                           <span class="dollar-sign">$</span><span id="license-price">12</span><span class="timeframe">/yr.</span>
                           <span class="trial-text">Charges begin immediately</span>
                         </h5>
                        </div>
                                                    <input id="license-coupon" name="license-coupon" type="text" placeholder="Coupon Code" class="promo-code-input">
                            <a href="#" id="license-check-coupon">Verify</a>
                            <span class="complete-transaction-spinner hide" id="license-coupon-spinner"><i class="barley-icon-spinner animate-spin" style="display:none;"></i></span>                        <div style="clear:both;"></div>
                     </div>

                    <!-- Credit Card Inputs -->
                    <div class="payment-form-right-col add-site">
                      <input type="text" id="card-number" name="card-number" placeholder="Card Number" />
                          <span class="status" id="card-number-status"><i class="result"></i></span>
                      <input type="text" id="card-cvc" name="card-cvc" placeholder="CVC" />
                          <span class="status" id="card-cvc-status"><i class="result"></i></span>
                      <input type="text" id="card-expiration" name="card-expiration" placeholder="Exp. Date (MM/YYYY)" maxlength="9" pattern="\d*" data-numeric required="" />
                          <span class="status" id="card-expiration-status"><i class="result"></i></span>
                    </div>
                    <div style="clear:both;"></div>

                                  <div class="complete-button">
                    <p class="disclaimer add-explanation">
                        By clicking the button below you agree to Barley's <a href="http://getbarley.com/terms/">terms &amp; conditions</a>. Your download will start once we verify your payment.
                                            </p>
                    <input type="button" value="Purchase" id="license-complete-open-trans" class="signup-next-button" />
                    <span class="complete-transaction-spinner hide" id="license-transaction-spinner"><i class="barley-icon-spinner animate-spin"></i></span>
                </div>
                <div style="clear:both;"></div>
                <div class="error-message payment-error hide" id="license-payment-errors"></div>
              </div>
            </div>
          </div>
    </div>
</div>
<footer><div class="contain cf">
			<nav class="footer-nav full-only"><ul><li class="icon"><a href="https://twitter.com/GetBarley" title="Follow @GetBarley on Twitter" class="barley-icon-social-twitter"></a></li>
					<li><a href="/editor/wp" title="Barley for WordPress, the inline editing plugin">WordPress</a></li>
					<li><a href="/editor/drupal" title="Barley for Drupal, the inline editing plugin">Drupal</a></li>
					<li><a href="/cms" title="Overview of Barley CMS">Barley Websites</a></li>
					<li><a href="/pricing" title="Barley Price comparison">Pricing</a></li>
					<li><a href="/news" title="Barley News">News</a></li>
					<li><a href="http://support.getbarley.com" title="Visit the Barley Help Center">Help</a></li>
					<li><a href="/login" title="Manage Your Barley Account">My Account</a></li>
				</ul></nav><div class="hometown cf">
				<div class="map">
					<div class="star"></div>
				</div>
				<p>Made in PA by <a href="http://plainmade.com" title="Plain, a small technology company in Carbondale, PA">Plain</a></p>
			</div>
		</div>
	</footer></div>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="javascripts/jquery.fitvids.js"></script><script src="javascripts/jquery.leanModal.min.js"></script><script src="javascripts/unslider.min.js"></script><script src="javascripts/jquery.jpanelmenu.min.js"></script><script src="javascripts/jquery.anythingslider.js"></script><script src="javascripts/jquery.cycle2.min.js"></script><script src="javascripts/gb-site.js"></script><!-- begin SnapEngage code --><script type="text/javascript">
  (function() {
    var se = document.createElement('script'); se.type = 'text/javascript'; se.async = true;
    se.src = '//commondatastorage.googleapis.com/code.snapengage.com/js/99293e6b-8b1d-4460-8549-78ef34b1b6c3.js';
    var done = false;
    se.onload = se.onreadystatechange = function() {
      if (!done&&(!this.readyState||this.readyState==='loaded'||this.readyState==='complete')) {
        done = true;
        // Place your SnapEngage JS API code below
        // SnapEngage.allowChatSound(true); // Example JS API: Enable sounds for Visitors. 
      }
    };
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(se, s);
  })();
</script><!-- end SnapEngage code -->

        <div id="barley-bar"> <!-- Begin Barley Bar -->
        <i id="barley-logo" class="barley-icon-barley-banner barley-logo-rotate"><i class="barley-icon-barley-stalk barley-white"><span class="barley-tag-shadow"></span></i></i>
        <ul class="barley-menu">
            <li class="sign-in">
                <form name="login" id="form-login" action="/login/process" method="post">
                    <input type="hidden" name="csrf_token" value="m99P4Pr26i0Is92Emz4FFNOh2HjRFt54Phy00I9GEJc0HmhJbt" />
                    <input type="hidden" name="redirect" value="http://getbarley.com/" />
                    <input type="hidden" name="transaction_token" value="stls98arkcmc8n5gnui1ocp0a7" />
                    <i class="barley-icon-user"></i>
                    <input type="text" name="email" id="email" value="" placeholder="Email" />
                    <input type="password" name="password" id="password" placeholder="Password" />
                    <input type="submit" class="barley-bar-login-submit" />
                    <a href="#" onclick="document.login.submit();return false;" class="submit-button"><i class="barley-icon-circle-arrow-right"></i></a>
                </form>
            </li>
            <li><span class="tip-target barley-tip-under" title="Help & Learn More"><i class="barley-icon-question-sign"></i></span>
                <div class="down-arrow"></div>
                <ul class="barley-submenu barley-sitesmenu signed-out">
                    <li><a href="/login#forgot"><i class="barley-icon-key"></i>I forgot my password<span><i class="barley-icon-embed"></i></span></a></li>
                    <li><a href="http://getbarley.com/"><i class="barley-icon-info-sign"></i>I want to know more about Barley<span><i class="barley-icon-angle-right"></i></span></a></li>
                </ul>
            </li>
            <li class="barley-bar-spacer"></li>
        </ul>
    </div>

    
    

        <!-- Forgot Password Modal -->
        <div id="barley-bar-forgot-password-modal" class="barley-bar-modal">
            <h3>It is OK. You can reset your password.</h3>
            <a class="barley-bar-close-modal" href="#"><i class="barley-icon-remove"></i></a>
            <p style="margin:18px 0 20px;">If you happened to misplace your password or if it slipped your mind, don't worry. Enter your email address below and we'll send you a new, temporary password so you can get right back to what you need to do.</p>
              <div class="barley-security-message">
                <i class="barley-icon-lock"></i><p>All sensitive information is SSL encrypted and secure. <a href="http://support.getbarley.com">Learn more</a>.</p>
                <div class="cf"></div>
            </div>
            <div class="barley-modal-page-inputs-pane">
                <form id="barley-bar-forgot-password" method="post">
                    <div class="cf">
                        <input type="hidden" name="csrf_token" value="m99P4Pr26i0Is92Emz4FFNOh2HjRFt54Phy00I9GEJc0HmhJbt" />
                        <label for="set-page-name">Your Email</label>
                        <input id="gb-email-address" type="email" class="barley-bar-forgot-password-email" value="" />
                    </div>
                    <a href="#" id="gb-forgot-password" class="barley-bar-forgot-password-submit-button">Reset Password</a>
                    <div style="text-align:center;">
                        <i id="gb-forgot-password-icon" class="barley-icon-spinner barley-bar-animate-spin progress" style="display:none;"></i>
                    </div>
                    <div id="gb-forgot-password-message" class="barley-modal-success-message" style="display:none;"></div>
                </form>
            </div>
        </div>


<script type="text/javascript">
var barley  = barley || {};
barley.vars = {};

barley.vars.csrf_token       = 'm99P4Pr26i0Is92Emz4FFNOh2HjRFt54Phy00I9GEJc0HmhJbt';
</script>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"beacon-2.newrelic.com","licenseKey":"7ff6cf49e4","applicationID":"2841365","transactionName":"ZAcEbUsHDRAHUxdeV11NJ1pNDwwNSXMPXl1dFklQVwIGGw==","queueTime":0,"applicationTime":47,"ttGuid":"","agentToken":"","userAttributes":"","errorBeacon":"bam.nr-data.net","agent":"js-agent.newrelic.com\/nr-411.min.js"}</script></body></html>