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

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

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

@@ خط ۱: / خط ۱: @@
-<!DOCTYPE html>
 <html lang="fa" dir="rtl">
 <head>
      <meta charset="UTF-8">
+    <!-- فراخوانی فونت ایران‌سانس از طریق CDN -->
+    <link rel="stylesheet" href="https://cdn.font-store.ir/iransans.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-  <style>
-    /* تعریف رنگ سبز استخراج شده از تصویر شما */
+    <style>
-    :root {
+        /* تعریف کلی فونت برای کل صفحه */
-        --primary-green: #00b894;
+        body, h2, p, span, div {
-    }
+            font-family: 'IRANSans', Tahoma, sans-serif !important;
+        }
-    /* اعمال رنگ به آیکون‌ها */
+        :root { --primary-green: #00b894; }
-    .stat-card .icon {
-         font-size: 2.5rem;
+        .stats-section { padding: 50px 20px; background-color: #f9f9f9; text-align: justify;direction:rtl; }
-         color: var(--primary-green); /* رنگ آیکون تغییر کرد */
+         .container { max-width: 1200px; margin: 0 auto; }
-        margin-bottom: 15px;
-    }
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 20px;
+            margin-top: 40px;
+        }
-    /* اعمال رنگ به اعداد (اختیاری برای هماهنگی بیشتر) */
+        .stat-card {
-    .stat-info .number {
+            background: #fff;
-        display: block;
+            padding: 30px;
-        font-size: 1.5rem;
+            border-radius: 15px;
-        font-weight: bold;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
-        color: var(--primary-green); /* رنگ اعداد هم برای زیبایی ست شد */
+        }
-    }
-    /* افکت هاور برای زیبایی بیشتر کارت‌ها */
+        .stat-card .icon {
-    .stat-card:hover {
+            font-size: 2.5rem;
-        transform: translateY(-5px);
+            color: var(--primary-green);
-        border: 1px solid var(--primary-green);
+            margin-bottom: 15px;
-    }
+        }
-</style>
+        .stat-info .number {
+            display: block;
+            font-size: 1.5rem;
+            font-weight: bold;
+            color: #333;
+        }
+    </style>
 </head>
 <body>
@@ خط ۳۹: / خط ۵۲: @@
      <div class="text-side">
        <h2>انجام امور اینترنتی شما در کوتاه‌ترین زمان</h2>
-       <p>دیگر نگران صف‌های طولانی و کارهای اداری نباشید. در کافی‌نت نور یکتا، ما تمامی خدمات آنلاین شما شامل ثبت‌نام‌های دانشگاهی، خدمات مالیاتی، چاپ و پرینت، دریافت کد سوابق تحصیلی و صدها خدمت اینترنتی دیگر را به صورت کاملاً غیرحضوری و با تضمین امنیت اطلاعات انجام می‌دهیم. تنها با چند کلیک ساده، امور خود را به متخصصان ما بسپارید.</p>
+       <p>دیگر نگران صف‌های طولانی و کارهای اداری نباشید. در کافی‌نت نور یکتا، ما تمامی خدمات آنلاین شما را به صورت کاملاً غیرحضوری و با تضمین امنیت اطلاعات انجام می‌دهیم.</p>
      </div>
@@ خط ۵۰: / خط ۶۳: @@
          </div>
        </article>
        <article class="stat-card">
          <i class="icon fa fa-users"></i>
@@ خط ۵۸: / خط ۷۰: @@
          </div>
        </article>
        <article class="stat-card">
          <i class="icon fa fa-smile"></i>
@@ خط ۶۶: / خط ۷۷: @@
          </div>
        </article>
        <article class="stat-card">
          <i class="icon fa fa-calendar-alt"></i>