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

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

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

@@ خط ۱: / خط ۱: @@
+<!DOCTYPE html>
 <html lang="fa" dir="rtl">
 <head>
      <meta charset="UTF-8">
      <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; }
+    /* تعریف رنگ سبز استخراج شده از تصویر شما */
+    :root {
-        body { font-family: Tahoma, Arial, sans-serif; }
+        --primary-green: #00b894;
-        .stats-section { padding: 50px 20px; background-color: #f9f9f9; text-align: center; }
+    }
-         .container { max-width: 1200px; margin: 0 auto; }
+    /* اعمال رنگ به آیکون‌ها */
-        .stats-grid {
+    .stat-card .icon {
-            display: grid;
+         font-size: 2.5rem;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+         color: var(--primary-green); /* رنگ آیکون تغییر کرد */
-            gap: 20px;
+        margin-bottom: 15px;
-            margin-top: 40px;
+    }
-        }
-        .stat-card {
+    /* اعمال رنگ به اعداد (اختیاری برای هماهنگی بیشتر) */
-            background: #fff;
+    .stat-info .number {
-            padding: 30px;
+        display: block;
-            border-radius: 15px;
+        font-size: 1.5rem;
-            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
+        font-weight: bold;
-        }
+        color: var(--primary-green); /* رنگ اعداد هم برای زیبایی ست شد */
+    }
-        .stat-card .icon {
+    /* افکت هاور برای زیبایی بیشتر کارت‌ها */
-            font-size: 2.5rem;
+    .stat-card:hover {
-            color: var(--primary-green); /* رنگ سبز مورد نظر شما */
+        transform: translateY(-5px);
-            margin-bottom: 15px;
+        border: 1px solid var(--primary-green);
-        }
+    }
+</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>
      </div>