core-logo

CoreUI callout

On this page:



Without borders

New Clients
9,123
Recuring Clients
22,643
Pageviews
78,623
Organic
49,123
CTR
23%
Bounce Rate
5% 
<div class="row">
  <div class="col-sm-2">
    <div class="c-callout c-callout-info">
      <small class="text-muted">New Clients</small><br>
      <strong class="h4">9,123</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-danger">
      <small class="text-muted">Recuring Clients</small><br>
      <strong class="h4">22,643</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-warning">
      <small class="text-muted">Pageviews</small><br>
      <strong class="h4">78,623</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-success">
      <small class="text-muted">Organic</small><br>
      <strong class="h4">49,123</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout">
      <small class="text-muted">CTR</small><br>
      <strong class="h4">23%</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-primary">
      <small class="text-muted">Bounce Rate</small><br>
      <strong class="h4">5%</strong>
    </div>
  </div><!--/.col-->
</div><!--/.row-->

With borders

New Clients
9,123
Recuring Clients
22,643
Pageviews
78,623
Organic
49,123
CTR
23%
Bounce Rate
5% 
<div class="row">
  <div class="col-sm-2">
    <div class="c-callout c-callout-info b-t-1 b-r-1 b-b-1">
      <small class="text-muted">New Clients</small><br>
      <strong class="h4">9,123</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-danger b-t-1 b-r-1 b-b-1">
      <small class="text-muted">Recuring Clients</small><br>
      <strong class="h4">22,643</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-warning b-t-1 b-r-1 b-b-1">
      <small class="text-muted">Pageviews</small><br>
      <strong class="h4">78,623</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-success b-t-1 b-r-1 b-b-1">
      <small class="text-muted">Organic</small><br>
      <strong class="h4">49,123</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout b-t-1 b-r-1 b-b-1">
      <small class="text-muted">CTR</small><br>
      <strong class="h4">23%</strong>
    </div>
  </div><!--/.col-->
  <div class="col-sm-2">
    <div class="c-callout c-callout-primary b-t-1 b-r-1 b-b-1">
      <small class="text-muted">Bounce Rate</small><br>
      <strong class="h4">5%</strong>
    </div>
  </div><!--/.col-->
</div><!--/.row-->
CoreUI © 2020 creativeLabs. core-logo