fees.php

<?php
require "_header.php";
?>
	<div class="header py-5">
		<div class="container">
			<div class="row align-items-center">
				<div class="col-lg-6 order-2 order-lg-1">
					<h1 class="mb-4">С нами выгодно</h1>
					<p class="p-0">Комиссия от 2,8% за платежи с банковских карт. Если ваш оборот по онлайн-платежам стабильно выше 5 млн в месяц — договоримся :)</p>
					<ul class="list-unstyled mb-4">
						<li class="py-2 d-flex align-items-center"><i class="far fa-check-square fa-lg mr-3 color-blue"></i>Без платы за подключение</li>
						<li class="py-2 d-flex align-items-center"><i class="far fa-check-square fa-lg mr-3 color-blue"></i>Без абонентской платы</li>
						<li class="py-2 d-flex align-items-center"><i class="far fa-check-square fa-lg mr-3 color-blue"></i>Вся информация о платежах в личном кабинете</li>
					</ul> <a href="#!" class="btn btn-primary">Подключить кассу</a> </div>
				<div class="col-lg-6 order-1 order-lg-2 text-center"> <img src="assets/images/hero.svg" alt="" class="img-fluid w-75"> </div>
			</div>
		</div>
	</div>
	<div class="section">
		<div class="container">
			<div class="section-header">
				<h2 class="section-title">Тарифы на приём платежей</h2> </div>
			<!-- head -->
			<div class="fees mt-5 pt-5">
				<div class="fees-header row d-none d-lg-flex">
					<div class="col-lg-3 ml-auto text-center px-4">
						<h5>Базовый уровень</h5>
						<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
					</div>
					<div class="col-6 col-lg-3 text-center mt-3 mt-lg-0 px-4">
						<h5>Премиум-уровень</h5>
						<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
					</div>
				</div>
				<!-- tr item -->
				<div class="fees-item row align-items-center">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/visa.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/maestro.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/mastercard.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/jcb.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Банковские карты</h5>
								<p class="text-muted mb-0">Visa, Mastercard, Maestro, Мир, JCB</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">3,5%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">2,8%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-5 ml-auto text-center px-0 mt-4 my-lg-0">
						<div class="alert alert-info p-3 mb-0"><strong class="color-blue mr-2">1%</strong> Для магазинов некоторых <a href="#!" target="_blank" class="color-blue">категорий</a></div>
					</div>
				</div>
				<!-- End tr item-->
        
				<!-- tr item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/american.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/diners-club.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Банковские карты</h5>
								<p class="text-muted mb-0">Visa, Mastercard, Maestro, Мир, JCB</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">4%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">4%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-5 ml-auto text-center px-0 mt-4 my-lg-0">
						<div class="alert alert-info p-3 mb-0"><strong class="color-blue mr-2">1%</strong> Для магазинов некоторых <a href="#!" target="_blank" class="color-blue">категорий</a></div>
					</div>
				</div>
				<!-- End tr item -->
        
				<!-- tr item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/itunes.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/pay.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h6>Apple Pay и Google Pay</h6>
								<p class="text-muted mb-0">Бесконтактная оплата со смартфонов</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-6 text-center">
						<h5 class="color-blue m-0">Зависит от банковской карты</h5> </div>
				</div>
				<!-- End tr item -->
        
				<!-- tr item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/yamoney.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Яндекс.Деньги</h5>
								<p class="text-muted mb-0">60 млн кошельков на Яндексе, привязанные карты и Я.Кард</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">4%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">4%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-5 ml-auto text-center px-0 mt-4 my-lg-0">
						<div class="alert alert-info p-3 mb-0"><strong class="color-blue mr-2">1%</strong> Для магазинов некоторых <a href="#!" target="_blank" class="color-blue">категорий</a></div>
					</div>
				</div>
				<!-- End tr item -->
        
				<!-- item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/webmoney.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>WebMoney</h5>
								<p class="text-muted mb-0">Электронные кошельки системы WebMoney</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">6%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">5%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
				</div>
				<!-- End te item -->
        
				<!-- tr item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/qiwi.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>QIWI Кошелёк</h5>
								<p class="text-muted mb-0">Электронные кошельки QIWI, оплата через терминалы и в приложении</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">6%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">5%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
				</div>
				<!-- End tr item -->
        
				<!-- item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/wechat.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>WeChat Pay</h5>
								<p class="text-muted mb-0">Оплата через мессенджер WeChat, работает в офлайн-магазинах.</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-6 text-center"> <a href="#!" class="section-link" target="_blank">Узнать об условиях <i class="fal fa-long-arrow-right"></i></a> </div>
				</div>
				<!-- End tr item -->
        
				<!-- item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/comepay.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/svyaznoi.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Оплата в терминалах и кассах</h5>
								<p class="text-muted mb-0">По коду платежа — в терминалах, банкоматах, салонах связии не только.</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">3.5%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">2.8%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
				</div>
				<!-- End tr item -->
        
				<!-- item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/agroprombank.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/idram.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/runpay.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/tbcbank.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/payment-solutions.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Оплата наличными за пределами России</h5>
								<p class="text-muted mb-0">В Азербайджане, Армении, Беларуси, Грузии, Казахстане, Кыргызстане, Латвии, Молдове, Таджикистане.</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">8%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">8%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
				</div>
				<!-- End tr item -->
        
				<!-- tr item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/sberbank.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/alfa.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/tinkoff.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/erip.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Интернет-банки</h5>
								<p class="text-muted mb-0">Сбербанк Онлайн, Альфа-Клик, интернет-банк Тинькофф, ЕРИП (в Беларуси)</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">3.6%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Базовый уровень</h6>
							<p class="small text-muted mb-0">Оборот до 1 000 000 ₽ в месяц</p>
						</div>
					</div>
					<!-- td -->
					<div class="col-6 col-lg-3 text-center">
						<h5 class="color-blue m-0">3.5%</h5>
						<div class="d-block d-lg-none mt-3">
							<h6>Премиум-уровень</h6>
							<p class="small text-muted mb-0">Оборот больше 1 000 000 ₽ в месяц</p>
						</div>
					</div>
				</div>
				<!-- End tr item -->
        
				<!-- tr item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/payparts.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Заплатить по частям</h5>
								<p class="text-muted mb-0">Кредит или рассрочка в сервисе «Заплатить по частям»</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-6 text-center"> <a href="#!" class="section-link" target="_blank">Узнать об условиях <i class="fal fa-long-arrow-right"></i></a> </div>
				</div>
				<!-- End tr item -->
        
				<!-- item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/tele2.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/mts.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/megafon.svg"> </a>
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/beeline.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>Баланс телефона</h5>
								<p class="text-muted mb-0">Билайн, Мегафон, МТС, Tele2</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-6 text-center"> <a href="#!" class="section-link" target="_blank">Узнать об условиях <i class="fal fa-long-arrow-right"></i></a> </div>
				</div>
				<!-- End tr item -->
        
				<!-- item -->
				<div class="fees-item row">
					<!-- td -->
					<div class="col-lg-6 text-center text-lg-left">
						<div class="d-block d-lg-flex">
							<div class="brand-group mx-auto mx-lg-0">
								<a href="#!" class="brand rounded-circle"> <img alt="Image placeholder" src="/assets/images/fees-icons/sberbank.svg"> </a>
							</div>
							<div class="my-3 my-lg-0">
								<h5>B2B-платежи</h5>
								<p class="text-muted mb-0">Приём платежей от юрлиц через Сбербанк Бизнес Онлайн</p>
							</div>
						</div>
					</div>
					<!-- td -->
					<div class="col-lg-6 text-center"> <a href="#!" class="section-link" target="_blank">Узнать об условиях <i class="fal fa-long-arrow-right"></i></a> </div>
				</div>
				<!-- End tr item -->
        
			</div>
		</div>
	</div>

  <section class="section action">
    <div class="container">
      <div class="section-header">
        <h2 class="section-title">Готовы подключиться?</h2>
        <p class="section-text text-lg">Задайте вопрос нашим менеджерам или сразу подключайтесь к CreditnaKassa</p>
      </div>
      <div class="section-buttons text-center">
        <a href="#!" class="btn btn-primary mr-sm-3">Подключить кассу</a> <a href="#!" class="btn btn-white"><i class="far fa-question mr-2"></i> Задать вопрос</a>
      </div>
    </div>
  </section>
	<?php
require "_footer.php";
?>