orbit-basic/app/views/desktop/app_manager.html.erb

<div id='app_manager' container="true">
<div id="content">
	<div id="header" class="hh2">
		<div class="dtitle thmtxth w2 hh2 hp">Apps Manager</div>
		<a href="" class="hfn w1 hh1 hp"><span class="tile thmc1 op06"></span><span class="thmtxt">Date</span></a>
		<a href="ascending" class="hfn w1 hh1 hp" id="alphabet_sort_btn" ><span class="tile thmc2 op03"></span><span class="thmtxt">Alphabet [A-Z]</span></a>
		<div id="search_app" class="hfn w2 hh1 hp thmc3">
			<input type="text" class="ini_input form" value="Search" id="searchbox" />
			<input type="submit" class="ini_input submit thmc1" value="Submit"/>
		</div>
		<div class="clear"></div>
	</div>
	
	<div id="holder">
		<div id="group_wrapper" class="overview" content-layout="simple">
			<div id="app_info" class="admbg vp hp">
				<div class="app_info_header s_grid_row hp">
					<div class="s_grid s_grid_3">
						<img class="app_info_icon" src="/assets/icons/wikibooks.png" alt="">
					</div>
					<div class="s_grid s_grid_9 valign">
						<h2 class="app_info_name">Clock</h2>
						<a href="" class="panel_close icon-remove"></a>
					</div>
				</div>
				<ul class="app_info_list">
					<li class="s_grid_row">
						<label class="s_grid s_grid_3">Activation</label>
						<div class="s_grid s_grid_9 s_switch">
							<div class="s_switch_status" status-on="On" status-off="Off"></div>
							<label class="s_switch_switcher">
								<input type="checkbox">
							</label>
						</div>
					</li>
					<li class="s_grid_row">
						<label class="s_grid s_grid_3">Description</label>
						<div class="s_grid s_grid_9">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
						</div>
					</li>
					<li class="s_grid_row">
						<label class="s_grid s_grid_3">Version</label>
						<div class="s_grid s_grid_9">3.0</div>
					</li>
					<li class="s_grid_row">
						<label class="s_grid s_grid_3">Last Update</label>
						<div class="s_grid s_grid_9">Sep 2, 2013</div>
					</li>
					<li class="s_grid_row">
						<label class="s_grid s_grid_3">Author</label>
						<div class="s_grid s_grid_9">Takayuki Miyoshi</div>
					</li>
				</ul>
				<div class="s_action">
					<a href="" id="" class="setting_btn admbg2 admtxt w1 hh1 hp" onclick="return false;">Remove</a>
					<a href="" id="" class="setting_btn thmc1 thmtxt w1 hh1 hp" onclick="return false;">Setting</a>
				</div>
			</div>
			<div class="search_result"></div>
			<div id="app_list"></div>
			<div class="clear"></div>
		</div>
	</div>
</div>
</div>