<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/UIx.css">

<div id="myUi" class="uix max600">
	<section>
        <button href="javascript:">Click</button>
    </section>
</div>

<script type="text/javascript">

	UIX.target = '#myUi';
	UIX.addRange({id: 'r1', value: 50, 'label': 'Slide1', onChange: function (val, e) { console.log(val); } });
	UIX.addButton({id: 'b1','label': 'Go', onClick: function (e) { console.log('Clicked'); } });
	UIX.addHr();

</script>