<!-- Time for a little CSS! -->
<style type='text/css'>

html{
	background:url(noise-background.png);
}

#content-box{
	
	background:#e7e8ee;
	border:6px solid #cccccc;
	border-radius:70px 30px 70px 30px;
	width:300px;
	padding:40px;
	color:black;
	left:10%;
	
}

</style>

<!-- The PowerUI logo off to the right. We're using direct style here (and a shortcut for vertical aligning). -->
<div style='vertical-align:table-middle;right:10%;width:140px;height:100%;position:fixed;'>
	
	<!-- The logo itself. -->
	<img src='powerUI-logo.png'/>

</div>

<!-- The rounded box containing the welcome info. Gets its style from the CSS above. -->
<div id='content-box'>
		<b>Welcome to PowerUI!</b>
		<br>
		<br>
		The HTML for this example is in a file called Basics.html sitting alongside this scene in your project.
		<br>
		<br>
		<b>To add a UI to a new scene..</b>
		<br>
		Go to GameObject &gt; Create Other &gt; Simple Main UI. This creates a gameobject which you can attach a .HTML file to.
		<br>
		<br>
		<b>To quickly make a .HTML file..</b>
		<br>
		Right click in your project and go to PowerUI &gt; New HTML File.
		<br>
		<br>
		<b>Need help? No problem!</b>
		<br>
		PowerUI can do a vast amount of stuff so make sure you check out our <a href='http://powerui.kulestar.com/getting-started/' target='_blank'>help guides</a> or if you're stuck please do get in touch!
		<br>
		<br>
		For the latest updates and free extras see <a href='http://powerui.kulestar.com/me/'>My PowerUI</a>.
</div>