hyperion.ng/assets/webconfig/content/remote.html

<div class="container-fluid">
<h1 class="page-header" lang="en" data-lang-token="main_menu_remotecontrol_token">Remote Control</h1>
</div>

<div class="container">

<div class="container-fluid">
	<div class="row">
		<div class="col-lg-12">
		<div class="panel panel-primary" >
				<div class="panel-heading"> Colors / Effects </div>
				<div class="panel-body">
				<span lang="en" data-lang-token="remote_colors_label_color" style="display:inline-block">color: </span>
				<div id="cp2" class="colorpicker-component"  style="width:auto;display:inline-block;white-space:nowrap;">
					<input type="text" value="#00AABB" class="form-control"  style="display:inline" /><span class="input-group-addon form-control" style="display:inline-block;width:auto;"><i></i></span>
				</div>
				<div lang="en" data-lang-token="remote_effects_label_effects" style="display:inline-block;margin-left:50px;">effect: </div>
				<select id="effect_select" class="form-control" style="width:auto;display:inline-block"></select>
				<button lang="en" data-lang-token="remote_colors_button_reset" type="button" class="btn btn-warning" id="reset_color" style="margin-left:20px;width:auto;display:inline-block">Reset Color/Effect</button>

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

		</div>
</div>


<div  class="container-fluid">
	<div class="row">
		<div class="col-lg-6">
			<div class="panel panel-primary" >
				<div class="panel-heading"> Input Selection </div>
				<div class="panel-body">
					<div id="hyperion_inputs"><div style="padding:30px;text-align:center"><img src="/img/hyperion/ring-alt.svg"  /></div></div>
				</div>
			</div>
		</div>

		<div class="col-lg-6">
			<div class="panel panel-primary" >
				<div class="panel-heading"> Components </div>
				<div class="panel-body">
					<div id="componentsbutton"><div style="padding:30px;text-align:center"><img src="/img/hyperion/ring-alt.svg"  /></div></div>
				</div>
			</div>
		</div>
	</div>
</div>
</div>

<script src="/js/content_remote.js" ></script>