<!-- This is div is required -->
<div id="complete_example"></div>

<!-- place your example between these tags, with correct indentation and whitespace (by default, this serves as user-facing HTML example). -->
<div id="e_example">
	<div class="palm-text-wrapper">
		<div class="palm-body-title" x-mojo-loc=''>
			-webkit-border-radius
		</div>
		<div class="palm-body-text" x-mojo-loc=''>
			Instead of generating rounded corners dynamically, use -webkit-border-image and specify an image with rounded corners. 
		</div>
		<div class="palm-body-title" x-mojo-loc=''>
			-webkit-gradient
		</div>
		<div class="palm-body-text" x-mojo-loc=''>
			Instead of generating a gradient dynamically, create an image gradient and set it as the background of your body or div.
		</div>
	</div>	
</div>

<!-- place additional context, explanation or info between these tags -->
<div id="e_about">
	
</div>

<!-- leave this blank for default html (above), or place code here to override -->
<div id="e_html">
	...
</div>

<!-- list overridable css pertinent to this example, between these tags -->
<div id="e_css">

</div>