Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"jskd"
Bootstrap 3.3.0 Snippet by
varun3129
3.3.0
Preview
HTML
View Full Screen
Fork
Fork this
1.2K
 
0 Fav
Post to Facebook
Tweet this
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row"> <div class="col-md-offset-2 col-md-9"> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#0089CC";> <h4 class="panel-title reports-title">Sandbox</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentWeekSandboxUsers;?></h4> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentWeekSandboxUsers, $lastWeekSandboxUsers), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentMonthSandboxUsers;?></h4> <p class="data-text" align="center">this month</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentMonthSandboxUsers, $lastMonthSandboxUsers),2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-blue" style="min-height:251.75px;"> <div class="panel-body " style="margin-top: 50px;"> <p class="data-text" align="center"></p> <h4 class="data-text" align="center" style="font-size:30px;"><?php echo $totalSandboxUsers;?></h4> <p class="data-text" align="center">since launch</p> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#0089CC";> <h4 class="panel-title reports-title">Sandbox</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentWeekSandboxUsers;?></h4> <p class="data-text" align="center">this week</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentWeekSandboxUsers, $lastWeekSandboxUsers), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <div class="panel-body data-blue"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo $currentMonthSandboxUsers;?></h4> <p class="data-text" align="center">this month</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange($currentMonthSandboxUsers, $lastMonthSandboxUsers),2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-blue" style="min-height:251.75px;"> <div class="panel-body " style="margin-top: 50px;"> <p class="data-text" align="center"></p> <h4 class="data-text" align="center" style="font-size:30px;"><?php echo $totalSandboxUsers;?></h4> <p class="data-text" align="center">since launch</p> </div> </div> </div> </div> </div> </div> </div> <!--Launch--> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#006596"> <h4 class="panel-title reports-title">Launch</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <div class="panel-body data-blue-1"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo array_sum($currentWeekEvalData); ?></h4> <p class="data-text" align="center">this week</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange(array_sum($currentWeekEvalData), array_sum($lastWeekEvalData)), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <div class="panel-body data-blue-1"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo array_sum($currentMonthEvalData); ?></h4> <p class="data-text" align="center">this month</p> </div> <div class="panel-footer"> <h4 class="data-text text-1" align="center" style="font-size:30px;"><?php echo number_format(getPercentageChange(array_sum($currentMonthEvalData), array_sum($lastMonthEvalData)), 2)."%";?></h4> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-blue-1" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text text-1" align="center"></p> <h4 class="data-text" align="center" style="font-size:30px;"><?php echo array_sum($allEvaluationRequestsData);?></h4> <p class="data-text text-1" align="center">since launch</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default"> <ul class="list-group "> <li class="list-group-item ">Approved <span class="badge"><?php echo ($currentWeekEvalData['APPROVED']);?></span></li> <li class="list-group-item ">Rejected <span class="badge"><?php echo ($currentWeekEvalData['REJECTED']);?></span></li> <!-- <li class="list-group-item ">Pending <span class="badge">14</span></li>--> </ul> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <ul class="list-group"> <li class="list-group-item ">Approved <span class="badge"><?php echo ($currentMonthEvalData['APPROVED']);?></span></li> <li class="list-group-item ">Rejected <span class="badge"><?php echo ($currentMonthEvalData['REJECTED']);?></span></li> </ul> </div> </div> <div class="col-md-3"> <div class="panel panel-default"> <ul class="list-group"> <li class="list-group-item ">Approved <span class="badge"><?php echo ($allEvaluationRequestsData['APPROVED']);?></span></li> <li class="list-group-item ">Rejected <span class="badge"><?php echo ($allEvaluationRequestsData['REJECTED']);?></span></li> </ul> </div> </div> </div> <div class="row"> <div class="col-md-9 col-md-offset-1" style="margin-left: 12.33333333%;"> <table class="table table-bordered"> <thead> <tr> <th>Cobrand Id</th> <th>Cobrand Name</th> <th>Agg Users</th> <th>IAV Count</th> </tr> </thead> <tbody> <?php if($launchTierUsageData && isset($launchTierUsageData)){ foreach($launchTierUsageData as $usageRecord){ echo '<tr>'; echo '<td align="right">'.$usageRecord->field_cobrand_id['und'][0]['value'].'</td>'; echo '<td>'.$usageRecord->field_cobrand_name['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_agg_active_user_count['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_iav_request_count['und'][0]['value'].'</td>'; echo '</tr>'; } } ?> </tbody> </table> </div> </div> </div> </div> </div> <!--Grow--> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#C83B34"> <h4 class="panel-title reports-title">Grow</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $thisWeekGrowUsers;?></h4> <p class="data-text-1 text-1" align="center">this week</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $currentMonthGrowUsers;?></h4> <p class="data-text-1 text-1" align="center">this month</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $totalGrow;?></h4> <p class="data-text-1 text-1" align="center">since launch</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-9 col-md-offset-1" style="margin-left: 12.33333333%;"> <table class="table table-bordered"> <thead> <tr> <th>Cobrand Id</th> <th>Cobrand Name</th> <th>Agg Users</th> <th>IAV Count</th> </tr> </thead> <tbody> <?php if($growTierUsageData && isset($growTierUsageData)){ foreach($growTierUsageData as $usageRecord){ echo '<tr>'; echo '<td align="right">'.$usageRecord->field_cobrand_id['und'][0]['value'].'</td>'; echo '<td>'.$usageRecord->field_cobrand_name['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_agg_active_user_count['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_iav_request_count['und'][0]['value'].'</td>'; echo '</tr>'; } } ?> </tbody> </table> </div> </div> </div> </div> </div> <!--Enterprise--> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background-color:#A01F18"> <h4 class="panel-title reports-title">Enterprise</h4> </div> <div class ="panel-body"> <div class="row"> <div class="col-md-3 col-space"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $thisWeekEnterpriseUsers;?></h4> <p class="data-text-1 text-1" align="center">this week</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $currentMonthEnterpriseUsers;?></h4> <p class="data-text-1 text-1" align="center">this month</p> </div> </div> </div> <div class="col-md-3"> <div class="panel panel-default data-pink" style="min-height:251.75px;"> <div class="panel-body" style="margin-top: 50px;"> <p class="data-text-1 text-1" align="center"></p> <h4 class="data-text-1" align="center" style="font-size:30px;"><?php echo $totalEnterpriseUsers;?></h4> <p class="data-text-1 text-1" align="center">since launch</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-9 col-md-offset-1 " style="margin-left: 12.33333333%;"> <table class="table table-bordered"> <thead> <tr> <th>Cobrand Id</th> <th>Cobrand Name</th> <th>Agg Users</th> <th>IAV Count</th> </tr> </thead> <tbody> <?php if($enterpriseTierUsageData && isset($enterpriseTierUsageData)){ foreach($enterpriseTierUsageData as $usageRecord){ echo '<tr>'; echo '<td align="right">'.$usageRecord->field_cobrand_id['und'][0]['value'].'</td>'; echo '<td>'.$usageRecord->field_cobrand_name['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_agg_active_user_count['und'][0]['value'].'</td>'; echo '<td align="right">'.$usageRecord->field_iav_request_count['und'][0]['value'].'</td>'; echo '</tr>'; } } ?> </tbody> </table> </div> </div> </div> </div> </div> <div class="row"> <div class="panel panel-default"> <div class="panel-heading" style="background:#383f48";> <h4 class="panel-title panel-title reports-title">Zendesk Tickets</h4> </div> <div class="panel-body"> <div class="row"> <div class="counters with-borders"> <div class="col-md-6 col-sm-6"> <div class="counter counter-primary data-grey" style="background: #f5f5f5;"> <h4 class="data-text" align="center" style="font-size:30px;">15</h4> <p class="data-text" align="center">new this week</p> </div> </div> <div class="col-md-6 col-sm-6"> <div class="counter counter-primary data-grey" style="background: #f5f5f5;"> <h4 class="data-text" align="center" style="font-size:30px;">52</h4> <p class="data-text" align="center">new in last 30 days</p> </div> </div> <!-- <div class="col-md-3 col-sm-6">--> <!-- <div class="counter counter-primary data-grey" style="background: #f5f5f5;">--> <!-- <h4 class="data-text" align="center" style="font-size:30px;">TBD</h4>--> <!-- <p class="data-text" align="center">Launch</p>--> <!-- </div>--> <!-- </div>--> <!-- <div class="col-md-3 col-sm-6">--> <!-- <div class="counter counter-primary data-grey" style="background: #f5f5f5;">--> <!-- <h4 class="data-text" align="center" style="font-size:30px;">TBD</h4>--> <!-- <p class="data-text" align="center">Grow</p>--> <!-- </div>--> <!-- </div>--> </div> </div> </div></div> </div> </div> </div>
Related:
See More
Template
Paper Dashboard Pro Angular
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76