الگو:کانتینر متن و کارت/کافی نت نور یکتا: تفاوت میان نسخه‌ها
esfandiari>Javid بدون خلاصۀ ویرایش |
Esfandiari (بحث | مشارکتها) جز ۱۴ نسخه واردشده |
||
| (۱۲ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد) | |||
| خط ۱: | خط ۱: | ||
< | <html lang="fa" dir="rtl"> | ||
<head> | |||
<meta charset="UTF-8"> | |||
<title>کافی‌نت نور یکتا</title> | |||
<!-- استفاده از فونت ایران‌سانس با استاندارد بالا --> | |||
<style> | |||
@import url('https://cdn.font-store.ir/iransans.css'); | |||
body { | |||
font-family: 'IRANSans', Tahoma, Arial, sans-serif !important; | |||
margin: 0; | |||
padding: 0; | |||
background-color: #ffffff; | |||
} | |||
.stats-section { | |||
padding: 60px 20px; | |||
text-align: center; | |||
} | |||
.container { | |||
max-width: 1000px; | |||
margin: 0 auto; | |||
} | |||
h2 { font-size: 24px; color: #333; } | |||
p { line-height: 2; color: #555; font-size: 16px; } | |||
/* استایل خاص برای متون بولد و سبز */ | |||
.brand-green { | |||
color: #00b894 !important; | |||
font-weight: bold; | |||
} | |||
.stats-grid { | |||
display: flex; | |||
justify-content: center; | |||
gap: 30px; | |||
margin-top: 40px; | |||
flex-wrap: wrap; | |||
} | |||
.stat-card { | |||
width: 200px; | |||
padding: 20px; | |||
} | |||
.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> | |||
<body> | |||
<section class="stats-section"> | |||
<div class="container"> | <div class="container"> | ||
<div class="text-side"> | |||
<h2>انجام امور اینترنتی شما در کوتاه‌ترین زمان</h2> | |||
<p> | |||
< | دیگر نگران صف‌های طولانی و کارهای اداری نباشید. در <strong class="brand-green">کافی‌نت نور یکتا</strong>، ما تمامی خدمات آنلاین شما شامل ثبت‌نام‌های دانشگاهی، خدمات مالیاتی، چاپ و پرینت، دریافت کد سوابق تحصیلی و صدها خدمت اینترنتی دیگر را به صورت کاملاً غیرحضوری و با تضمین امنیت اطلاعات انجام می‌دهیم. تنها با چند کلیک ساده، امور خود را به متخصصان ما بسپارید. برای ارتباط با ما می‌توانید با شماره <strong class="brand-green">09056820426</strong> تماس بگیرید. | ||
</p> | |||
</div> | |||
<div class="stats-grid"> | |||
<article class="stat-card"> | |||
<i class="icon fa fa-check-circle"></i> | |||
<div class="stat-info"> | |||
<span class="number">+50k</span> | <span class="number">+50k</span> | ||
<p>خدمت ارائه شده</p> | <p>خدمت ارائه شده</p> | ||
</article> | </div> | ||
</article> | |||
<article class="stat-card"> | |||
<i class="icon fa fa-users"></i> | |||
<div class="stat-info"> | |||
<span class="number">+500k</span> | <span class="number">+500k</span> | ||
<p>کاربر فعال</p> | <p>کاربر فعال</p> | ||
</article> | </div> | ||
</article> | |||
<article class="stat-card"> | |||
<i class="icon fa fa-smile"></i> | |||
<div class="stat-info"> | |||
<span class="number">100%</span> | <span class="number">100%</span> | ||
<p>رضایت مشتریان</p> | <p>رضایت مشتریان</p> | ||
</article> | </div> | ||
</article> | |||
<article class="stat-card"> | |||
<i class="icon fa fa-calendar-alt"></i> | |||
<div class="stat-info"> | |||
<span class="number">+2000</span> | <span class="number">+2000</span> | ||
<p>روز حضور در مارکت</p> | <p>روز حضور در مارکت</p> | ||
</ | </div> | ||
</ | </article> | ||
</div> | </div> | ||
</div> | </div> | ||
</section> | </section> | ||
</body> | |||
</html> | </html> | ||