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

<div id="content">
	<div id="header" class="hh3">
		<div class="dtitle thmtxth w2 hh3 hp">Apps Manager</div>
		<a href="" class="hfn w1 hh2 hp"><span class="tile thmc1 op06"></span><span class="thmtxt">Date</span></a>
		<a href="ascending" class="hfn w1 hh2 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 hh2 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 class="search_result">
				
			</div>
	<div id="holder">
    	<div class="tinycanvas">
    		<div class="scrollbar sb_h"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
    				<div class="viewport">
    				<div id="group_wrapper" class="overview">
    					
    					<div class="group g_sep op03" id='seperator' style="height: 516px;display:none;"></div>
    					<div class="group_search">
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">社團記事</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">每日英文</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">名人名言</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Homework</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">School Events</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">MyCoursesTimeTable</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Clock</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Weather</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">myRefer</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">O-Journals</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">O-Doc</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">ToDos</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Project Progress</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Paper Progress</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Team Stream</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">TED</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Twitter</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Facebook</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">News Feed</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">iClock</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Research Networks</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Gmail</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Youtube</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Calendar</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Talk</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Diary</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Bookeeper</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Movies</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Girls Wall</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">Album</h1>
    						</div>
    						<div class="element w1 h1 hp vp thmc2" data-category="desktop">
    							<span class="tile thmc2"></span>
    							<a href="" class="appicon"><img src="" alt=""></a>
    							<h1 class="appname thmtxt">O-Music</h1>
    						</div>
    					</div>
    					<div class="clear"></div>
    				</div>
    			</div>
    	</div>
	</div>
</div>