الگو:کانتینر متن و کارت: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html lang="fa" dir="rtl"> | <html lang="fa" dir="rtl"> | ||
<head> | <head> | ||
<meta charset="UTF-8 | <meta charset="UTF-8"> | ||
< | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
< | <title>همراه مطمئن شما در انجام خدمات اینترنتی و اداری | کافی نت</title> | ||
<meta name=" | <meta name="description" content="ارائه خدمات حرفهای کافی نت شامل ثبت نام، خدمات دولت الکترونیک، امور بانکی، بیمه، مالیات، ترجمه، رزرو بلیط و صدها خدمت آنلاین دیگر."> | ||
<meta name=" | <meta name="keywords" content="کافی نت، خدمات کافی نت، ثبت نام اینترنتی، خدمات آنلاین، خدمات اداری"> | ||
< | <meta name="robots" content="index,follow"> | ||
<link href="https://fonts.googleapis.com | <link rel="preconnect" href="https://fonts.googleapis.com"> | ||
<link rel=" | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | ||
<link rel="stylesheet" href=" | <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.7.2/css/all.min.css"> | |||
<link rel="stylesheet" href="common.css"> | |||
</head> | </head> | ||
| خط ۲۷: | خط ۳۰: | ||
<body> | <body> | ||
<section class="about-cafenet"> | |||
< | <div class="container"> | ||
<!-- ========================== | |||
کارت های آماری | |||
=========================== --> | |||
<div class="stats-wrapper"> | |||
<div class=" | <div class="stats-shadow"></div> | ||
<!-- کارت 1 --> | |||
< | <article class="stat-card"> | ||
<div class=" | <div class="card-top"> | ||
< | <div class="icon"> | ||
<i class="fa-solid fa-file-circle-check"></i> | |||
</ | </div> | ||
< | <span class="card-title"> | ||
خدمات انجام شده | |||
</ | </span> | ||
< | </div> | ||
<h3>+۵۰ هزار</h3> | |||
</ | </article> | ||
< | <!-- کارت 2 --> | ||
< | <article class="stat-card"> | ||
<div class="card-top"> | |||
<div class="icon"> | |||
<i class="fa-solid fa-users"></i> | |||
</div> | |||
< | <span class="card-title"> | ||
مشتریان دائمی | |||
</span> | |||
<div | </div> | ||
< | <h3>+۵ هزار</h3> | ||
<article | </article> | ||
<!-- کارت 3 --> | |||
<article class="stat-card"> | |||
< | |||
<div class="card-top"> | |||
<div class="icon"> | |||
<i class="fa-solid fa-face-smile"></i> | |||
</div> | |||
<span class="card-title"> | |||
رضایت کاربران | |||
</span> | |||
</div> | |||
< | <h3>۹۹٪</h3> | ||
</article> | |||
<!-- کارت 4 --> | |||
< | |||
<article class="stat-card"> | |||
<div class="card-top"> | |||
<div class="icon"> | |||
<i class="fa-solid fa-calendar-check"></i> | |||
</div> | |||
</ | <span class="card-title"> | ||
سابقه فعالیت | |||
</span> | |||
</div> | |||
< | <h3>۱۰+ سال</h3> | ||
</article> | |||
</div> | </div> | ||
< | <!-- ========================== | ||
متن | |||
=========================== --> | |||
<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> | ||
</div> | </div> | ||
</section> | </section> | ||