<div class="simple-counter">
    <div class="simple">
    <div>
      <span>$</span>
      <p class="counter">0</p>
      
    </div>
    <p><i class="ti ti-arrow-narrow-up text-success"></i> درآمد</p>
  </div>
    <div class="simple">
    <div>
      
      <p class="counter">0</p>
      
    </div>
    <p><i class="ti ti-arrow-narrow-down text-danger"></i> پروژه‌ها</p>
  </div>
    <div class="simple">
    <div>
      
      <p class="counter">0</p>
      <span>%</span>
    </div>
    <p><i class="ti ti-arrow-narrow-up text-success"></i> دستاوردها</p>
  </div>
  <div>
    <button class="btn btn-light-primary">به‌روزرسانی داده‌ها</button>
  </div>
</div>

<div class="simple-counter">
  <ul class="nav nav-tabs app-tabs-primary" id="Basic" role="tablist">
    <li class="nav-item" role="presentation">
      <button class="nav-link active" id="1-tab"
        type="button" role="tab"
        aria-controls="tab-1" aria-selected="true">تب-1</button>
    </li>
    <li class="nav-item" role="presentation">
      <button class="nav-link" id="2-tab"
        type="button" role="tab"
        aria-controls="tab-2" aria-selected="false">تب-2</button>
    </li>
    <li class="nav-item" role="presentation">
      <button class="nav-link" id="3-tab"
        type="button" role="tab"
        aria-controls="tab-3" aria-selected="false">تب-3</button>
    </li>
  </ul>
  <div class="tab-content" id="BasicContent">
    <div class="tab-pane fade show active" id="tab-1"
      role="tabpanel" aria-labelledby="1-tab" tabindex="0">
      ...
    </div>
    <div class="tab-pane fade" id="tab-2"
      role="tabpanel" aria-labelledby="2-tab" tabindex="0">
      ...
    </div>
    <div class="tab-pane fade" id="tab-3"
      role="tabpanel" aria-labelledby="3-tab" tabindex="0">
      ...
    </div>
  </div>
</div>