استک | قالب HTML چند منظوره با صفحه ساز Variant
ثبت نام با ایمیل
حساب کاربری دارید؟ ورود

قیمت

این عناصر را می توان به راحتی در صفحات و بلوک های مختلف مورد استفاده قرار دهید و سفارشی سازی کنید

شما میتوانید تمام المان های بکار رفته را در قالب استک از
صفحه لیست المان ها ← مشاهده کنید

لیست پایه

یک گزینه ساده به عنوان بخشی از قیمت چند برنامه ای مفید است. از کلاس استفاده کنید .boxed-ادغام در رابطه با یک برچسب برای تأکید بر ارزش ترین گزینه قیمت. 

<div class="pricing pricing-1 boxed boxed--lg boxed--border">
	<h3>Title</h3>
	<span class="h2"><strong>10 هزار تومان</strong></span>
	<span class="type--fine-print">ماهیانه</span>
	<hr>
	<ul>
		<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
		<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
		<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
		<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
	</ul>
	<a class="btn btn--primary" href="#">
		<span class="btn__text">
			متن دکمه
		</span>
	</a>
</div><!--end of pricing-->

پایه

10 هزار تومان ماهیانه
  • پشتیبانی 24/7
  • بدون محدودیت
  • همراه با فایل CSV
  • انتقال خودکار
خرید پلن

متن ساده

یک گزینه ساده به عنوان بخشی از ارائه قیمت اصلی مفید است. از کلاس استفاده کنید .boxed-ادغام در رابطه با یک برچسب برای تأکید بر ارزش ترین گزینه قیمت. 

<div class="pricing pricing-1 boxed boxed--border boxed--lg boxed--emphasis text-center">
	<h4>Title</h4>
	<span class="h1"><span class="pricing__dollar">$</span>79</span>
	<p>
		Description
	</p>
	<a class="btn btn--primary-1" href="#">
		<span class="btn__text">
			متن دکمه
		</span>
	</a>
</div><!--end pricing-->

معمولی

79هزار تومان

مجوز معمولی به شما این امکان را می دهد که وب سایت خود را با استفاده از پلتفرم خود شخصی سازی، ذخیره و حتی میزبانی کنید

موجود هم اکنون بخرید

عکس ساده

یک گزینه ساده به عنوان بخشی از ارائه قیمت اصلی مفید است. از کلاس استفاده کنید .boxed-ادغام در رابطه با یک برچسب برای تأکید بر ارزش ترین گزینه قیمت. 

<div class="pricing pricing-1 boxed boxed--border boxed--lg boxed--emphasis text-center">
	<h4>Title</h4>
	<span class="h1"><span class="pricing__dollar">$</span>79</span>
	<img alt="Image" src="img/image.png" />
	<p>
		Description
	</p>
	<a class="btn btn--primary-1" href="#">
		<span class="btn__text">
			متن دکمه
		</span>
	</a>
</div><!--end pricing-->

طراح

79هزار تومان Image

مجوز معمولی به شما این امکان را می دهد که وب سایت خود را با استفاده از پلتفرم خود شخصی سازی، ذخیره و حتی میزبانی کنید

موجود هم اکنون بخرید

لیست گسترده

گزینه گسترده تری به عنوان بخشی از یک پیشنهاد واحد یا دو برنامه. برای تأکید بر ارزش ترین گزینه قیمت گذاری از یک برچسب استفاده کنید. 

<div class="pricing pricing-2 boxed boxed--border boxed--lg row">
	<div class="col-lg-6 text-center">
		<h5>Title</h5>
		<span class="h1"><span class="pricing__dollar">$</span>50</span>
		<p class="type--fine-print">ماهانه</p>
		<a class="btn btn--primary" href="#">
			<span class="btn__text">متن دکمه</span>
		</a>
	</div>
	<div class="col-lg-6">
		<ul>
			<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
			<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
			<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
			<li><span class="checkmark bg--primary-1"></span><span>Perk</span></li>
		</ul>
	</div>
</div><!--end of pricing-->
موجود
متوسط
هزار تومان50

ماهانه

خرید پلن
  • پشتیبانی 24/7
  • بدون محدودیت
  • همراه با فایل CSV
  • انتقال خودکار
  • 100 گیگ فضا

لیست ساده

یک گزینه با حداقل یک طرح ایده آل برای استفاده به عنوان بخشی از پیشنهادات طرح 3 - 4 قسمت. از کلاس پس زمینه مانند استفاده کنید .bg-پیش نمایش در .pricing__head عنصر برای تأکید بر ارزشمندترین برنامه. 

<div class="pricing pricing-3 text-center">
	<div class="pricing__head bg--secondary boxed">
		<h5>Title</h5>
		<span class="h1"><span class="pricing__dollar">$</span>19</span>
		<p class="type--fine-print">ماهانه</p>
	</div>
	<ul>
		<li><span>Perk</span></li>
		<li><span>Perk</span></li>
		<li><span>Perk</span></li>
		<li><span>Perk</span></li>
	</ul>
</div><!--end pricing-->
پایه
19هزار تومان

ماهانه

  • بدون محدودیت
  • چهار گیگ فضای ذخیره سازی
  • وارد کردن داده ها
  • انتقال خودکار
  • 24/7 پشتیبانی

به دنبال بخش های قیمت گذاری یک ظاهر طراحی شده هستید؟

بخش های قیمت گذاری را مشاهده کنید

یا امتحان کردن صفحه ساز ↗