Connection page design
This commit is contained in:
1 parent
769a67f026
commit
bfc4507696
8 files changed
+101
-15
No files matched your search
@@ -1,10 +1,9 @@
|
||||
|
||||
<div class="tinycanvas vp">
|
||||
<div class="scrollbar sb_v vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
|
||||
<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 class="overview">
|
||||
<div class="s_title hh3">Connections</div>
|
||||
<table width="100%" class="s_form">
|
||||
<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>
|
||||
@@ -27,7 +26,41 @@
|
||||
<tr>
|
||||
<td><label for="s_name1">Password</label><input type="password" /></td>
|
||||
</tr>
|
||||
</table>
|
||||
</table> -->
|
||||
<ul class="s_form w2 hp">
|
||||
<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="" class="setting_btn thmc1 thmtxt hp disable">Connecting</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="s_form w2 hp">
|
||||
<li><spanspan 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="" class="setting_btn thmc1 thmtxt hp">Connect</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="s_form w2 hp">
|
||||
<li><span class="c_status c_status_on">Connected</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><div class="c_info">Harry</div></li>
|
||||
<li><label for="">Password</label><div class="c_info">••••••</div></li>
|
||||
<li>
|
||||
<div class="s_action">
|
||||
<a href="" class="setting_btn thmc1 thmtxt hp">Edit</a>
|
||||
<a href="" class="setting_btn thmc1 thmtxt hp">Remove</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1,6 +1,5 @@
|
||||
|
||||
<div class="tinycanvas vp">
|
||||
<div class="scrollbar sb_v vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
|
||||
<div class="scrollbar sb_v hp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
|
||||
<div class="viewport">
|
||||
<div class="overview">
|
||||
<div class="s_title hh3">Section Names</div>
|
||||
@@ -16,4 +15,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in new issue
Block a user