کانتینر متن و کارت - فراغیب

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<section class="stats-section">
  <div class="container">
    <div class="text-side">
      <h2>همراه و در کنار شماییم</h2>
      <p>با کافی نت من به بیش از صدها خدمات اینترنتی بصورت کاملاً غیرحضوری دسترسی دارین. فقط با چند کلیک ساده سفارش شما در دستان شما قرار دارد.</p>
    </div>

    <div class="stats-grid">
      <article class="stat-card">
        <i class="icon fa fa-check-circle"></i>
        <div class="stat-info">
          <span class="number">+50k</span>
          <p>خدمت ارائه شده</p>
        </div>
      </article>
      <article class="stat-card">
        <i class="icon fa fa-users"></i>
        <div class="stat-info">
          <span class="number">+500k</span>
          <p>کاربر فعال</p>
        </div>
      </article>
      <article class="stat-card">
        <i class="icon fa fa-smile"></i>
        <div class="stat-info">
          <span class="number">100%</span>
          <p>رضایت مشتریان</p>
        </div>
      </article>
      <article class="stat-card">
        <i class="icon fa fa-calendar-alt"></i>
        <div class="stat-info">
          <span class="number">+2000</span>
          <p>روز حضور در مارکت</p>
        </div>
      </article>
    </div>
  </div>
</section>

</html>