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

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

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

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

+50k

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

+500k

کاربر فعال

100%

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

+2000

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

@@ خط ۱: / خط ۱: @@
+<html>
-<html lang="fa" dir="rtl">
 <head>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>همراه شما در تمامی خدمات کافی نت</title>
-<meta name="description" content="ارائه خدمات حرفه‌ای کافی نت شامل ثبت نام، خدمات دولت الکترونیک، امور بانکی، ترجمه، ثبت شرکت، مالیات، بیمه، رزرو بلیط و صدها خدمت آنلاین دیگر.">
-<meta name="keywords" content="کافی نت، خدمات کافی نت، کافی نت آنلاین، ثبت نام، خدمات اینترنتی، خدمات اداری">
-<meta name="robots" content="index,follow">
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
-<link rel="stylesheet" href="style.css">
 </head>
+<section class="stats-section">
+  <div class="container">
+    <div class="text-side">
+      <h2>همراه و در کنار شماییم</h2>
+      <p>با کافی نت من به بیش از صدها خدمات اینترنتی بصورت کاملاً غیرحضوری دسترسی دارین. فقط با چند کلیک ساده سفارش شما در دستان شما قرار دارد.</p>
+    </div>
-<body>
+    <div class="stats-grid">
+      <article class="stat-card">
+        <i class="icon fa fa-check-circle"></i>
-<section class="about-cafenet">
+        <div class="stat-info">
+          <span class="number">+50k</span>
-<div class="container">
+          <p>خدمت ارائه شده</p>
-<!-- متن سمت چپ -->
-<div class="about-content">
-<span class="section-subtitle">
-خدمات حرفه‌ای کافی نت
-</span>
-<h2>
-همراه مطمئن شما در انجام خدمات اینترنتی و اداری
-</h2>
-<p>
-کافی نت ما با ارائه صدها خدمت آنلاین، انجام امور اینترنتی و اداری را برای شما سریع، آسان و بدون دردسر کرده است. از ثبت‌نام‌های مختلف گرفته تا خدمات بانکی، مالیاتی، بیمه، دانشگاهی، سامانه‌های دولتی، ترجمه مدارک، رزرو بلیط و بسیاری خدمات دیگر، همه را با بالاترین دقت و در کوتاه‌ترین زمان انجام می‌دهیم.
-</p>
-<a href="/services" class="main-btn">
-مشاهده تمامی خدمات
-<i class="fa-solid fa-arrow-left"></i>
-</a>
-</div>
-<!-- کارت های آماری -->
-<div class="stats-wrapper">
-<div class="stats-shadow"></div>
-<article class="stat-card">
-    <div class="stat-card-header">
-        <div class="icon">
-            <i class="fa-solid fa-users"></i>
          </div>
+      </article>
-        <span>خدمت انجام شده</span>
+      <article class="stat-card">
+        <i class="icon fa fa-users"></i>
-    </div>
+         <div class="stat-info">
+          <span class="number">+500k</span>
-    <h3>۵۰ هزار+</h3>
+          <p>کاربر فعال</p>
-<article class="stat-card">
-    <div class="stat-card-header">
-         <div class="icon">
-            <i class="fa-solid fa-users"></i>
          </div>
+      </article>
-        <span>کاربر دائمی</span>
+      <article class="stat-card">
+        <i class="icon fa fa-smile"></i>
-    </div>
+         <div class="stat-info">
+          <span class="number">100%</span>
-    <h3>۵۰۰K+</h3>
+          <p>رضایت مشتریان</p>
-</article>
-<article class="stat-card">
-    <div class="stat-card-header">
-         <div class="icon">
-            <i class="fa-solid fa-users"></i>
          </div>
+      </article>
-        <span>رضایت مشتری</span>
+      <article class="stat-card">
+        <i class="icon fa fa-calendar-alt"></i>
-    </div>
+         <div class="stat-info">
+          <span class="number">+2000</span>
-    <h3>99%</h3>
+          <p>روز حضور در مارکت</p>
-</article>
-<article class="stat-card">
-    <div class="stat-card-header">
-         <div class="icon">
-            <i class="fa-solid fa-users"></i>
          </div>
+      </article>
-        <span>سابقه فعالیت</span>
      </div>
+  </div>
-    <h3>10 سال+</h3>
-</article>
-</div>
-</div>
 </section>
-</body>
 </html>