orbit-basic/app/views/desktop/settings/connections.html.erb

<div class="tinycanvas hp">
	<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
	<div class="viewport">
		<div id="connection_setting" class="overview vp">
			<!-- <div class="s_title hh3">Connections</div> -->
			<!-- <table width="100%" class="s_form">
				<tr>
					<td rowspan="2"><img src="assets/gmail.png" alt=""></td>
					<td valign="top"><label for="s_name1">Username</label><input type="text" id="gmail_username" /></td>
				</tr>
				<tr>
					<td width="400"><label for="s_name1">Password</label><input type="password" id="gmail_password" /></td>
					<td><a href="gmail" id="gmail_connect_btn" class="setting_btn thmc1 thmtxt w1 hh2 hp" onclick='return false;' style='float:left;'>Connect</a></td>
				</tr>
				<tr>
					<td rowspan="2"><img src="assets/facebook.png" alt=""></td>
					<td><label for="s_name1">Username</label><input type="text" /></td>
				</tr>
				<tr>
					<td><label for="s_name1">Password</label><input type="password" /></td>
				</tr>
				<tr>
					<td rowspan="2"><img src="assets/twitter.png"></td>
					<td><label for="s_name1">Username</label><input type="text" /></td>
				</tr>
				<tr>
					<td><label for="s_name1">Password</label><input type="password" /></td>
				</tr>
			</table> -->
			<ul class="s_form w2 hp" id="facebook_connection">
				<li><span class="c_status">No Connection</span></li>
				<li><img src="assets/connection/facebook.png" alt="" class="c_icon"><h1 class="c_name">Facebook</h1></li>
				<li><label for="">Account</label><input type="text"></li>
				<li><label for="">Password</label><input type="password"></li>
				<li>
					<div class="s_action">
						<a href="facebook" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a>
						<a href="facebook" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="delete" style="display:none;">Remove</a>
					</div>
				</li>
			</ul>
			<ul class="s_form w2 hp" id="twitter_connection">
				<li><span class="c_status">No Connection</span></li>
				<li><img src="assets/connection/twitter.png" alt="" class="c_icon"><h1 class="c_name">Twitter</h1></li>
				<li><label for="">Account</label><input type="text"></li>
				<li><label for="">Password</label><input type="password"></li>
				<li>
					<div class="s_action">
						<a href="twitter" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a>
						<a href="twitter" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="delete" style="display:none;">Remove</a>
					</div>
				</li>
			</ul>
			<ul class="s_form w2 hp" id="gmail_connection">
				<li><span class="c_status">No Connection</span></li>
				<li><img src="assets/connection/gmail.png" alt="" class="c_icon"><h1 class="c_name">Gmail</h1></li>
				<li><label for="">Account</label><input type="text"></li><!-- <div class="c_info">Harry</div></li> -->
				<li><label for="">Password</label><input type="password"></li><!-- <div class="c_info">&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;</div></li> -->
				<li>
					<div class="s_action">
						<a href="gmail" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a>
						<a href="gmail" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="delete" style="display:none;">Remove</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
</div>