استایل جدول تعرفه ها

برای استفاده از این کد ابتدا فایل Css زیر را قبل از تگ پایانی Head قرار بدهید

سپس کد های زیر را در هرجا از قالبتون می توانید قرار بدهید

<div class="promos">  
<div class="promo">
  <div class="deal">
    <span>نامحدود</span>
    <span>یک اشتراک نامحدود</span>
  </div>
  <span class="price">50 هزار تومان</span>
  <ul class="features">
    <li>لورم اسپیروم یا متن ساختگی</li>
    <li>لورم اسپیروم یا متن ساختگی</li>
    <li>لورم اسپیروم یا متن ساختگی</li>
  </ul>
  <button class="puke">خرید کنید</button>
</div>
<div class="promo scale">
  <div class="deal">
    <span>محبوب</span>
    <span>یک اشتراک محبوب</span>
  </div>
  <span class="price">30 هزار تومان</span>
  <ul class="features">
    <li>لورم اسپیروم یا متن ساختگی</li>
    <li>لورم اسپیروم یا متن ساختگی</li>
    <li>لورم اسپیروم یا متن ساختگی</li>
  </ul>
  <button class="puke">خرید کنید</button>
</div>
<div class="promo">
  <div class="deal">
    <span>1 ماهه</span>
    <span>یک اشتراک  ماهانه</span>
  </div>
  <span class="price">20 هزار تومان</span>
  <ul class="features">
    <li>لورم اسپیروم یا متن ساختگی</li>
    <li>لورم اسپیروم یا متن ساختگی</li>
    <li>لورم اسپیروم یا متن ساختگی</li>
  </ul>
  <button class="puke">خرید کنید</button>
</div>
</div>