<div >
 <div >
 <div>
   <p data-count="150">0</p>
  </div>
  <p><i ></i>درآمد</p>
 </div>
 <div >
  <div data-count="85">0</div>
  <p><i ></i>پروژه ها</p>
 </div>
 <div >
   <div>
   <p data-count="60">0</p>
   <span>%</span>
  </div>
  <p><i ></i>دستاورد</p>
 </div>
 </div>

  
 <div >
 <div >
  <i ></i>
  <div >
  <p data-count="500">0</p>
 </div>
  <p>مشتریان</p>
 </div>
 <div >
  <i ></i>
  <div data-count="75">0</div>
  <p>گزارش</p>
 </div>
 <div >
  <i ></i>
  <div >
  <p data-count="40">0</p>
  <span>%</span>
 </div>
  <p>پرداخت</p>
 </div>
 </div>

                  
 <div >
 <div >
   <div>
   <p data-count="150">0</p>
  </div>
  <p><i ></i>درآمد</p>
 </div>
 <div >
  <div data-count="85">0</div>
  <p><i ></i>پروژه </p>
 </div>
 <div >
   <div>
   <p data-count="60">0</p>
   <span>%</span>
  </div>
  <p><i ></i>دستاورد</p>
 </div>
  <div>
   <button id="startCounter">بروزرسانی داده </button>
  </div>
 </div>

        
     <div >
    <ul id="Basic" role="tablist">
     <li role="presentation">
      <button id="one-tab" data-bs-toggle="tab"
       data-bs-target="#tab-one" type="button" role="tab" aria-controls="tab-one"
       aria-selected="true">تب -1</button>
     </li>
     <li role="presentation">
      <button id="two-tab" data-bs-toggle="tab" data-bs-target="#tab-two"
       type="button" role="tab" aria-controls="tab-two" aria-selected="false">تب -2</button>
     </li>
     <li role="presentation">
      <button id="three-tab" data-bs-toggle="tab" data-bs-target="#tab-three"
       type="button" role="tab" aria-controls="tab-three" aria-selected="false">تب -3</button>
     </li>
    </ul>
    <div id="BasicContent">
     <div id="tab-one" role="tabpanel"
      aria-labelledby="one-tab" tabindex="0">
      ...
     </div>
     <div id="tab-two" role="tabpanel" aria-labelledby="two-tab"
      tabindex="0">
       ...
     </div>
     <div id="tab-three" role="tabpanel" aria-labelledby="three-tab"
      tabindex="0">
       ...
     </div>
    </div>