Bootstrap Snippet Account using HTML CSS Bootstrap

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 ---------->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" type="text/css" href="https://bootswatch.com/paper/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="">
    <!-- UI - X Starts -->
    <div class="ui-67">
    
      <!-- Head Starts -->
      <div class="ui-head bg-lblue">
        <!-- Details -->
        <div class="ui-details">
          <!-- Name -->
          <h3 id="name-header">Steve Miller</h3>
          <!-- Designation -->
          <h4>Client Account</h4>
        </div>
        <!-- Image -->
        <div class="ui-image">
          <!-- User Image -->
          <img src="https://api.adorable.io/avatars/285/abott@adorable.png" alt="Profile Picture" class="img-responsive" width="100" height="100">
        </div>
      </div>
      <!-- Head Ends -->
      
      <!-- Content Starts -->
      <div class="ui-content">
        <div class="row">
          
          <div class="col-sm-8 col-md-8 col-lg-8 col-lg-offset-2 acc-col">
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
/* Head */
    .acc-col{
      min-height: 300px;
      margin-top: 5%;
      background-color: #ffffff;
      padding: 20px;
/*      border:#333 solid 1px;*/
    }
    .acc-col > h3{
      padding-bottom: 20px;
    }
    hr{
      border:solid 1px #d6d6d6;
    }
    section > form > div{
      padding: 5px;
    }
    .btn-div{
      margin-top:10px;
      padding-bottom: 10px;
    }
    
.ui-67 .ui-head{
    text-align:center;
    padding:30px 0px;
    position:relative;
    border-bottom:2px solid #fff;
    box-shadow:0px 0px 5px rgba(0,0,0,0.1);
    background-color: #1997c6;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

"Account"
Bootstrap 3.0.0 Snippet by meddy672

Related: See More

Questions / Comments:

"Account" Bootstrap 3.0.0 Snippet by meddy672

Related: See More

Questions / Comments:

"Account"
Bootstrap 3.0.0 Snippet by meddy672