Hugging Face's logo

Spaces:
Pashtetuum
/
MetalClassificationSite
Running

App Files Community
MetalClassificationSite / Тарифы.html
Pashtetuum's picture
Pashtetuum
Update Тарифы.html
8df0fea verified
raw
history blame contribute delete
No virus
21.3 kB
<!DOCTYPE html>
<html style="font-size: 16px;" lang="ru"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="​Выберите тарифный план для вашего бизнеса">
<meta name="description" content="">
<title>Тарифы</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Тарифы.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 6.6.3, nicepage.com">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<style>
/* Стили для кнопки */
#scrollBtn {
position: fixed;
bottom: -60px; /* Начальное положение кнопки вне экрана */
right: 20px;
z-index: 99;
cursor: pointer;
width: 50px; /* Ширина изображения */
height: 50px; /* Высота изображения */
border-radius: 50%; /* Сделаем изображение круглым */
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); /* Добавляем тень для кнопки */
transition: bottom 0.3s ease; /* Плавное изменение положения */
}
#scrollBtn img {
width: 100%;
height: 100%;
border-radius: 50%;
}
</style>
</head>
<body>
<!-- Сама кнопка с изображением -->
<a href="#" id="scrollBtn" title="Прокрутить к началу страницы">
<img src="images/strelka.png" alt="Стрелка">
</a>
<script>
// Показываем кнопку при прокрутке страницы
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("scrollBtn").style.bottom = "20px"; // Плавное появление кнопки
} else {
document.getElementById("scrollBtn").style.bottom = "-60px"; // Скрытие кнопки
}
}
// Прокручиваем страницу к началу при клике на кнопку
document.getElementById("scrollBtn").onclick = function() {
document.body.scrollTop = 0; // Для поддержки старых браузеров
document.documentElement.scrollTop = 0; // Для современных браузеров
}
</script>
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"logo": "images/a53sx-metalikum_logo.jpg"
}</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="Тарифы">
<meta property="og:type" content="website">
<meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
<body data-path-to-root="./" data-include-products="false" class="u-body u-xl-mode" data-lang="ru"><header class="u-clearfix u-header u-header" id="sec-e1f0"><div class="u-clearfix u-sheet u-sheet-1">
<a href="Главная.html" class="u-image u-logo u-image-1" data-image-width="243" data-image-height="172" title="Главная">
<img src="images/a53sx-metalikum_logo.jpg" class="u-logo-image u-logo-image-1">
</a>
<nav class="u-menu u-menu-one-level u-offcanvas u-menu-1">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px;">
<a class="u-button-style u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
<svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</g></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Главная.html" style="padding: 10px 20px;">Главная</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="О-проекте.html" style="padding: 10px 20px;">О проекте</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Дефекты.html" style="padding: 10px 20px;">Дефекты</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Нейросеть.html" style="padding: 10px 20px;">Нейросеть</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Тарифы.html" style="padding: 10px 20px;">Тарифы</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="Контакты.html" style="padding: 10px 20px;">Контакты</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Главная.html">Главная</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="О-проекте.html">О проекте</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Дефекты.html">Дефекты</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Нейросеть.html">Нейросеть</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Тарифы.html">Тарифы</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Контакты.html">Контакты</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-align-center u-clearfix u-section-1" id="carousel_568f">
<div class="u-clearfix u-sheet u-sheet-1">
<h6 class="u-custom-font u-font-montserrat u-text u-text-default u-text-1"> Тарифный план</h6>
<h2 class="u-custom-font u-font-montserrat u-text u-text-2"> Выберите тарифный план для вашего бизнеса</h2>
<div class="u-expanded-width u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-align-left u-container-style u-list-item u-radius-30 u-repeater-item u-shape-round u-white u-list-item-1">
<div class="u-container-layout u-similar-container u-container-layout-1">
<div class="u-container-style u-expanded-width u-grey-40 u-group u-group-1">
<div class="u-container-layout u-container-layout-2">
<h3 class="u-custom-font u-font-montserrat u-text u-text-default u-text-3">Пробный</h3>
<h4 class="u-custom-font u-font-montserrat u-text u-text-default u-text-palette-3-base u-text-4">$0</h4>
</div>
</div>
<ul class="u-custom-list u-text u-text-5">
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>
</li>
<li>Бесплатный период</li>
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>Однонедельный доступ
</li>
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>Базовые функции
</li>
</ul>
<a href="#sec-d633" class="u-active-palette-1-light-3 u-border-none u-btn u-btn-round u-button-style u-custom-item u-grey-40 u-hover-palette-2-dark-1 u-payment-button u-radius-50 u-text-body-alt-color u-text-hover-palette-3-base u-btn-1" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="" data-payment-service="{&quot;id&quot;:&quot;c4d3f30945d03db0ac15ad8e2694dec0&quot;,&quot;formServices&quot;:[&quot;bd5d75f0-6e22-f2a0-0f02-3f0eb0649feb&quot;],&quot;paymentMethods&quot;:[],&quot;userToken&quot;:&quot;63e8ba18-9707-4f73-9d8f-741062fafad8&quot;}" data-product-id="7" data-product="{&quot;id&quot;:&quot;7&quot;,&quot;name&quot;:&quot;пробный&quot;,&quot;title&quot;:&quot;Пробный&quot;,&quot;description&quot;:&quot;Бесплатный период\nОднонедельный доступ\nБазовые функции\n&quot;,&quot;fullDescription&quot;:&quot;&quot;,&quot;price&quot;:&quot;0&quot;,&quot;oldPrice&quot;:&quot;&quot;,&quot;quantity&quot;:1,&quot;currency&quot;:&quot;USD&quot;,&quot;sku&quot;:&quot;&quot;,&quot;outOfStock&quot;:false,&quot;isFeatured&quot;:false,&quot;categories&quot;:[],&quot;images&quot;:[],&quot;created&quot;:1711615128280,&quot;updated&quot;:1711615128280,&quot;isDefault&quot;:false,&quot;categoriesData&quot;:[{&quot;link&quot;:&quot;./products/products.html#/1///&quot;,&quot;title&quot;:&quot;Uncategorized&quot;}]}">Получить</a>
<p class="u-text u-text-6">Выберите этот план и начните пробный период прямо сейчас!</p>
</div>
</div>
<div class="u-align-left u-container-style u-list-item u-radius-30 u-repeater-item u-shape-round u-white u-list-item-2">
<div class="u-container-layout u-similar-container u-container-layout-3">
<div class="u-container-style u-expanded-width u-grey-40 u-group u-group-2">
<div class="u-container-layout u-container-layout-4">
<h3 class="u-custom-font u-font-montserrat u-text u-text-default u-text-7">Ежемесячный </h3>
<h4 class="u-custom-font u-font-montserrat u-text u-text-default u-text-palette-3-base u-text-8">$499</h4>
</div>
</div>
<ul class="u-custom-list u-text u-text-9">
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>
</li>
<li>Ежемесячная оплата</li>
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>Доступ ко всем функциям
</li>
</ul>
<a href="#sec-d633" class="u-active-palette-1-light-3 u-border-none u-btn u-btn-round u-button-style u-custom-item u-grey-40 u-hover-palette-2-dark-1 u-payment-button u-radius-50 u-text-body-alt-color u-text-hover-palette-3-base u-btn-2" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="" data-product-id="8" data-product="{&quot;id&quot;:&quot;8&quot;,&quot;name&quot;:&quot;ежемесячный&quot;,&quot;title&quot;:&quot;Ежемесячный&quot;,&quot;description&quot;:&quot;Ежемесячная оплата\nПолный доступ&quot;,&quot;fullDescription&quot;:&quot;&quot;,&quot;price&quot;:&quot;499&quot;,&quot;oldPrice&quot;:&quot;&quot;,&quot;quantity&quot;:1,&quot;currency&quot;:&quot;USD&quot;,&quot;sku&quot;:&quot;&quot;,&quot;outOfStock&quot;:false,&quot;isFeatured&quot;:false,&quot;categories&quot;:[],&quot;images&quot;:[],&quot;created&quot;:1711615209734,&quot;updated&quot;:1711615209734,&quot;isDefault&quot;:false,&quot;categoriesData&quot;:[{&quot;link&quot;:&quot;./products/products.html#/1///&quot;,&quot;title&quot;:&quot;Uncategorized&quot;}]}">Получить</a>
<p class="u-text u-text-10">Выберите этот план и начните ежемесячный период прямо сейчас!</p>
</div>
</div>
<div class="u-align-left u-container-style u-list-item u-radius-30 u-repeater-item u-shape-round u-white u-list-item-3">
<div class="u-container-layout u-similar-container u-container-layout-5">
<div class="u-container-style u-expanded-width u-grey-40 u-group u-group-3">
<div class="u-container-layout u-container-layout-6">
<h3 class="u-custom-font u-font-montserrat u-text u-text-default u-text-11">Полный</h3>
<h4 class="u-custom-font u-font-montserrat u-text u-text-default u-text-palette-3-base u-text-12">$4999</h4>
</div>
</div>
<ul class="u-custom-list u-text u-text-13">
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>Единоразовый платёж
</li>
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>Рекомендации от разработчика
</li>
<li>
<div class="u-list-icon u-text-grey-40">
<div>■</div>
</div>Доступ ко всем функциям
</li>
</ul>
<a href="#sec-d633" class="u-active-palette-1-light-3 u-border-none u-btn u-btn-round u-button-style u-custom-item u-grey-40 u-hover-palette-2-dark-1 u-payment-button u-radius-50 u-text-body-alt-color u-text-hover-palette-3-base u-btn-3" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="" data-product-id="9" data-product="{&quot;id&quot;:&quot;9&quot;,&quot;name&quot;:&quot;полный&quot;,&quot;title&quot;:&quot;Полный&quot;,&quot;description&quot;:&quot;Одноразовый платёж\nРекомендации от разработчика\nДоступ ко всем функциям&quot;,&quot;fullDescription&quot;:&quot;&quot;,&quot;price&quot;:&quot;4999&quot;,&quot;oldPrice&quot;:&quot;&quot;,&quot;quantity&quot;:1,&quot;currency&quot;:&quot;USD&quot;,&quot;sku&quot;:&quot;&quot;,&quot;outOfStock&quot;:false,&quot;isFeatured&quot;:false,&quot;categories&quot;:[],&quot;images&quot;:[],&quot;created&quot;:1711615237845,&quot;updated&quot;:1711615237845,&quot;isDefault&quot;:false,&quot;categoriesData&quot;:[{&quot;link&quot;:&quot;./products/products.html#/1///&quot;,&quot;title&quot;:&quot;Uncategorized&quot;}]}">получить</a>
<p class="u-text u-text-14">Выберите этот план и получите полный доступ прямо сейчас!</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-section-2" id="carousel_93e9">
<div class="u-clearfix u-sheet u-valign-middle-sm u-sheet-1">
<h2 class="u-text u-text-default u-text-1">Почему стоит выбрать нас?</h2>
<div class="u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-align-left u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-bottom u-container-layout-1">
<h5 class="u-text u-text-default u-text-2">Точность </h5><span class="u-icon u-icon-circle u-text-grey-90 u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-cddb"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-cddb" style="enable-background:new 0 0 512 512;"><ellipse style="fill:currentColor;" cx="256" cy="256" rx="256" ry="255.832"></ellipse><polygon style="fill:#FFFFFF;" points="235.472,392.08 114.432,297.784 148.848,253.616 223.176,311.52 345.848,134.504 391.88,166.392 "></polygon></svg></span>
<p class="u-text u-text-3"> Наша система обнаружения дефектов на металлопрокате обучена на большом объеме данных и показывает высокую точность.</p>
</div>
</div>
<div class="u-align-left u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-bottom u-container-layout-2">
<h5 class="u-text u-text-default u-text-4"> Инновационная разработка</h5><span class="u-icon u-icon-circle u-text-grey-90 u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-bc2e"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-bc2e" style="enable-background:new 0 0 512 512;"><ellipse style="fill:currentColor;" cx="256" cy="256" rx="256" ry="255.832"></ellipse><polygon style="fill:#FFFFFF;" points="235.472,392.08 114.432,297.784 148.848,253.616 223.176,311.52 345.848,134.504 391.88,166.392 "></polygon></svg></span>
<p class="u-text u-text-5"> Мы постоянно следим за новыми технологиями и методами в области машинного обучения.&nbsp;Наша команда активно развивает и улучшает систему, чтобы она соответствовала самым современным стандартам.</p>
</div>
</div>
<div class="u-align-left u-list-item u-repeater-item">
<div class="u-container-layout u-similar-container u-valign-bottom u-container-layout-3">
<h5 class="u-text u-text-default u-text-6"> Индивидуальный подход</h5><span class="u-icon u-icon-circle u-text-grey-90 u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 512 512" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-e265"></use></svg><svg class="u-svg-content" viewBox="0 0 512 512" x="0px" y="0px" id="svg-e265" style="enable-background:new 0 0 512 512;"><ellipse style="fill:currentColor;" cx="256" cy="256" rx="256" ry="255.832"></ellipse><polygon style="fill:#FFFFFF;" points="235.472,392.08 114.432,297.784 148.848,253.616 223.176,311.52 345.848,134.504 391.88,166.392 "></polygon></svg></span>
<p class="u-text u-text-7"> Мы понимаем, что каждый проект уникален. Мы готовы адаптировать наше решение под ваши конкретные потребности.&nbsp;Ваш успех — наш приоритет.</p>
</div>
</div>
</div>
</div>
<a href="Тарифы.html#carousel_568f" class="u-border-none u-btn u-btn-round u-button-style u-grey-90 u-hover-palette-2-dark-1 u-radius u-btn-1">Выбрать тариф</a>
</div>
</section>
<footer class="u-align-center-md u-align-center-sm u-align-center-xs u-clearfix u-footer u-grey-80" id="sec-769a"><div class="u-clearfix u-sheet u-sheet-1">
<p class="u-align-center-lg u-align-center-md u-align-center-xl u-text u-text-1"> Россия, Москва,&nbsp;Балаклавский пр-т д. 34к8, 117303<br>Телефон: +7 (910) 670-90-16<br>Почта: filimipik@mail.ru<br>Рабочие часы:&nbsp;<br>Пн – Пт с 8:00 до 18:00<br>Пт, Сб 9:00&nbsp;до 16:00<br>Вс нерабочий день <br>
<br>Copyright ©; 2024 Pavel Filippov. Все права защищены.
</p>
</div></footer></style>
</body></html>