<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"> <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> <li><label for="">Password</label><input type="password"></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>