"Choose an account"
Bootstrap 3.0.0 Snippet by harunpehlivan

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<img alt="Google" class="logo" src="//ssl.gstatic.com/accounts/ui/logo_2x.png"/>
<div class="account-wall accountchooser">
<h1 class="title">
Choose an account</h1>
<ol class="accounts">
<li>
<button type="submit" name="Email" value="example@gmail.com">
<img class="account-image" alt="" src="//lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=46"/>
<span class="account-name">Bhaumik Patel</span> <span class="account-email">example@gmail.com
</span>
</button>
</li>
<li>
<button type="submit" name="Email" value="example1@gmail.com">
<img class="account-image" alt="" src="//lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=46"/>
<span class="account-name">Bhaumik Patel</span> <span class="account-email">example1@gmail.com
</span>
</button>
</li>
</ol>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4 col-md-offset-4">
<div class="account-wall accountchooser action">
<ul>
<li><a href="http://www.jquery2dotnet.com">Add account </a></li>
<li><a href="http://www.jquery2dotnet.com">Remove</a></li></ul>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
.form-signin
{
max-width: 330px;
padding: 15px;
margin: 0 auto;
padding-top: 5px;
}
.account-wall
{
margin-top: 20px;
padding: 20px 25px 30px;
background-color: #f7f7f7;
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.logo
{
margin: 25px auto 20px;
float: none;
display: block;
height: 38px;
width: 116px;
}
.title
{
font-size: 20px;
color: #262626;
margin: 0 0 15px;
font-weight: normal;
}
.accountchooser ol
{
width: 100%;
margin: 0;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: