الگو:کانتینر متن و کارت: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| (یک نسخهٔ میانیِ ایجادشده توسط همین کاربر نشان داده نشد) | |||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
<head> | |||
<section class=" | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | ||
</head> | |||
<section class="stats-section"> | |||
<div class="container"> | <div class="container"> | ||
<div class="text-side"> | |||
<h2>همراه و در کنار شماییم</h2> | |||
<p>با کافی نت من به بیش از صدها خدمات اینترنتی بصورت کاملاً غیرحضوری دسترسی دارین. فقط با چند کلیک ساده سفارش شما در دستان شما قرار دارد.</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> | ||
</html> | </html> | ||