pricing.html

<!DOCTYPE html>
<html dir="rtl" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Antler | نمونه جداول قیمت</title>
    <meta name="description" content="">
    <link href="img/favicon.ico" rel="shortcut icon">
    <!-- Fonts -->
    <link href="fonts/cloudicon/cloudicon.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="fonts/fontawesome/css/all.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="fonts/opensans/opensans.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <!-- CSS styles -->
    <link href="css/bootstrap-rtl.min.css" rel="stylesheet">
    <link href="css/swiper.min.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="css/magnific-popup.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="css/animate.min.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="css/nouislider.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="css/filter-rtl.css" rel="stylesheet">
    <link href="css/mixitup.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="css/slick.css" rel="stylesheet" media="none" onload="if(media!='all')media='all'">
    <link href="css/style-rtl.min.css" rel="stylesheet">
    <!-- Custom color styles -->
    <link href="css/colors/pink.css" rel="stylesheet" title="pink"/>
    <link href="css/colors/blue.css" rel="stylesheet" title="blue"/>
    <link href="css/colors/green.css" rel="stylesheet" title="green"/>
  </head>
  <body>
    <!-- ***** UPLOADED MENU FROM HEADER.HTML ***** -->
  <header id="header"> </header>
  <!-- ***** SLIDER ***** -->
  <div class="top-header item7 overlay">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-12">
          <div class="wrapper">
            <h1 class="heading">قیمت ها و پلن ها</h1>
            <h3 class="subheading">شما می توانید برنامه های قیمت گذاری خود را به دلخواه خود تنظیم کنید</h3>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- ***** PRICING TABLES - BOX ***** -->
  <section class="pricing special sec-normal motpath">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <h2 class="section-heading">جعبه پلن ها</h2>
        </div>
        <div class="col-sm-12 col-md-4 col-lg-4">
          <div class="wrapper first text-left">
            <div class="top-content">
              <img class="svg mb-3" src="fonts/svg/privacy.svg" alt="">
              <div class="title">Positive SSL</div>
              <div class="fromer">+ مالیات بر ارزش افزوده با 20٪</div>
              <div class="price">45000 <sup>تومان</sup><span class="period">/سالانه</span></div>
              <a href="" class="btn btn-default-yellow-fill">خرید</a>
            </div>
            <ul class="list-info">
              <li><i class="icon-lock"></i> <span class="c-purple">دامنه</span><br> <span>امن HTTPS</span></li>
              <li><i class="icon-browser"></i> <span class="c-purple">مرورگر</span><br> <span>قفل قابل مشاهده است</span></li>
              <li><i class="icon-money"></i> <span class="c-purple">وارانتی</span><br> <span>شامل نمی شود</span></li>
              <li><i class="icon-key"></i> <span class="c-purple">رمزگذاری</span><br> <span>128/256 bit SHA-2</span></li>
            </ul>
          </div>
        </div>
        <div class="col-sm-12 col-md-4 col-lg-4">
          <div class="wrapper text-left">
            <div class="plans badge feat bg-pink">متداول</div>
            <div class="top-content">
              <img class="svg mb-3" src="fonts/svg/privacy.svg" alt="">
              <div class="title">Wildcard SSL</div>
              <div class="fromer">+ مالیات بر ارزش افزوده با 20٪</div>
              <div class="price">175000 <sup>تومان</sup><span class="period">/سالانه</span></div>
              <a href="" class="btn btn-default-yellow-fill">خرید</a>
            </div>
            <ul class="list-info bg-purple">
              <li><i class="icon-lock"></i> <span class="c-pink">دامنه</span><br> <span>امن HTTPS</span></li>
              <li><i class="icon-browser"></i> <span class="c-pink">مرورگر</span><br> <span>قفل قابل مشاهده است</span></li>
              <li><i class="icon-money"></i> <span class="c-pink">وارانتی</span><br> <span>$250.000</span></li>
              <li><i class="icon-key"></i> <span class="c-pink">رمزگذاری</span><br> <span>128/256 bit SHA-2</span></li>
            </ul>
          </div>
        </div>
        <div class="col-sm-12 col-md-4 col-lg-4">
          <div class="wrapper third text-left">
            <div class="top-content">
              <img class="svg mb-3" src="fonts/svg/privacy.svg" alt="">
              <div class="title">EV SSL</div>
              <div class="fromer">+ مالیات بر ارزش افزوده با 20٪</div>
              <div class="price">415000 <sup>تومان</sup><span class="period">/سالانه</span></div>
              <a href="" class="btn btn-default-yellow-fill">خرید</a>
            </div>
            <ul class="list-info">
              <li><i class="icon-lock"></i> <span class="c-purple">دامنه</span><br> <span>امن HTTPS</span></li>
              <li><i class="icon-browser"></i> <span class="c-purple">مرورگر</span><br> <span>قفل قابل مشاهده است</span></li>
              <li><i class="icon-money"></i> <span class="c-purple">وارانتی</span><br> <span>$1.000.000</span></li>
              <li><i class="icon-key"></i> <span class="c-purple">رمزگذاری</span><br> <span>128/256 bit SHA-2</span></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>
 <!-- ***** PRICING TABLES ***** -->
  <section class="sec-normal">
    <div class="best-plans pricing">
      <div class="container">
	    <div class="col-sm-12">
          <h2 class="section-heading">مقایسه پلن ها</h2>
        </div>
        <div class="randomline">
          <div class="bigline"></div>
          <div class="smallline"></div>
        </div>
        <div class="sec-main sec-bg1">
          <div class="plans badge feat bg-pink">مقایسه همه پلن ها</div>
          <div class="row">
            <div class="col-sm-12">
              <div id="table-container" class="table-responsive-lg">
                <table id="maintable" class="table">
                  <thead>
                    <tr>
                      <td></td>
                      <td>
                        <div class="title">پایه </div>
                        <div class="price">20000<sup>تومان</sup><span class="period">/ماهانه</span></div>
                        <div class="plans badge bg-grey">تمدید 15000 تومان / ماهانه</div>
                        <div class="info">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده </div>
                        <a href="" class="btn btn-default-yellow-fill">سفارش</a><br>
                      </td>
                      <td>
                        <div class="title">حرفه ای</div>
                        <div class="price">30000<sup>تومان</sup><span class="period">/ماهانه</span></div>
                        <div class="plans badge bg-grey">تمدید 15000 تومان / ماهانه</div>
                        <div class="info">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده </div>
                        <a href="" class="btn btn-default-yellow-fill">سفارش</a>
                      </td>
                      <td>
                        <div class="title">تحفه</div>
                        <div class="price">50000<sup>تومان</sup><span class="period">/ماهانه</span></div>
                        <div class="plans badge bg-grey">تمدید 15000 تومان / ماهانه</div>
                        <div class="info">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده </div>
                        <a href="" class="btn btn-default-yellow-fill">سفارش</a>
                      </td>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <td>
                        <div class="title-table" data-toggle="tooltip" data-placement="top" title="" data-original-title="I must explain to you">تعداد سایت
                        </div>
                      </td>
                      <td>2 سایت</td>
                      <td>4 سایت</td>
                      <td>8 سایت</td>
                    </tr>
                    <tr>
                      <td>
                        <div id="element" class="title-table" data-toggle="tooltip" data-placement="top" title="" data-original-title="I must explain to you">فضای SSD
                        </div>
                      </td>
                      <td>40GB SSD</td>
                      <td>60GB SSD</td>
                      <td>120GB SSD</td>
                    </tr>
                    <tr>
                      <td class="title-table">رم</td>
                      <td>12GB</td>
                      <td>32GB</td>
                      <td>64GB</td>
                    </tr>
                    <tr>
                      <td class="title-table">هسته</td>
                      <td>4</td>
                      <td>8</td>
                      <td>16</td>
                    </tr>
                    <tr>
                      <td class="title-table">پهنای باند</td>
                      <td>Unlimited</td>
                      <td>Unlimited</td>
                      <td>Unlimited</td>
                    </tr>
                    <tr>
                      <td class="title-table">  گواهینامهSSL <span class="badge bg-pink">رایگان</span></td>
                      <td><i class="fas fa-times"></i></td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                    </tr>
                    <tr>
                      <td class="title-table">بک آپ گیری روزانه خودکار</td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                    </tr>
                    <tr>
                      <td class="title-table">بروزرسانی وردپرس<span class="badge bg-grey">خودکار</span></td>
                      <td>خودکار</td>
                      <td>خودکار</td>
                      <td>خودکار</td>
                    </tr>
                    <tr>
                      <td class="title-table">پشتیبانی 24/7 <span class="badge bg-grey">اختصاصی</span></td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                    </tr>
                    <tr>
                      <td class="title-table">پشتیبانی آنلاین</td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                    </tr>
                    <tr>
                      <td class="title-table">ضمانت بازگشت وجه</td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                      <td><i class="fas fa-check"></i></td>
                    </tr>
                    <tr>
                      <td class="border-0 sticky-stopper"></td>
                      <td><a href="" class="btn btn-default-yellow-fill">سفارش</a></td>
                      <td><a href="" class="btn btn-default-yellow-fill">سفارش</a></td>
                      <td><a href="" class="btn btn-default-yellow-fill">سفارش</a></td>
                    </tr>
                  </tbody>
                </table>
                <div id="bottom_anchor"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- ***** PRICING TABLES - CAROUSEL ***** -->
  <section class="slick sec-normal sec-bg3 pt-4">
    <div class="container">
      <h2 class="section-heading text-white pt-5">پلن های Carousel</h2>
    </div>
    <div id="slider">
      <div class="plan-container">
        <div class="wrapper">
          <div class="top-content">
            <div class="plans badge feat bg-pink">مدیریت شده</div>
            <div><img class="svg mb-3" src="fonts/svg/vps.svg" alt=""></div>
            <div class="title">وی پی اس ابری</div>
            <div class="fromer">ویندوز</div>
            <div class="price">85000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
            <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
          </div>
          <ul class="list-info bg-pink">
            <li><i class="icon-cpu"></i> <span class="c-purple">سی پی یو</span><br> <span>2 هسته</span></li>
            <li><i class="icon-ram"></i> <span class="c-purple">رم</span><br> <span>2Gb</span></li>
            <li><i class="icon-drives"></i> <span class="c-purple">هارد</span><br> <span>20GB SSD </span></li>
            <li><i class="icon-speed"></i> <span class="c-purple">پهنای باند</span><br> <span>1TB پهنای باند</span></li>
          </ul>
        </div>
      </div>
      <div class="plan-container">
        <div class="wrapper">
          <div class="top-content">
            <div class="plans badge feat bg-grey">Plesk Onyx</div>
            <img class="svg mb-3" src="fonts/svg/dedicated.svg" alt="">
            <div class="title">سرور اختصاصی</div>
            <div class="fromer">windows</div>
            <div class="price">85000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
            <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
          </div>
          <ul class="list-info bg-purple">
            <li><i class="icon-cpu"></i> <span class="c-pink">سی پی یو</span><br> <span>4x 3.20Ghz 2 هسته</span></li>
            <li><i class="icon-ram"></i> <span class="c-pink">رم</span><br> <span>16GB (ارتقا تا  32GB)</span></li>
            <li><i class="icon-drivessd"></i> <span class="c-pink">هارد</span><br> <span>2 x 1TB SATA 3.5</span></li>
            <li><i class="icon-git"></i> <span class="c-pink">سرعت انتقال</span><br> <span>1Gbps - 20TB</span></li>
          </ul>
        </div>
      </div>
      <div class="plan-container">
        <div class="wrapper">
          <div class="top-content">
            <img class="svg mb-3" src="fonts/svg/cloudfiber.svg" alt="">
            <div class="title">میزبانی ابری</div>
            <div class="fromer">cPanel</div>
            <div class="price">8500 <sup>تومان</sup><span class="period">/ماهانه</span></div>
            <a href="" class="btn btn-default-yellow-fill">سفارش</a>
          </div>
          <ul class="list-info bg-pink">
            <li><i class="icon-drives"></i> <span class="c-purple">فضا</span><br> <span>250GB SSD</span></li>
            <li><i class="icon-speed"></i> <span class="c-purple">پهنای باند</span><br> <span>1TB پهنای باند</span></li>
            <li><i class="icon-emailopen"></i> <span class="c-purple">ایمیل</span><br> <span>120 ایمیل</span></li>
            <li><i class="icon-domains"></i> <span class="c-purple">دامین</span><br> <span>30 دامنه</span></li>
          </ul>
        </div>
      </div>
      <div class="plan-container">
        <div class="wrapper">
          <div class="top-content">
            <img class="svg mb-3" src="fonts/svg/reseller.svg" height="65" alt="">
            <div class="title">نمایندگی ابری</div>
            <div class="fromer">پلسک</div>
            <div class="price">85000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
            <a href="" class="btn btn-default-yellow-fill">سفارش</a>
          </div>
          <ul class="list-info bg-purple">
            <li><i class="icon-drives"></i> <span class="c-pink">فضا</span><br> <span>250GB SSD</span></li>
            <li><i class="icon-speed"></i> <span class="c-pink">پهنای باند</span><br> <span>1TB پهنای باند</span></li>
            <li><i class="icon-emailopen"></i> <span class="c-pink">ایمیل</span><br> <span>120 ایمیل</span></li>
            <li><i class="icon-domains"></i> <span class="c-pink">دامین</span><br> <span>30 دامنه</span></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <!-- ***** PRICING TABLES - HORIZONTAL ***** -->
  <section id="highlights" class="sec-normal best-plans pricing exapath sec-bg4">
    <div class="container">
      <div class="col-sm-12 mb-5">
        <h2 class="section-heading">جداول قیمت</h2>
      </div>
    <div class="sec-main sec-bg1 animateme" data-when="span" data-from="1" data-to="0" data-opacity="1" data-translatey="80">
      <div class="plans badge feat bg-pink">پرفروش ها</div>
      <div class="row">
        <div class="col-sm-12">
          <div class="table-responsive-lg">
            <table class="table compare">
              <thead>
                <tr>
                  <td class="bb-green title">پردازنده های اختصاصی</td>
                  <td class="bb-green title">رم</td>
                  <td class="bb-green title">فضا</td>
                  <td class="bb-green title">ماهانه</td>
                  <td class="bb-green title">دسترسی</td>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td><div class="badge bg-pink mr-1">پرفروش</div> E3-1230 v3 3.3GHz Haswell | 4 Cores</td>
                  <td>32GB</td>
                  <td>320GB SSD</td>
                  <td><span class="ltgh">550 هزار تومان</span>  <b class="c-black">450 هزار تومان</b></td>
                  <td><a href="" class="btn btn-default-yellow-fill">پیکربندی</a></td>
                </tr>
                <tr>
                  <td><div class="badge bg-pink mr-1">فروش</div> E3-1230 v5 3.4GHz Skylake | 4 Cores</td>
                  <td>32GB</td>
                  <td>520GB SSD</td>
                  <td><span class="ltgh">750 هزار تومان</span>  <b class="c-black">650 هزار تومان</b></td>
                  <td><a href="" class="btn btn-default-yellow-fill">پیکربندی</a></td>
                </tr>
                <tr>
                  <td><div class="badge bg-grey mr-1">OUT</div> E3-1230 v5 3.4GHz Skylake | 8 Cores</td>
                  <td>64GB</td>
                  <td>960GB SSD</td>
                  <td><b class="c-black">850 هزار تومان</b></td>
                  <td><a href="" class="btn btn-default-fill disabled">پایان فروش</a></td>
                </tr>
                <tr>
                  <td class="border-0">2x E5-2620 v4 2.1GHz Broadwell | 16 Cores</td>
                  <td class="border-0">128GB</td>
                  <td class="border-0">4x 960GB SSD</td>
                  <td class="border-0"><b class="c-black">650 هزار تومان</b></td>
                  <td class="border-0"><a href="" class="btn btn-default-yellow-fill">پیکربندی</a></td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
  <!-- ***** PRICING TABLES - SLIDER ***** -->
  <section class="sec-normal sec-bg2">
    <div class="container">
      <div class="wpc-cloud-range">
        <div class="row">
          <div class="col-sm-12">
            <h2 class="section-heading">اسلایدر قیمت</h2>
          </div>
          <div class="col-sm-12">
            <div class="slider-ui" data-handle="1">
              <input class="slider-inp invisible" data-count-step="5" type="text" />
              <div class="slider-line"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="wpc-vps-info">
        <div class="row">
          <div class="col-md-12 col-lg-9">
            <div class="row">
              <div class="col-sm-12 col-md-4">
                <h3 class="title">
                <i class="icon-cpu"></i>سی پی یو <span id="cpu-val" class="info">---</span>
                </h3>
              </div>
              <div class="col-sm-12 col-md-4">
                <h3 class="title">
                <i class="icon-ram"></i> رم <span id="ram-val" class="info">---</span>
                </h3>
              </div>
              <div class="col-sm-12 col-md-4">
                <h3 class="title">
                <i class="icon-drivessd"></i> هارد <span id="disk-val" class="info">---</span>
                </h3>
              </div>
              <div class="col-sm-12 col-md-4">
                <h3 class="title">
                <i class="icon-speed"></i> پهنای باند <span id="bw-val" class="info">---</span>
                </h3>
              </div>
              <div class="col-sm-12 col-md-4">
                <h3 class="title">
                <i class="icon-repair"></i> ستاپ <span id="setup-val" class="info">---</span>
                </h3>
              </div>
              <div class="col-sm-12 col-md-4">
                <h3 class="title">
                <i class="icon-network"></i> IP<span id="ip-val" class="info">---</span>
                </h3>
              </div>
            </div>
          </div>
          <div class="col-md-12 col-lg-3">
            <div class="h-plans-info">
              <div class="content-price price-container">
                <div id="run-switch" class="run-switch"><div class="switch m-0" onclick="switchVisible();"></div></div>
                <div class="price-content">
                  <div class="plans badge feat bg-pink period">ماهانه</div>
                  <div class="price"><span class="symbol coin">تومان</span>
                  <span id="price-val"></span>
                  <span id="priceon-val"></span>
                </div>
                <div class="infos">اگر برای مدت طولانی مشترک شوید ، تخفیف می گیرید</div>
                <a href="#" class="btn btn-default-yellow-fill">خرید</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <a class="btn btn-default-pink-fill cd-filter-trigger wow animated shake delay-2s"><i class="fa fa-filter"></i> Show Filter</a>
  </div>
</section>
<!-- ***** PRICING TABLES - Filter ***** -->
<section class="cd-main-content pt-80 pb-80">
  <div class="cd-filter">
    <form>
      <div class="container">
        <div class="col-sm-12 mb-5">
          <h2 class="section-heading">فیلتر قیمت ها</h2>
        </div>
          <div class="sec-main pb-5 sec-bg1">
            <div class="plans badge feat bg-pink">فیلتر</div>
            <div class="row">
              <a href="#0" class="cd-close"><i class="fas fa-long-arrow-alt-right"></i></a>
              <div class="col-md-6">
                <div class="cd-filter-block">
                  <h4>سرور را انتخاب کنید</h4>
                  <ul class="radio-group radios-filter cd-filter-content list">
                    <li>
                      <input value="all" type="radio" name="radioButton" id="radio1" checked/>
                      <label class="radio-label" for="radio1">همه سرورها</label>
                    </li>
                    <li>
                      <input value=".linux" type="radio" name="radioButton" id="radio2">
                      <label class="radio-label" for="radio2">لینوکس</label>
                    </li>
                    <li>
                      <input value=".windows" type="radio" name="radioButton" id="radio3">
                      <label class="radio-label" for="radio3">ویندوز</label>
                    </li>
                    <li>
                      <input value=".managed" type="radio" name="radioButton" id="radio4">
                      <label class="radio-label" for="radio4">مدیریت شده</label>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-md-6">
                <div class="cd-filter-block">
                  <h4>لوکیشن</h4>
                  <div class="cd-filter-content cd-select">
                    <select class="select-filter">
                      <option value="all">انتخاب دیتاسنتر</option>
                      <option value=".data1">نیویورک</option>
                      <option value=".data2">مانترال</option>
                      <option value=".data3">پرتغال</option>
                      <option value=".data4">لندن</option>
                      <option value=".data5">مسکو</option>
                      <option value=".data6">هنگ کنگ</option>
                      <option value=".data7">سنگاپور</option>
                    </select>
                  </div>
                </div>
              </div>
              <div class="col-md-6">
                <div class="cd-filter-block checkbox-group">
                  <h4>هسته سی پی یو</h4>
                  <ul class="cd-filter-content cd-filters list">
                    <li>
                      <input class="filter" value=".cores2" type="checkbox" id="checkbox1">
                      <label class="checkbox-label" for="checkbox1">2</label>
                    </li>
                    <li>
                      <input class="filter" value=".cores4" type="checkbox" id="checkbox2">
                      <label class="checkbox-label" for="checkbox2">4</label>
                    </li>
                    <li>
                      <input class="filter" value=".cores6" type="checkbox" id="checkbox3">
                      <label class="checkbox-label" for="checkbox3">6</label>
                    </li>
                    <li>
                      <input class="filter" value=".cores8" type="checkbox" id="checkbox4">
                      <label class="checkbox-label" for="checkbox4">8</label>
                    </li>
                    <li>
                      <input class="filter" value=".cores12" type="checkbox" id="checkbox5">
                      <label class="checkbox-label" for="checkbox5">12</label>
                    </li>
                    <li>
                      <input class="filter" value=".cores16" type="checkbox" id="checkbox6">
                      <label class="checkbox-label" for="checkbox6">16</label>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-md-6">
                <div class="cd-filter-block">
                  <h4>رم</h4>
                  <div class="cd-filter-content cd-filters list">
                    <datalist id="sizeLegend">
                    <option value="0"> 16</option>
                    <option value="1"> 32</option>
                    <option value="2"> 64</option>
                    <option value="3"> 96</option>
                    <option value="4"> 128</option>
                    <option value="5"> 256</option>
                    </datalist>
                    <div class="range-slider">
                      <input name="minSize" class="range-slider-input tooltip-parent" type="range" min="0" max="5" value="0" list="sizeLegend"/>
                    </div>
                    <div class="range-slider">
                      <input name="maxSize" class="range-slider-input tooltip-parent" type="range" min="0" max="5" value="5" list="sizeLegend"/>
                    </div>
                  </div>
                  <div class="search-disabled">
                    <input type="text" class="input" data-ref="input-search" placeholder="Enter a domain extension (.com)"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </form>
    </div>
  </section>
  <!-- ***** FILTER PLANS ***** -->
  <div class="mixcontainer pb-5 pt-4 sec-bg2 motpath" data-ref="container">
    <div class="container ">
      <div class="pricing special">
        <div class="p-0 m-0">
          <div class="mix linux data1 cores2" data-size="0">
            <div class="wrapper text-left">
              <div class="plans badge feat bg-grey">لینوکس</div>
              <div class="top-content">
                <img class="svg mb-3" src="fonts/svg/linuxserver.svg" alt="linux">
                <div class="title">Intel Xeon E3-1231 v5 / 4x 3.20Ghz</div>
                <div class="fromer">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم</div>
                <div class="price">570000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
                <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
              </div>
              <ul class="list-info bg-pink">
                <li><i class="icon-cpu"></i> <span class="c-purple">سی پی یو</span><br> <span>4x 3.20Ghz 2 Cores</span></li>
                <li><i class="icon-ram"></i> <span class="c-purple">رم</span><br> <span>16GB (up to 32GB)</span></li>
                <li><i class="icon-drivessd"></i> <span class="c-purple">هارد</span><br> <span>2 x 1TB SATA 3.5</span></li>
                <li><i class="icon-git"></i> <span class="c-purple">سرعت انتقال دیتا</span><br> <span>1Gbps - 20TB</span></li>
              </ul>
            </div>
          </div>
          <div class="mix windows data2 cores4" data-size="1">
            <div class="wrapper text-left">
              <div class="plans badge feat bg-grey">windows</div>
              <div class="top-content">
                <img class="svg mb-3" src="fonts/svg/windowserver.svg" alt="windows">
                <div class="title">Intel Xeon E3-1230 v6 / 6x 3.20Ghz</div>
                <div class="fromer">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم</div>
                <div class="price">570000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
                <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
              </div>
              <ul class="list-info bg-purple">
                <li><i class="icon-cpu"></i> <span class="c-pink">سی پی یو</span><br> <span>6x 3.20Ghz 4 Cores</span></li>
                <li><i class="icon-ram"></i> <span class="c-pink">رم</span><br> <span>32GB (up to 64GB)</span></li>
                <li><i class="icon-drivessd"></i> <span class="c-pink">هارد</span><br> <span>2 x 1TB SATA 3.0</span></li>
                <li><i class="icon-git"></i> <span class="c-pink">سرعت انتقال دیتا</span><br> <span>1Gbps - 20TB</span></li>
              </ul>
            </div>
          </div>
          <div class="mix managed data3 cores6" data-size="2">
            <div class="wrapper text-left">
              <div class="plans badge feat bg-pink">ویژه</div>
              <div class="top-content">
                <img class="svg mb-3" src="fonts/svg/managedserver.svg" alt="managed">
                <div class="title">Intel Xeon E3-1231 v6 / 8x 3.30Ghz</div>
                <div class="fromer">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم</div>
                <div class="price">570000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
                <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
              </div>
              <ul class="list-info bg-pink">
                <li><i class="icon-cpu"></i> <span class="c-purple">سی پی یو</span><br> <span>8x 3.30Ghz 6 Cores</span></li>
                <li><i class="icon-ram"></i> <span class="c-purple">رم</span><br> <span>64GB (up to 96GB)</span></li>
                <li><i class="icon-drivessd"></i> <span class="c-purple">هارد</span><br> <span>2 x 1TB SATA 3.5</span></li>
                <li><i class="icon-git"></i> <span class="c-purple">سرعت انتقال دیتا</span><br> <span>1Gbps - 30TB</span></li>
              </ul>
            </div>
          </div>
          <div class="mix linux data4 cores8" data-size="3">
            <div class="wrapper text-left">
              <div class="plans badge feat bg-grey">لینوکس</div>
              <div class="top-content">
                <img class="svg mb-3" src="fonts/svg/linuxserver.svg" alt="linux">
                <div class="title">Intel Xeon E3-1231 v5 / 8x 3.40Ghz</div>
                <div class="fromer">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم</div>
                <div class="price">570000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
                <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
              </div>
              <ul class="list-info bg-purple">
                <li><i class="icon-cpu"></i> <span class="c-pink">سی پی یو</span><br> <span>8x 3.40Ghz 8 Cores</span></li>
                <li><i class="icon-ram"></i> <span class="c-pink">رم</span><br> <span>96GB (up to 128GB)</span></li>
                <li><i class="icon-drivessd"></i> <span class="c-pink">هارد</span><br> <span>4 x 1TB SATA 3.0</span></li>
                <li><i class="icon-git"></i> <span class="c-pink">سرعت انتقال دیتا</span><br> <span>1Gbps - 20TB</span></li>
              </ul>
            </div>
          </div>
          <div class="mix windows data5 cores12" data-size="4">
            <div class="wrapper text-left">
              <div class="plans badge feat bg-grey">ویندوز</div>
              <div class="top-content">
                <img class="svg mb-3" src="fonts/svg/windowserver.svg" height="65" alt="windows">
                <div class="title">Intel Xeon E3-1230 v6 / 8x 3.20Ghz</div>
                <div class="fromer">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم</div>
                <div class="price">570000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
                <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
              </div>
              <ul class="list-info bg-pink">
                <li><i class="icon-cpu"></i> <span class="c-purple">سی پی یو</span><br> <span>8x 3.20Ghz 12 Cores</span></li>
                <li><i class="icon-ram"></i> <span class="c-purple">رم</span><br> <span>128GB (up to 265GB)</span></li>
                <li><i class="icon-drivessd"></i> <span class="c-purple">هارد</span><br> <span>4 x 2TB SATA 3.0</span></li>
                <li><i class="icon-git"></i> <span class="c-purple">سرعت انتقال دیتا</span><br> <span>1Gbps - 30TB</span></li>
              </ul>
            </div>
          </div>
          <div class="mix managed data6 cores16" data-size="4">
            <div class="wrapper text-left">
              <div class="plans badge feat bg-grey">مدیریت شده</div>
              <div class="top-content">
                <img class="svg mb-3" src="fonts/svg/managedserver.svg" alt="managed">
                <div class="title">Intel Xeon E3-1231 v6 / 8x 3.30Ghz</div>
                <div class="fromer">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم</div>
                <div class="price">570000 <sup>تومان</sup><span class="period">/ماهانه</span></div>
                <a href="" class="btn btn-default-yellow-fill">پیکربندی</a>
              </div>
              <ul class="list-info bg-purple">
                <li><i class="icon-cpu"></i> <span class="c-pink">سی پی یو</span><br> <span>8x 3.30Ghz 16 Cores</span></li>
                <li><i class="icon-ram"></i> <span class="c-pink">رم</span><br> <span>256GB (up to 512GB)</span></li>
                <li><i class="icon-drivessd"></i> <span class="c-pink">هارد</span><br> <span>2 x 1TB SATA 3.5</span></li>
                <li><i class="icon-git"></i> <span class="c-pink">سرعت انتقال دیتا</span><br> <span>1Gbps - 30TB</span></li>
              </ul>
            </div>
          </div>
          <div class="gap"></div>
          <div class="gap"></div>
          <div class="gap"></div>
        </div>
      </div>
      <div class="cd-fail-message">" هیچ موردی مطابق با معیارها یافت نشد "</div>
    </div>
  </div>
<!-- ***** UPLOADED FOOTER FROM FOOTER.HTML ***** -->
<footer id="footer"> </footer>
<!-- ***** BUTTON GO TOP ***** -->
<a href="#0" class="cd-top"> <i class="fas fa-angle-up"></i> </a>
<!-- Javascript -->
<script src="js/jquery.min.js"></script>
<script defer src="js/popper.min.js"></script>
<script defer src="js/bootstrap.min.js"></script>
<script defer src="js/jquery.countdown.js"></script>
<script defer src="js/jquery.magnific-popup.min.js"></script>
<script defer src="js/slick.min.js"></script>
<script defer src="js/owl.carousel.min.js"></script>
<script defer src="js/nouislider.js"></script>
<script defer src="js/mixitup.min.js"></script>
<script defer src="js/mixitup.multifilter.min.js"></script>
<script defer src="js/mixevents.js"></script>
<script defer src="js/filter.js"></script>
<script defer src="js/isotope.min.js"></script>
<script src="js/wow.min.js"></script>
<script>new WOW().init();</script>
<script defer src="js/variables.js"></script>
<script defer src="js/swiper.min.js"></script>
<script async src="js/lazysizes.min.js"></script>
<script defer src="js/scripts.min.js"></script>
</body>
</html>