الگو:کانتینر متن و کارت: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

دیداریویکی‌متن

@@ خط ۶۵: / خط ۶۵: @@
 <div class="stats-shadow"></div>
 <article class="stat-card">
-<div class="icon">
+    <div class="stat-card-header">
-<i class="fa-solid fa-file-circle-check"></i>
-</div>
-<h3>+۵۰ هزار</h3>
+        <div class="icon">
+            <i class="fa-solid fa-users"></i>
+        </div>
-<p>خدمت انجام شده</p>
+        <span>خدمت انجام شده</span>
-</article>
+    </div>
+    <h3>۵۰ هزار+</h3>
 <article class="stat-card">
-<div class="icon">
+    <div class="stat-card-header">
-<i class="fa-solid fa-users"></i>
-</div>
-<h3>+۵ هزار</h3>
+        <div class="icon">
+            <i class="fa-solid fa-users"></i>
+        </div>
-<p>کاربر دائمی</p>
+        <span>کاربر دائمی</span>
+    </div>
+    <h3>۵۰۰K+</h3>
 </article>
+<article class="stat-card">
+    <div class="stat-card-header">
-<article class="stat-card">
+        <div class="icon">
+            <i class="fa-solid fa-users"></i>
+        </div>
-<div class="icon">
+        <span>رضایت مشتری</span>
-<i class="fa-solid fa-face-smile"></i>
-</div>
-<h3>۹۹٪</h3>
+    </div>
-<p>رضایت مشتریان</p>
+    <h3>99%</h3>
 </article>
+<article class="stat-card">
-<article class="stat-card">
+    <div class="stat-card-header">
+        <div class="icon">
+            <i class="fa-solid fa-users"></i>
+        </div>
-<div class="icon">
+        <span>سابقه فعالیت</span>
-<i class="fa-solid fa-calendar-check"></i>
-</div>
-<h3>+۱۰ سال</h3>
+    </div>
-<p>سابقه فعالیت</p>
+    <h3>10 سال+</h3>
 </article>