Add PF card styling
<div class="api-connector-detail">
<div class="col-xs-12">
<div class="col-xs-4">
- <b>Connector Name</b>
+ <div class="card-pf card-pf-view ">
+ <div class="card-pf-body">
+ <div class="card-pf-top-element">
+ <span class="fa fa-birthday-cake card-pf-icon-circle"></span>
+ </div>
+ <h2 class="card-pf-title text-center">
+ Connector Name
+ </h2>
+ <div class="card-pf-items text-center">
+ <div class="card-pf-item">
+ <span class="pficon pficon-screen"></span>
+ <span class="card-pf-item-text">8</span>
+ </div>
+ <div class="card-pf-item">
+ <span class="fa fa-check"></span>
+ </div>
+ </div>
+ <p class="card-pf-info text-center"><strong>Created On</strong> 2015-03-01 02:00 AM <br/> Never Expires</p>
+ </div>
+ <div class="card-pf-view-checkbox">
+ <input type="checkbox">
+ </div>
+ </div>
</div>
<div class="col-xs-8">
<div>
