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

<div id="content">
		<div id="header" class="hh3">
			<div class="dtitle w2 hh3 hp">
				<span class="thmtxth">All Sections</span>
			</div>
		</div>
		<div id="holder">
			<div class="scrollbar"><div class="track"><div class="thumb thmc1"><div class="end"></div></div></div></div>
			<div class="viewport">
			<div id="group_wrapper" class="overview">
				<div class="group">
					<div class="section_label" >
						<ul>
							<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 1</span></li>
							<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section2"><span class="tile thmc1 op06"></span><span class="thmtxt">section 2</span></li>
							<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc1 op06"></span><span class="thmtxt">section 3</span></li>
							<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc1 op06"></span><span class="thmtxt">section 4</span></li>
						</ul>
					</div>
					<ul class="grp" id="section1">
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
                        <li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
                        <li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						
                        
					</ul>
				</div>
				<div class="group">
					<div class="section_label" >
						<ul>
							<li class="element w1 h1 hp vp thmtxt"><span class="tile thmc1"></span><span class="thmtxt">section 2</span></li>
							<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section1"><span class="tile thmc1 op06"></span><span class="thmtxt">section 1</span></li>
							<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section3"><span class="tile thmc1 op06"></span><span class="thmtxt">section 3</span></li>
							<li class="element w1 h1 hp vp thmtxt " style="display: none;" data-category="section4"><span class="tile thmc1 op06"></span><span class="thmtxt">section 4</span></li>
						</ul>
					</div>
					<ul class="grp" id="section2">
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
                        <li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
                        <li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						<li class="element w1 hh2 hp vp" data-category="abc">
							<h1 class="appname thmtxt">Garage Band</h1>
						</li>
						
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
		</div>
	</div>