101 lines
3.4 KiB
PHP
Executable File
101 lines
3.4 KiB
PHP
Executable File
<style>
|
|
|
|
.info-box-icon{
|
|
margin-left: 17px;
|
|
/*background: linear-gradient(60deg,#ec407a,#d81b60);*/
|
|
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(233,30,99,.4);
|
|
display: inline-block;
|
|
height: 80px;
|
|
width: 80px;
|
|
font-size: 36px;
|
|
border-radius: 3px;
|
|
margin-top: -25px;
|
|
margin-right: 15px;
|
|
}
|
|
.info-box-content{
|
|
text-align:right;
|
|
}
|
|
|
|
.bg-red{
|
|
background: #dc2265 !important;
|
|
}
|
|
</style>
|
|
|
|
|
|
<!-- Content Wrapper. Contains page content -->
|
|
<div class="content-wrapper" style="background-color: #eee;">
|
|
<!-- Content Header (Page header) -->
|
|
<section class="content-header">
|
|
</section>
|
|
<!-- Main content -->
|
|
<section class="content" style="margin-top: 20px;">
|
|
<!-- Info boxes -->
|
|
<div class="row">
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box">
|
|
<span class="info-box-icon bg-aqua" style="box-shadow:0 4px 20px 0 rgba(0, 192, 239, 0.55), 0 7px 10px -5px rgba(0, 192, 239, 0.32);"><i class="ion ion-ios-people-outline"></i></span>
|
|
|
|
<div class="info-box-content">
|
|
<span class="info-box-text">Users</span>
|
|
<span class="info-box-number"><?php echo $usercount; ?></span>
|
|
</div>
|
|
<!-- /.info-box-content -->
|
|
</div>
|
|
<!-- /.info-box -->
|
|
</div>
|
|
<!-- /.col -->
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box">
|
|
<span class="info-box-icon bg-red" style="box-shadow:0 4px 20px 0 rgba(220, 34, 101, 0.47), 0 7px 10px -5px rgba(220, 34, 101, 0.35);"><i class="fa fa-globe"></i></span>
|
|
|
|
<div class="info-box-content">
|
|
<span class="info-box-text">Countries</span>
|
|
<span class="info-box-number">195</span>
|
|
</div>
|
|
<!-- /.info-box-content -->
|
|
</div>
|
|
<!-- /.info-box -->
|
|
</div>
|
|
<!-- /.col -->
|
|
|
|
<!-- fix for small devices only -->
|
|
<div class="clearfix visible-sm-block"></div>
|
|
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box">
|
|
<span class="info-box-icon bg-green" style="box-shadow:0 4px 20px 0 rgba(0, 166, 90, 0.45), 0 7px 10px -5px rgba(0, 166, 90, 0.38);"><i class="ion ion-ios-cart-outline"></i></span>
|
|
|
|
<div class="info-box-content">
|
|
<span class="info-box-text">Sales</span>
|
|
<span class="info-box-number">760</span>
|
|
</div>
|
|
<!-- /.info-box-content -->
|
|
</div>
|
|
<!-- /.info-box -->
|
|
</div>
|
|
<!-- /.col -->
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|
<div class="info-box">
|
|
<span class="info-box-icon bg-yellow" style="box-shadow:0 4px 20px 0 rgba(243, 156, 18, 0.62), 0 7px 10px -5px rgba(243, 156, 18, 0.41);"><i class="ion ion-ios-people-outline"></i></span>
|
|
|
|
<div class="info-box-content">
|
|
<span class="info-box-text">New Members</span>
|
|
<span class="info-box-number">2,000</span>
|
|
</div>
|
|
<!-- /.info-box-content -->
|
|
</div>
|
|
<!-- /.info-box -->
|
|
</div>
|
|
<!-- /.col -->
|
|
</div>
|
|
<!-- /.row -->
|
|
|
|
</section>
|
|
<!-- /.content -->
|
|
</div>
|
|
<!-- /.content-wrapper -->
|
|
|
|
<!-- jQuery 3 -->
|
|
<script src="<?php echo base_url(); ?>assets/bower_components/jquery/dist/jquery.min.js"></script>
|
|
|