MINI Sh3ll

<div class="col-md-3 col-xl-3">
     <div class="card animated zoomIn" style="" >
        <div class="card-body p-2">
           <div class="media d-flex align-items-center">
              <div class="media-body">
                 <h3 class="font-weight-bold mb-0 ">
                    <span  class="text-danger" id="todays_earnings">0</span>
                 </h3>
              </div>
              <div class="align-self-center tp-icon" id="icon_container">
                 <span id="today_icon_circle" class="btn bg-danger rounded-circle  cursor-default" >
                 <i id="today_icon" class="fa fa-thumbs-o-down fa-2x" aria-hidden="true"></i>
                 </span>
              </div>
           </div>
           <span class="font-size-lg" >Today's Earnings</span>
        </div>
        <div id="todays_footer" class="card-footer d-flex justify-content-between rounded-bottom-1 bg-danger p-1" >
        </div>
     </div>
     <!-- monthly summary starts here -->
     <div class="card animated zoomIn" style="" >
        <div class="card-body p-2">
           <div class="media d-flex align-items-center">
              <div class="media-body">
                 <h3 class="font-weight-bold mb-0 ">
                    <span  class="text-success" id="months_earnings">0</span>
                 </h3>
              </div>
              <div class="align-self-center tp-icon" id="icon_container">
                 <span id="month_icon_circle" class="btn bg-success rounded-circle  cursor-default" >
                 <i id="month_icon" class="fa fa-thumbs-o-up fa-2x" aria-hidden="true"></i>
                 </span>
              </div>
           </div>
           <span class="font-size-lg" >Earnings in this Month</span>
        </div>
        <div id="months_footer" class="card-footer d-flex justify-content-between rounded-bottom-1 bg-success p-1" >
        </div>
     </div>
     <!-- monthly summary ends here -->
  </div>