فراغیب

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

دیداریویکی‌متن
esfandiari>Javid
صفحه‌ای تازه حاوی « <html lang="fa" dir="rtl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>همراه شما در تمامی خدمات کافی نت</title> <meta name="description" content="ارائه خدمات حرفه‌ای کافی نت شامل ثبت نام، خدمات دولت الکترونیک، امور بانکی، ترجمه، ثبت شرکت، مالیات، بیمه،...» ایجاد کرد
 
جز ۱۴ نسخه واردشده
 
(۱۳ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد)
خط ۱: خط ۱:


<html lang="fa" dir="rtl">
<html lang="fa" dir="rtl">
<head>
<head>
    <meta charset="UTF-8">
    <title>کافی‌نت نور یکتا</title>
    <!-- استفاده از فونت ایران‌سانس با استاندارد بالا -->
    <style>
        @import url('https://cdn.font-store.ir/iransans.css');


<meta charset="UTF-8">
        body {
<meta name="viewport" content="width=device-width, initial-scale=1.0">
            font-family: 'IRANSans', Tahoma, Arial, sans-serif !important;
            margin: 0;
            padding: 0;
            background-color: #ffffff;
        }


<title>همراه شما در تمامی خدمات کافی نت</title>
        .stats-section {
            padding: 60px 20px;
            text-align: center;
        }


<meta name="description" content="ارائه خدمات حرفه‌ای کافی نت شامل ثبت نام، خدمات دولت الکترونیک، امور بانکی، ترجمه، ثبت شرکت، مالیات، بیمه، رزرو بلیط و صدها خدمت آنلاین دیگر.">
        .container {
            max-width: 1000px;
            margin: 0 auto;
        }


<meta name="keywords" content="کافی نت، خدمات کافی نت، کافی نت آنلاین، ثبت نام، خدمات اینترنتی، خدمات اداری">
        h2 { font-size: 24px; color: #333; }


<meta name="robots" content="index,follow">
        p { line-height: 2; color: #555; font-size: 16px; }


<link rel="preconnect" href="https://fonts.googleapis.com">
        /* استایل خاص برای متون بولد و سبز */
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        .brand-green {
            color: #00b894 !important;
            font-weight: bold;
        }


<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
        .stats-grid {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-top: 40px;
            flex-wrap: wrap;
        }


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
        .stat-card {
            width: 200px;
            padding: 20px;
        }


<link rel="stylesheet" href="style.css">
        .icon {
            font-size: 40px;
            color: #00b894;
            margin-bottom: 10px;
            display: block;
        }


        .number {
            font-size: 24px;
            font-weight: bold;
            display: block;
            margin-bottom: 5px;
        }
    </style>
    <!-- لینک آیکون‌ها -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
</head>
<body>
<body>


<section class="stats-section">
  <div class="container">
    <div class="text-side">
      <h2>انجام امور اینترنتی شما در کوتاه‌ترین زمان</h2>
      <p>
        دیگر نگران صف‌های طولانی و کارهای اداری نباشید. در <strong class="brand-green">کافی‌نت نور یکتا</strong>، ما تمامی خدمات آنلاین شما شامل ثبت‌نام‌های دانشگاهی، خدمات مالیاتی، چاپ و پرینت، دریافت کد سوابق تحصیلی و صدها خدمت اینترنتی دیگر را به صورت کاملاً غیرحضوری و با تضمین امنیت اطلاعات انجام می‌دهیم. تنها با چند کلیک ساده، امور خود را به متخصصان ما بسپارید. برای ارتباط با ما می‌توانید با شماره <strong class="brand-green">09056820426</strong> تماس بگیرید.
      </p>
    </div>


<section class="about-cafenet">
    <div class="stats-grid">
 
      <article class="stat-card">
<div class="container">
        <i class="icon fa fa-check-circle"></i>
 
        <div class="stat-info">
 
          <span class="number">+50k</span>
<!-- متن سمت چپ -->
          <p>خدمت ارائه شده</p>
 
        </div>
<div class="about-content">
      </article>
 
      <article class="stat-card">
<span class="section-subtitle">
        <i class="icon fa fa-users"></i>
خدمات حرفه‌ای کافی نت
        <div class="stat-info">
</span>
          <span class="number">+500k</span>
 
          <p>کاربر فعال</p>
<h2>
        </div>
همراه مطمئن شما در انجام خدمات اینترنتی و اداری
      </article>
</h2>
      <article class="stat-card">
 
        <i class="icon fa fa-smile"></i>
<p>
        <div class="stat-info">
 
          <span class="number">100%</span>
کافی نت ما با ارائه صدها خدمت آنلاین، انجام امور اینترنتی و اداری را برای شما سریع، آسان و بدون دردسر کرده است. از ثبت‌نام‌های مختلف گرفته تا خدمات بانکی، مالیاتی، بیمه، دانشگاهی، سامانه‌های دولتی، ترجمه مدارک، رزرو بلیط و بسیاری خدمات دیگر، همه را با بالاترین دقت و در کوتاه‌ترین زمان انجام می‌دهیم.
          <p>رضایت مشتریان</p>
 
        </div>
</p>
      </article>
 
      <article class="stat-card">
<a href="/services" class="main-btn">
        <i class="icon fa fa-calendar-alt"></i>
مشاهده تمامی خدمات
        <div class="stat-info">
<i class="fa-solid fa-arrow-left"></i>
          <span class="number">+2000</span>
</a>
          <p>روز حضور در مارکت</p>
 
        </div>
</div>
      </article>
 
    </div>
 
  </div>
 
<!-- کارت های آماری -->
 
<div class="stats-wrapper">
 
<div class="stats-shadow"></div>
 
 
<article class="stat-card">
 
<div class="icon">
<i class="fa-solid fa-file-circle-check"></i>
</div>
 
<h3>+۵۰ هزار</h3>
 
<p>خدمت انجام شده</p>
 
</article>
 
 
 
<article class="stat-card">
 
<div class="icon">
<i class="fa-solid fa-users"></i>
</div>
 
<h3>+۵ هزار</h3>
 
<p>کاربر دائمی</p>
 
</article>
 
 
 
<article class="stat-card">
 
<div class="icon">
<i class="fa-solid fa-face-smile"></i>
</div>
 
<h3>۹۹٪</h3>
 
<p>رضایت مشتریان</p>
 
</article>
 
 
 
<article class="stat-card">
 
<div class="icon">
<i class="fa-solid fa-calendar-check"></i>
</div>
 
<h3>+۱۰ سال</h3>
 
<p>سابقه فعالیت</p>
 
</article>
 
</div>
 
</div>
 
</section>
</section>


</body>
</body>
</html>
</html>
برگرفته از «https://fa.faraghaib.ir/wiki/الگو:کانتینر_متن_و_کارت/کافی_نت_نور_یکتا»