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

نسخهٔ کنونی تا ‏۲۶ ژوئیهٔ ۲۰۲۶، ساعت ۰۸:۵۶

همراه و در کنار شماییم

با کافی نت من به بیش از صدها خدمات اینترنتی بصورت کاملاً غیرحضوری دسترسی دارین. فقط با چند کلیک ساده سفارش شما در دستان شما قرار دارد.

+50k

خدمت ارائه شده

+500k

کاربر فعال

100%

رضایت مشتریان

+2000

روز حضور در مارکت

@@ خط ۱: / خط ۱: @@
 <html>
+<head>
-<section class="kafi-net-stats" aria-label="آمار و معرفی کافی نت من">
+<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="content-wrapper">
+     <div class="text-side">
-      <div class="text-side">
+      <h2>همراه و در کنار شماییم</h2>
-        <h2>همراه و در کنار شماییم</h2>
+      <p>با کافی نت من به بیش از صدها خدمات اینترنتی بصورت کاملاً غیرحضوری دسترسی دارین. فقط با چند کلیک ساده سفارش شما در دستان شما قرار دارد.</p>
-        <p>با کافی نت من به بیش از صدها خدمات اینترنتی بصورت کاملاً غیرحضوری دسترسی دارین. فقط با چند کلیک ساده سفارش شما در دستان شما قرار دارد. کافیه یک بار از خدمات «کافی نت من» استفاده کنید تا جزئی از خانواده ما شوید. دیگر نیازی نیست برای انجام کارهای کافی نت‌های سنتی مراجعه کنید.</p>
+    </div>
-      </div>
-      <div class="stats-grid">
+    <div class="stats-grid">
-        <article class="stat-card">
+      <article class="stat-card">
+        <i class="icon fa fa-check-circle"></i>
+        <div class="stat-info">
            <span class="number">+50k</span>
            <p>خدمت ارائه شده</p>
-         </article>
+         </div>
-        <article class="stat-card">
+      </article>
+      <article class="stat-card">
+        <i class="icon fa fa-users"></i>
+        <div class="stat-info">
            <span class="number">+500k</span>
            <p>کاربر فعال</p>
-         </article>
+         </div>
-        <article class="stat-card">
+      </article>
+      <article class="stat-card">
+        <i class="icon fa fa-smile"></i>
+        <div class="stat-info">
            <span class="number">100%</span>
            <p>رضایت مشتریان</p>
-         </article>
+         </div>
-        <article class="stat-card">
+      </article>
+      <article class="stat-card">
+        <i class="icon fa fa-calendar-alt"></i>
+        <div class="stat-info">
            <span class="number">+2000</span>
            <p>روز حضور در مارکت</p>
-         </article>
+         </div>
-       </div>
+       </article>
      </div>
    </div>
 </section>
 </html>