Skip to content

T
taskonsite-архив-перенесен
Commit 7dee1b4c authored by Олег Гиммельшпах's avatar Олег Гиммельшпах
Browse files
Options

3596 - Срочно (Важно) - Замена страницы

parent 82d1d10a
Hide whitespace changes
Inline Side-by-side
Showing with 2142 additions and 107 deletions
frontend/assets/BusinessSolutionsAsset.php 0 → 100644
View file @ 7dee1b4c
<?php
namespace frontend\assets;
use yii\web\AssetBundle;
/**
* Class BusinessSolutionsAsset
* @package frontend\assets
*/
class BusinessSolutionsAsset extends AssetBundle
{
public $basePath = '@webroot';
public $baseUrl = '@web';
public $css = [
'css/business_solutions.css',
'plugins/tooltipster-master/tooltipster.css'
];
public $js = [
'plugins/tooltipster-master/jquery.tooltipster.js',
'js/anchor.js',
'js/jquery.appear.js',
'js/animatedContent.js',
];
public $depends = [
'frontend\assets\AppAsset',
];
}
\ No newline at end of file
frontend/config/main.php
View file @ 7dee1b4c
...@@ -58,13 +58,13 @@ return [ ...@@ -58,13 +58,13 @@ return [
'cache' => [ 'cache' => [
'class' => 'yii\caching\FileCache', 'class' => 'yii\caching\FileCache',
], ],
'view' => [ // 'view' => [
'class' => 'rmrevin\yii\minify\View', // 'class' => 'rmrevin\yii\minify\View',
'base_path' => '@app/web', // 'base_path' => '@app/web',
'minify_path' => '@app/web/minify', // 'minify_path' => '@app/web/minify',
'force_charset' => 'UTF-8', // 'force_charset' => 'UTF-8',
'expand_imports' => true, // 'expand_imports' => true,
], // ],
'user' => [ 'user' => [
'identityClass' => 'common\modules\users\models\User', 'identityClass' => 'common\modules\users\models\User',
'identityCookie' => [ 'identityCookie' => [
......
frontend/views/layouts/block/business-cases.php
View file @ 7dee1b4c
<?php <?php
use \common\modules\content\models\CoContent;
use common\modules\content\models\CoContentLang; use frontend\assets\BusinessSolutionsAsset;
use common\modules\languages\models\Languages;
use yii\helpers\Html; /**
use yii\helpers\Url; * @var \yii\web\View $this
use common\modules\cases\models\CaseContent; */
use common\modules\cases\models\CasesPreviewType;
BusinessSolutionsAsset::register($this);
$models = CaseContent::find()
->alias('c')
->leftJoin(CoContentLang::tableName() . ' cl', 'c.id = cl.content_id')
->where([
'c.category_id' => 6,
'c.active' => true,
'cl.hidden' => false,
'cl.lang_id' => Languages::getCurrent()->id
])
->orderBy(['c.position' => SORT_ASC])
->all();
?> ?>
<?php if ($models) : ?> <div class="bs_sec">
<div class="bs_content">
<div class="row">
<?php /** @var CaseContent $model */ <section>
foreach ($models as $model) :?> <div class="container container_offset">
<?php if (!$model->previewType || $model->previewType->type == CasesPreviewType::PREVIEW_SQUARE): ?> <div class="bs_top_box">
<div class="col-md-6 col-xs-6 col-sm-12"> <h1>Решения для бизнеса</h1>
<a href="<?= $model->getPreparedUrl() ?>" class="keys_block_small"> <div class="bs_top_img">
<img src="<?= $model->preview ?>" height="338" width="455"> <img src="images/business_solutions/bs_top_img.png" class="bs_top_bg" alt="">
<div class="keys_small_title" <div class="title_bs_pos">
<?php if ($model->custom == CoContent::CUSTOM_WHITE){ ?>style="color:#fff;"<?php } ?>> <div class="bs_logo_art">
<?php if ($model->lang->title): ?> <img src="images/business_solutions/bs_logo_art.png" alt="">
<span class="case_w_background"><?= $model->lang->title ?></span> </div>
<?php endif ?> <h4 class="title_bs"><span>Разработка IT решений</span> <br> <span>для вашего бизнеса</span>
<div class="case_subtitle"> </h4>
<?php if ($model->lang->subtitle): ?> </div>
<span class="case_w_background"><?= $model->lang->subtitle ?></span> </div>
<?php endif ?>
</div> <h2>Основные направления компании Арт Проект:</h2>
</div>
<div class="keys_small_foot"> <div class="bs_top_box_left">
<div class="keys_small_btn_more">
<span><?= Yii::t('case', 'Read more') ?></span> <ul class="list_anchor">
</div> <li><a href="#box1">Разработка сложных сайтов</a></li>
<span class="keys_small_tags"><?= $model->previewType->tag ? "# {$model->previewType->tag}" : "" ?></span> <li><a href="#box12">Разработка мобильных приложений</a></li>
</div> <li><a href="#box2">Личный кабинет</a></li>
</a> <li><a href="#box2_2">Сборка и разработка инфокиосков</a></li>
<li><a href="#box3">Внутрикорпоративные порталы и сервисы</a></li>
<li><a href="#box4">Управление каталогами продукции</a></li>
<li><a href="#box4_2">Разработка API и шины данных</a></li>
<li><a href="#box5">Автоматизация расчета и отправки КП</a></li>
<li><a href="#box6">Учет, визуализация и контроль данных в организации</a></li>
<li><a href="#box7">Сбор и анализ данных</a></li>
<li><a href="#box8">Блокчейн и криптовалюты</a></li>
<li><a href="#box9">Собственные платформенные решения</a></li>
<li><a href="#box10">Реклама и продвижение</a></li>
</ul>
</div>
</div> </div>
<?php elseif ($model->previewType->type == CasesPreviewType::PREVIEW_RECTANGLE): ?> </div>
<div class="col-md-12 col-xs-12 col-sm-12"> </section>
<a href="<?= $model->getPreparedUrl() ?>" class="keys_block_small big">
<img class="img_lg" src="<?= $model->preview ?>" height="338" width="940"> <div class="boxs_numbering">
<?php if ($model->preview_mob): ?>
<img class="img_sm" src="<?= $model->preview_mob ?>" height="338" width="455"> <section id="box1">
<?php endif; ?> <div class="container container_offset">
<div class="keys_small_title" <h3 data-lnumber="1">Разработка сложных сайтов</h3>
<?php if ($model->custom == CoContent::CUSTOM_WHITE){ ?>style="color:#fff;"<?php } ?>>
<?php if ($model->lang->title): ?> <div class="bs_item">
<span class="case_w_background"><?= $model->lang->title ?></span> <div class="row">
<?php endif ?> <div class="col-xs-8 col-lg-8 col-md-8">
<div class="case_subtitle"> <h4><a href="">Создание веб-сервисов и порталов</a></h4>
<?php if ($model->lang->subtitle): ?> <p>Решение задач по разработке сложных высоконагруженных сервисов и порталов. Реализация
<span class="case_w_background"><?= $model->lang->subtitle ?></span> сайтов, для которых не подходят стандартные CMS. </p>
<?php endif ?> <div class="bs_btn_wr">
</div> <button class="bs_btn_yellow" type="submit">Оставить заявку</button>
</div>
<div class="keys_small_foot"> <a href="javascript:;" class="txt_info tooltips"
<div class="keys_small_btn_more"> title="
<span><?= Yii::t('case', 'Read more') ?></span> <ul class='tooltip_list'>
</div> <li>- Стартапам;</li>
<span class="keys_small_tags"><?= $model->previewType->tag ? "# {$model->previewType->tag}" : "" ?></span> <li>- Владельцам сложных веб-сайтов, интернет-магазинов и порталов;</li>
</div> <li>- Бизнесу, у которого продажи происходят через интернет;</li>
</a> <li>- Агрегаторам информации;</li>
<li>- Информационным изданиям;</li>
<li>- Веб-студиям, которые ищут подрядчика на данную работу;</li>
<li>- Государственным предприятиям.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_1_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<section id="box12">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка мобильных приложений</a></h4>
<p>Создание мобильных приложений на платформе iOS, Android и Windows. Разработка
системы
управления контентом, push-уведомления, оплата подписки, каталоги, новости,
создание
нестандартных сервисов и т.д.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Бизнесу, у которого взаимодействие с клиентом происходит через телефон;</li>
<li>- Для создания бонусных программ;</li>
<li>- Для увеличения лояльности клиента (удобство пользования);</li>
<li>- Для конроля сотрудников через мобильные устройства;</li>
<li>- Для оперативного получении информации о продукте или услугах;</li>
<li>- Стартапам;</li>
<li>- Интеграторам технологических решений.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_1_2_0.png" alt=""
class="animated transparent" data-animation="bounceInRight"
data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Поддержка сложных веб-сайтов</a></h4>
<p>Поддержка веб-сайтов, сервисов и мобильных приложений. Доработка действующего
функционала, исправление ошибок в работе сервиса. Технический аудит реализованного
проекта (code review).</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Владельцам сложных веб-сайтов, интернет-магазинов и порталов;</li>
<li>- Проектам, которые требуется проверить после реализации сторонней командой;
<li>- Бизнесу, у которого продажи происходят через интернет;</li>
<li>- Агрегаторам информации;</li>
<li>- Информационным изданиям;</li>
<li>- Интеграторам технологических решений;
<li>- Веб-студиям, которые ищут подрядчика на данную работу.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_1_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Составление ТЗ и документации по проекту</a></h4>
<p>Разработка технического задания, архитектуры проекта, создание прототипов и описание
бизнес-логики.</p>
<p><strong>Проектирование сложных сервисов, веб-сайтов и приложений - важная задача на
старте реализации проекта.</strong></p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Стартапам;</li>
<li>- Интеграторам технологических решений;
<li>- Авторам проекта, где требуется разработать концепцию и проработать техническую инфраструктуру проекта;</li>
<li>- Маркетологам;</li>
<li>- Веб-студиям, которые ищут подрядчика на технически сложные работы.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_1_3.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Оптимизация скорости загрузки</a></h4>
<p>Выявление проблем в работе сайта, мобильного приложения или другого информационного
сервиса. Мониторинг нагрузок, оптимизация запросов к базе данных.</p>
<div class="yandex_box">
<div>
<p>Мы являемся официальным <br> партнером Яндекс.Облако</p>
</div>
<div>
<img src="images/business_solutions/logo_yandex.png" alt="">
</div>
</div>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Владельцам сложных веб-сайтов, интернет-магазинов и порталов;</li>
<li>- Бизнесу, в котором есть сезонность;</li>
<li>- Владельцам дата-центров;</li>
<li>- Владельцам высоконагруженных порталов;</li>
<li>- Агрегаторам информации и владельцам больших баз данных;</li>
<li>- Информационным изданиям;</li>
<li>- SEO специлистам и маркетологам;</li>
<li>- Веб-студиям, которые ищут подрядчика на технически сложные работы;</li>
<li>- Стартапам;</li>
<li>- Интеграторам технологических решений.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_1_4.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка промо-сайтов</a></h4>
<p>Создание сайтов с нестандартным функционалом для промотирования продукции или услуг:
интеграция с социальными сетями, голосование, начисление баллов за действия
(выполнение
заданий), разработка игр с элементами вовлечения пользователя.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- PR отделу;</li>
<li>- SMM специалистам;</li>
<li>- Для продвижения нового продукта/услуги (брендинг);</li>
<li>- Event агентствам;</li>
<li>- Информационным изданиям;</li>
<li>- Веб-студиям, которые ищут подрядчиков на данную работу.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_1_5.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div> </div>
<?php endif; ?> </section>
<?php endforeach; ?>
</div> <section id="box2">
<div class="container container_offset">
<h3 data-lnumber="2">Личные кабинеты и инфокиоски</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Создание личных кабинетов</a></h4>
<p>Создание закрытой области для клиентов вашей компании. Удобный способ перевести
общение и
информирование клиента в отдельный интерфейс. <br>
<strong>Функционал</strong> <br>
В интерфейс личного кабинета можно подгружать данные из внешних источников (1С,
заявки и
их статусы, онлайн оплата, баланс пользователя и т.д.).</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Бизнесу, который хочет предоставить оперативную информацию для клиента;</li>
<li>- Бизнесу, который оказывает услуги или продает товары;</li>
<li>- Производителям оборудования (для дилеров и дистрибьюторов);</li>
<li>- Владельцам больших интернет-магазинов или e-commerce платформ;</li>
<li>- Банкам, кредитным организациям, МФО;</li>
<li>- Бизнесу, который предоставляет абонентское обслуживание;</li>
<li>- Владельцам сложных веб-сайтов, интернет-магазинов и порталов;</li>
<li>- Бизнесу, у которого продажи происходят через интернет;</li>
<li>- Интеграторам технологических решений;</li>
<li>- Стартапам;</li>
<li>- Веб-студиям, которые ищут подрядчика на данную работу.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_2_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item" id="box2_2">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Инфокиоски (интерактивные стенды)</a></h4>
<p>Интерактивный стенд для навигации в торговом центре, парке, библиотеке. Возможность
печати информации из терминала, распознавание QR-кода, оплата услуг. Интеграция с
сайтом
и другими внешними сервисами.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Застройщикам и девелоперам;</li>
<li>- Владельцам торговых и развлекательных центров (ТРЦ);</li>
<li>- Компаниям, которые продают билеты (автоматизации касс);</li>
<li>- Арендодателям;</li>
<li>- Владельцам природных парков;</li>
<li>- Государственным учреждениям;</li>
<li>- Управляющим компаниям;</li>
<li>- Интеграторам технологических решений;</li>
<li>- Производителям инфокиосков для установки ПО.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_2_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="box3">
<div class="container container_offset">
<h3 data-lnumber="3">Внутрикорпоративные порталы и сервисы</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Закрытый портал компании (Intranet)</a></h4>
<p>Закрытый сайт компании, который позволяет публиковать новости для сотрудников,
проводить
опросы, в одном месте хранить базу знаний и шаблоны документов, отслеживать
выполнение
задач, вести общий календарь, формировать справки и заявления на отпуск. Сервис
имеет
встроенную систему поощрения (ачивки - награды сотрудникам за действия). Возможна
интеграция с 1С и другими сторонними системами. <br>
<strong>Intranet позволяет увеличить эффективность работы сотрудников и организовать
работу в одном пространстве.</strong></p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Компаниям с количеством сотрудников более 20 человек;</li>
<li>- Государственным предприятиям;</li>
<li>- Отделу кадров;</li>
<li>- Для мотивации сотрудников;</li>
<li>- Для создания общего рабочего пространства;</li>
<li>- Интеграторам технологических решений.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_3_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Система онлайн тестирования</a></h4>
<p>Для проверки знаний сотрудников в организации. Возможность импорта вопросов и
генерации
сертификатов по итогам сдачи. Формирование подробного отчета о проведенном
тестировании
по каждому сотруднику. Поддержка нестандартного бизнес-процесса.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/portfolio/provedenie-testirovanija-online"
target="_blank"
class="bs_btn_green">Подробнее</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Отделу кадров;</li>
<li>- Компаниям, которые занимаются повышением квалификации;</li>
<li>- Учебным и аттестационным центрам;</li>
<li>- Центрам сертификации;</li>
<li>- Ритейлам для повышения квалификации продавцов;</li>
<li>- Крупным компаниям для оценки сотрудников или дилеров;</li>
<li>- Маркетологам для оценки рынка (проведения опросов);</li>
<li>- Образовательному учреждению и инфобизнесу.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_3_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка системы финансового учета (ERP)</a></h4>
<p>Создание сервиса по учету финансов внутри вашей организации. Учет, планирование и
контроль денежных средств. Построение персонализированных отчетов по эффективности
каждого сотрудника. Сбор и обработка данных с разных филиалов, интеграция с
бухгалтерскими программами, <a href="#box8">разработка проектов на блокчейн
(blockchain)</a>.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/portfolio/systema_ucheta_i_planirovaniya_finansov"
class="bs_btn_green" target="_blank">Подробнее</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Для финансового учета внутри организации;</li>
<li>- Для визуализации эффективности работы компании (dashboard'ы);</li>
<li>- Для бизнеса, у которого несколько финансовых потоков;</li>
<li>- Для бухгалтерии.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_3_3.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка системы управления задачами <br> (Task manager)</a></h4>
<p>Постановка и контроль исполнения задач внутри организации. Формирование отчетов по
загрузке сотрудников. Удобная система напоминания. Автоматизация
бизнес-процессов.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/portfolio/systema_postanovki_i_controlya_zadach"
class="bs_btn_green" target="_blank">Подробнее</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Бизнесу для контроля выполнения задач;</li>
<li>- Для автоматизациии бизнес-процессов;</li>
<li>- Для оценки эффективности работы сотрудников;</li>
<li>- Для фиксации и контроля обращений от клиентов.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_3_4.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="box4">
<div class="container container_offset">
<h3 data-lnumber="4">Управление каталогами продукции</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка электронных каталогов продукции</a></h4>
<p>Решение по созданию больших каталогов продукции (для интернет-магазинов или
продуктовых
баз данных). Решение проблем с категоризацией и дублированием данных. Реализация
функционала массового импорта (Excel, XML, YML, Json и т.д.). Внедрение умного
поиска
для отбора/классификации нужных товаров и связанных референсов (артикулов). <a
href="#box4_2">Реализация API интерфейса</a> для обмена данными с
партнерами.
</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Производителям продукции;</li>
<li>- Торговым домам;</li>
<li>- Владельцам крупных интернет-магазинов.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_4_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item" id="box4_2">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка и поддержка API (шины данных)</a></h4>
<p>Создание отдельного API интерфейса для обмена данными со сторонними платформами. <br>
<strong>Пример использования</strong> <br>
Если у вас есть интернет-магазин, CRM или любая другая информационная платформа и
есть
потребность делиться данными с партнерами, то API позволит создать интерфейс по
обмену
данными. Подготовка подробной документации с примерами использования и внедрения.
</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/portfolio/elektronnyi-catalog-tovarov-api-razrabotka"
class="bs_btn_transparent bs_btn_icon_eye" target="_blank">Смотреть кейс</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Стартапам;</li>
<li>- Авторам информационных систем;</li>
<li>- Агрегаторам данных и владельцам больших баз данных;</li>
<li>- Крупным производителям для распространения каталога продукции;</li>
<li>- Торговым домам для распространения торговой базы по дилерам;</li>
<li>- Владельцам крупных интернет-магазинов.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_4_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="box5">
<div class="container container_offset">
<h3 data-lnumber="5">Автоматизация расчета и отправки КП</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Калькуляторы</a></h4>
<p>Разработка калькуляторов любой сложности для расчета стоимости товаров или услуг.
Настройка формул для расчета осуществляется в Панеле управления. Возможен расчет на
основании курса валюты или данных, полученных из любого другого стороннего сервиса.
<br><br>
<strong>Разновидности калькуляторов:</strong> <br>
-
<a href="https://task-on.com/avtomatizaciya-kreditnyh-i-lizingovyh-kompanij-razrabotka"
target="_blank">кредитный или лизинговый</a>;<br>
- расчет стоимости по параметрам;<br>
- расчет спецификации на основе входных данных;<br>
- расчет стоимости при заполнении пошаговой анкеты. <br>
</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Кредитным и лизинговым организациям;</li>
<li>- Страховым компаниям;</li>
<li>- Производителям товаров и оборудования;</li>
<li>- Производителям технологичных решений;</li>
<li>- Продавцам товаров или услуг, у которых сложный расчет стоимости.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_5_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Конфигураторы</a></h4>
<p>Решение для подбора (конфигурации) технологического оборудования: пользователь задаёт
параметры оборудования или помещения, а система подбирает ему походящее решение.
<br>
<strong>Основная задача</strong> <br>
Ускорить конфигурацию оборудования и подготовить предложение для клиента.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/portfolio/sozdanie-razrabotka-konfiguratorov"
class="bs_btn_transparent bs_btn_icon_eye" target="_blank">Смотреть кейс</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Производителям товаров и оборудования;</li>
<li>- Производителям технологичных решений;</li>
<li>- Продающим компаниям, у которых сложный расчет стоимости.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_5_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Сервис по генерации коммерческих предложений</a></h4>
<p>Сервис позволяет быстро создавать коммерческие предложения по шаблону. На КП
наносится
подпись (факсимиле), печать, регистрационный номер. <br>КП можно выгрузить в PDF,
Word
или отправить на email. Если КП не будет доставлено (попало в СПАМ или не дошло до
получателя), то сервис сообщит об этом (контроль доставки писем). Имеется встроенная
статистика по отправленным КП.</p>
<div class="bs_btn_wr">
<a href="https://task-on.ru/kp" class="bs_btn_green" target="_blank">Подробнее</a>
<a href="https://task-on.com/portfolio/service-generacii-pisma-na-blanke"
class="bs_btn_transparent bs_btn_icon_eye" target="_blank">Смотреть кейс</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Продавцам товаров/услуг;</li>
<li>- Торговым домам;</li>
<li>- Производителям решений и товаров;</li>
<li>- Call-центрам для отправки КП после звонка.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_5_3.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<?php endif; ?> </div>
\ No newline at end of file </section>
<section id="box6">
<div class="container container_offset">
<h3 data-lnumber="6">Учет и контроль</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Регистрация и защита проектов на поставку</a></h4>
<p>Позволяет дилеру или дистрибьютору обеспечить эксклюзивное право на поставку и/или
внедрение путем регистрации и защиты проекта в электронном реестре. <br>Дополнительно
позволяет производителю планировать и отслеживать статус сделок по продаваемой
продукции
и внедряемым решениям.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/ehlektronnyj-uchet-zayavok" class="bs_btn_green"
target="_blank">Подробнее</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Производителям оборудования;</li>
<li>- Отделу планирования;</li>
<li>- Проектному отделу;</li>
<li>- Торговым домам;</li>
<li>- Отделу закупок;</li>
<li>- Поставщикам для защиты проектов.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Система учета сертификатов и прочей разрешительной документации</a></h4>
<p>Помогает упорядочить хранение, разграничить доступ и контролировать срок действия
разрешительной документации (сертификатов, писем таможенного союза и т.д.). Удобный
способ интеграции с внешними системами по API (можно отдавать перечень документов по
конкретному товару или категории). Подойдет для крупных производителей или
поставщиков с
большой продуктовой базой.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/business-cases/certifcates" class="bs_btn_green"
target="_blank">Подробнее</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Производителям товаров/оборудования;</li>
<li>- Торговым домам;</li>
<li>- Международным компаниями;</li>
<li>- Отделу сертификации и стандартизации.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Электронный учет рекламации</a></h4>
<p>Сервис позволяет принимать через электронную форму данные о браке продукции, на
основании
которых формируется заявление на возврат. Система ведет реестр по поданным
заявлениям,
отслеживает статус и отображает статистику по бракованной продукции.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Производителям товаров/оборудования;</li>
<li>- Торговым домам;</li>
<li>- Для планирования производственных мощностей.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_3.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Реестр поставщиков и подрядчиков</a></h4>
<p>Закрытая система, доступная внутри организации, которая позволяет вести учет всех
поставщиков и подрядчиков. Для каждого контрагента, помимо хранения контактных
данных и
сведений о реализованных проектах, можно задать основные компетенции подрядчика и
утсановить рейтинг (оценку). Возможно гибкое разграничение доступа к данным как по
отделам, так и для конкретных сотрудников.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Event-агентствам;</li>
<li>- Веб-студиям;</li>
<li>- Логистическим компаниям;</li>
<li>- Строительным организациям;</li>
<li>- Ген.подрядчикам;</li>
<li>- Заводам и сборщикам сложнотехнической продукции;</li>
<li>- Отделу материально-технического обеспечения (ОМТО).</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_4.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Решение по анализу конкурентов</a></h4>
<p>Сервис мониторинга конкурентов: сбор, анализ информации и построение на её основе
отчетов. Помимо текстовых данных на сайте конкурента можно проверять наличие
размещенных
баннеров, отслеживать динамику цен, появление или изменение контента. <br>При
необходимости можно настраивать автоматические уведомления на почту или sms об
изменении
данных на сайтах конкурентов.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Бизнесу для мониторинга цен и активности конкурентов;
<li>- Компаниям и службам, которым требуется контролировать дилеров и дистрибьюторов;</li>
<li>- Авторам для защиты интеллектуальной собственности;</li>
<li>- Отделу материально-технического обеспечения (ОМТО);</li>
<li>- Производителям и авторам решений для контроля демпинга цены.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_5.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Решение для off-лайн сотрудников</a></h4>
<p>Разработка мобильного приложения для курьеров, представителей банка, службы доставки
и
других сотрудников, которые не имеют постоянного соединения с интернетом. Данные,
введенные в приложение, записываются в память устройства, а при подключении к
интернету
загружаются в глобальную базу. Возможен учет действия сотрудников, их активности с
привязкой к геолокации.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Банкам;</li>
<li>- Курьерским службам;</li>
<li>- Компаниям, работающим в местах без доступа в интернет;</li>
<li>- В it-решениях для экономии gsm трафика;</li>
<li>- Для проведения опроса и сбора данных дистанционно.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_6.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Helpdesk (служба поддержки)</a></h4>
<p>Служба поддержки для сбора и обработки обращений ваших клиентов. Поступающие заявки
регистрируются и распределяются на отделы. Система имеет функционал контроля срока
ответа на обращение. Встроенная статистика позволяет анализировать активность
сотрудников и формировать справочник типовых ответов (wiki).</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Службе поддержки;</li>
<li>- Веб-студиям;</li>
<li>- Дата-центрам;</li>
<li>- Авторам it-продукта для обработки обращений.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_7.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка электронных реестров</a></h4>
<p>Создание учетных реестров с удобным фильтром и быстрым поиском информации. Возможно
разграничение доступа к данным (просмотр, редактирование, добавление). Встроенный
механизм логирования данных (можно отслеживать, какой пользователь и когда вносил
изменения). Надежная система защиты данных.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Организациям, которые до сих пор пользуют Excel таблицы и стоит вопрос перейти в более стабильный учёт;</li>
<li>- Отделу материально-технического обеспечения (ОМТО);</li>
<li>- Учетному отделу;</li>
<li>- Для учета движимого и недвижимого имущества;</li>
<li>- Для регистрации данных, поступающих в организацию.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_6_8.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="box7">
<div class="container container_offset">
<h3 data-lnumber="7">Сбор и анализ данных</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Парсинг данных (сбор данных с внешних источников)</a></h4>
<p>Сбор, анализ и обработка данных со сторонних источников (с чужих сайтов, электронных
каталогов). Возможность импорта данных в формате Excel, XML, JSON и других массивов.
Выполнение задач по выявлению дублей, а также выполнение задач по синонимированию
данных
(когда данные имеют отличный вид, но должны быть отнесены к определенному виду).</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/portfolio/service-sbora-analyza-obyavlenii-prodagi-mashin"
class="bs_btn_transparent bs_btn_icon_eye" target="_blank">Смотреть кейс</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Интернет-магазинам для наполнения сайта первичной информацией;</li>
<li>- Агрегаторам информации;</li>
<li>- Для выполнения задач по анализу конкурентов;</li>
<li>- Для сбора клиентской базы через открытые площадки;</li>
<li>- Сборщикам данных из внешних источников.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_7_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Автоматизация кредитных и лизинговых компаний</a></h4>
<p>Реализация сайта, калькулятора, личного кабинета и скоринга пользователя. Учет и
управление заемщиками. Возможна интеграция с кредитными реестрами НБКИ и ОКБ.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/avtomatizaciya-kreditnyh-i-lizingovyh-kompanij-razrabotka"
class="bs_btn_green" target="_blank">Подробнее</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Банкам;</li>
<li>- Микрофинансовым организациям;</li>
<li>- Лизинговым компаниям;</li>
<li>- Агрегаторам информации;</li>
<li>- Финансовым организациям.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_7_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="box8">
<div class="container container_offset">
<h3 data-lnumber="8">Блокчейн и криптовалюты</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка проектов на блокчейн (blockchain)</a></h4>
<p>Разработка систем с рапределенной базой данных на базе блокчейн. Финансовые сервисы,
электронный документооборот, страхование, верификация данных и прочих сервисов, где
требуется хранение данных в разных нодах (распределенной базе данных).</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/tehnologija-blokchejn-razrabotchik"
class="bs_btn_green"
target="_blank">Подробнее</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Финансовым организациями;</li>
<li>- Страховым команиям;</li>
<li>- Государственным учреждениям;</li>
<li>- Криптобиржам;</li>
<li>- Владельцам электронных реестров;</li>
<li>- Для автоматизаци документооборота;</li>
<li>- Для прозрачности оказываемых услуг;</li>
<li>- Стартапам.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_8_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Решение по управлению криптовалютами</a></h4>
<p>Разработка площадок для хранения, пополнения и обмена криптовалют. Возможность
начисления
комиссии при совершении операции. Bitcoin, ethereum, ripple, litecoin, dash и
т.д.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="https://task-on.com/portfolio/razrabotka-birzhy-obmennika-kriptovalut-finteh-platezhnye-sistemy"
class="bs_btn_transparent bs_btn_icon_eye" target="_blank">Смотреть кейс</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Стартапам;</li>
<li>- Крипто обменникам;</li>
<li>- Платежным системам, требующим внедрить оплату с использованием криптовалюты;</li>
<li>- Сервисам, которые осуществляют переводы и временное хранение криптовалюты.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_8_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="box9">
<div class="container container_offset">
<h3 data-lnumber="9">Платформенные решения</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Разработка SDK платформы</a></h4>
<p>Создание унифицированной платформы, которая позволит сторонним разработчикам
создавать
новые модули на базе вашего IT-решения. Процесс включает в себя разработку платформы
с
API и детализированной документации (справки) с примерами для внедрения. Аналоги SDK
платформы: Google Play, Apple Store, размещение приложений в ВКонтакте или Facebook
и
т.д.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Стартапам;</li>
<li>- Производителям программ программного обеспечения;</li>
<li>- Производителям инновационных устройств;</li>
<li>- Владельцам онлайн сервисов;</li>
<li>- Программным интеграторам;</li>
<li>- Веб-студиям, которые ищут подрядчика на данную работу.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_9_1.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Платформа для разработки нестандартных сайтов и приложений TaskOn</a>
</h4>
<p>Защищенная IT платформа для разработки нестандартных высоконагруженных сайтов,
приложений
и сервисов. Наличие готовых модулей и встроенная защита от взлома (проактивная
защита).
Быстрая установка, документированный код. Наличие большого количества готовых
модулей и
типовых решений.</p>
<div class="bs_btn_wr">
<a href="https://task-on.com/taskon" class="bs_btn_green"
target="_blank">Подробнее</a>
<a href="https://task-on.com/faq" class="bs_btn_transparent bs_btn_icon_doc"
target="_blank">Документация</a>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Стартапам;</li>
<li>- Программистам и разработчикам;</li>
<li>- Программным интеграторам;</li>
<li>- Владельцам сложных веб-сайтов, интернет-магазинов и порталов;</li>
<li>- Веб-студиям.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_9_2.png" alt="" class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="box10" style="background-color: #f8f2e2;">
<div class="container container_offset">
<h3 data-lnumber="10">Реклама и продвижение</h3>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Контекстная реклама (CPC и CPA сети)</a></h4>
<p>Настройка и ведение контекстной рекламы Я.Директ, Google AdWords, MyTarget,
Facebook/Instagram, ВКонтакте и др. Генерация YML-файлов и фида данных для
динамических
баннеров. Автоматическое управление ставками на поиске (биддер).</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Бизнесу для рекламы товаров или услуг;</li>
<li>- Владельцам интернет-магазинов;</li>
<li>- PR агентствам;</li>
<li>- Event агентствам;</li>
<li>- Для создания бренда.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_10_1.png" alt=""
class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">SEO продвижение</a></h4>
<p>Продвижение сайта в поисковых системах. Вывод сайта в ТОП 10 по ключевым словам или
по
целевому трафику. Устранение наложенных санкций на сайт со стороны поисковых систем
(снятие фильтров).</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Бизнесу для привлечения клиентов;</li>
<li>- Владельцам интернет-магазинов;</li>
<li>- PR агентствам;</li>
<li>- Event агентствам;</li>
<li>- Улучшение репутации в интернете.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_10_2.png" alt=""
class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
<div class="bs_item">
<div class="row">
<div class="col-xs-8 col-lg-8 col-md-8">
<h4><a href="">Веб-аналитика</a></h4>
<p>Настройка сквозной аналитики на сайте (учет действий пользователя с момента первого
посещения до оформления заказа). Построение персональных отчетов с помощью Google
Analytics, Яндекс.Метрика, Google Data Studio, Google Tag Manager. Настройка
колл-трекинга. Анализ и исключение неэффективных каналов продвижения. Анализ
вовлеченности пользователей.</p>
<div class="bs_btn_wr">
<button class="bs_btn_yellow" type="submit">Оставить заявку</button>
<a href="javascript:;" class="txt_info tooltips"
title="
<ul class='tooltip_list'>
<li>- Бизнесу для рекламы товаров или услуг;</li>
<li>- PR агентствам;</li>
<li>- Информационным порталам;</li>
<li>- Для оценки эффективности проводимых рекламных кампаний.</li>
</ul>
">
<span>Для кого подойдет?</span></a>
</div>
</div>
<div class="col-xs-4 col-lg-4 col-md-4">
<div class="bs_item_img">
<img src="images/business_solutions/img_10_3.png" alt=""
class="animated transparent"
data-animation="bounceInRight" data-animation-delay="150">
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
\ No newline at end of file
frontend/web/css/business_solutions.css 0 → 100644
View file @ 7dee1b4c
.bs_content {
font-family: "RobotoRegular" !important;
color: #0a0a0a !important;
font-size: 17px;
line-height: 28px;
}
.bs_content p:not(:last-child) {
margin-bottom: 10px;
}
.bs_sec {
width: 100%;
background: #fff;
}
.bs_content h1,
.bs_content h2,
.bs_content h3,
.bs_content h4,
.bs_content h5,
.bs_content h6 {
font-family: "RobotoRegular" !important;
color: #444444 !important;
font-weight: bold;
}
.bs_content h1 {
font-size: 31px;
line-height: 47px;
margin-bottom: 40px;
}
.bs_content h2 {
font-size: 24px;
line-height: 34px;
margin-bottom: 15px;
}
.bs_content h3 {
font-size: 30px;
line-height: 47px;
margin-bottom: 45px;
color: #243340;
font-weight: normal;
}
.bs_content *[data-lnumber] {
position: relative;
padding-left: 52px;
}
.bs_content *[data-lnumber]:after {
content: attr(data-lnumber);
position: absolute;
top: 8px;
left: 0;
width: 33px;
height: 31px;
text-align: center;
line-height: 31px;
background: url(../images/business_solutions/data-number_bg.png) 0 0 no-repeat;
font-size: 18px;
color: #ffffff;
font-weight: bold;
}
.bs_content h4 {
font-size: 24px;
line-height: 34px;
margin-bottom: 15px;
}
.bs_content h4 a {
color: #444444;
border-bottom: 1px solid #dadada;
}
.bs_content h4 a:hover {
color: #009ad4;
border-bottom: 1px solid transparent;
}
.container_offset {
padding-top: 55px;
padding-bottom: 55px;
}
.list_anchor {
list-style-type: disc;
padding-left: 20px;
}
.list_anchor li {
color: #009ad4;
}
.list_anchor a {
display: block;
color: #009ad4;
text-decoration: none;
font-size: 17px;
line-height: 28px;
margin-bottom: 10px;
}
.list_anchor li:hover,
.list_anchor li:hover a{
color: #323232;
}
.bs_top_box {
position: relative;
}
.bs_top_img {
position: absolute;
top: 60px;
left: 15px;
right: -15px;
z-index: 0;
}
.bs_top_img ~ * {
position: relative;
z-index: 2;
}
.bs_top_img img {
max-width: 100%;
height: auto;
}
.bs_top_box_left {
width: 50%;
}
.title_bs_pos {
position: absolute;
right: 15px;
top: 150px;
}
.title_bs {
font-size: 30px;
line-height: 47px;
}
.title_bs span {
color: #fff;
display: inline-block;
padding: 0px 15px 3px 15px;
margin-bottom: 6px;
background: #2d323a;
}
.bs_logo_art {
margin-bottom: 40px;
}
.bs_item:not(:last-child) {
margin-bottom: 50px;
}
.bs_btn_yellow {
display: inline-block;
border-radius: 3px;
box-shadow: 0px 3px 13px 0px rgb( 233, 196, 25 );
border:none;
background-color: #fdd104;
background-color: rgb( 253, 209, 4 );
text-align: center;
font-size: 16px;
line-height: 24px;
color: #444;
padding: 10px 15px;
min-width: 170px;
}
.bs_btn_yellow:hover{
background-color: #fdda35;
box-shadow: 0px 1px 3px 0px rgb( 233, 196, 25 );
}
.bs_btn_transparent {
display: inline-block;
border-radius: 3px;
border: 1px solid rgb( 55, 72, 78, 0.3 );
background-color: transparent;
text-align: center;
font-size: 16px;
line-height: 24px;
color: #243340;
padding: 9px 15px;
min-width: 170px;
}
.bs_btn_transparent:hover{
background-color: rgb( 55, 72, 78, 0.1 );
}
.bs_btn_icon_eye {
padding-left: 45px;
background: url(../images/business_solutions/icon_eye.svg) 15px center no-repeat;
}
.bs_btn_icon_doc {
padding-left: 45px;
background: url(../images/business_solutions/icon_doc.svg) 15px center no-repeat;
}
.bs_btn_green {
display: inline-block;
border-radius: 3px;
background-color: rgb( 103, 172, 29 );
box-shadow: 0px 3px 13px 0px rgb( 95, 162, 24 );
border:none;
text-align: center;
font-size: 16px;
line-height: 24px;
color: #ffffff;
padding: 10px 15px;
min-width: 170px;
}
.bs_btn_green:hover{
color: #ffffff;
background-color: #73b42e;
box-shadow: 0px 1px 3px 0px rgb( 95, 162, 24 );
}
.txt_info {
position: relative;
cursor: pointer;
display: inline-block;
color: #009ad4;
text-decoration: none;
font-size: 17px;
line-height: 24px;
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
.txt_info span {
border-bottom: 1px dotted #b1cbd5;
}
.txt_info::before {
content: "";
position: absolute;
width: 18px;
height: 18px;
top: 15px;
left: 3px;
background: url(../images/business_solutions/icon_info.svg) 0 0 no-repeat;
}
.txt_info:hover {
color: #323232;
}
.txt_info:hover span {
border-bottom: 1px dotted transparent;
}
.txt_info:hover::before {
background: url(../images/business_solutions/icon_info_hover.svg) 0 0 no-repeat;
}
.tooltip_list,
.tooltip_cont {
font-size: 14px;
line-height: 24px;
padding: 12px 14px;
}
.bs_btn_wr {
padding-top: 15px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
.bs_btn_wr>* {
margin-bottom: 10px;
}
.bs_item_img {
text-align: right;
margin-right: -15px;
}
.bs_item_img img {
display: inline-block;
}
section[id*="box"]:nth-child(2n) {
background-color: #e2f8e6;
}
section[id*="box"]:nth-child(3n) {
background-color: #f8f2e2;
}
section[id*="box"]:nth-child(4n) {
background-color: #e2f4f8;
}
section[id*="box"]:nth-child(5n) {
background-color: #e4ecfa;
}
section[id*="box"]:nth-child(6n) {
background-color: #ffffff;
}
section[id*="box"]:nth-child(7n) {
background-color: #e2f8e6;
}
section[id*="box"]:nth-child(8n) {
background-color: #f8f2e2;
}
section[id*="box"]:nth-child(9n) {
background-color: #e2f4f8;
}
section[id*="box"]:nth-child(10n) {
background-color: #e4ecfa;
}
section[id*="box"]:nth-child(11n) {
background-color: #ffffff;
}
section[id*="box"]:nth-child(12n) {
background-color: #e2f8e6;
}
section[id*="box"]:nth-child(13n) {
background-color: #f8f2e2;
}
section[id*="box"]:nth-child(14n) {
background-color: #e2f4f8;
}
section[id*="box"]:nth-child(15n) {
background-color: #e4ecfa;
}
section[id*="box"]:nth-child(16n) {
background-color: #ffffff;
}
.yandex_box {
font-size: 17px;
line-height: 28px;
font-weight: bold;
color: #444444;
background-color: #f3f5f7;
padding: 20px 30px 15px 30px;
border-radius: 3px
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
margin-right: 50px;
}
.transparent{ opacity:0; }
.black_and_white {
-webkit-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; /* IE 6-9 */
}
.colored {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none; /* IE 6-9 */
}
@media only screen and (max-width: 992px) {
.yandex_box {
margin-right: 0;
padding: 20px 20px 15px 20px;
}
}
@media only screen and (max-width: 767px) {
.container_offset {
padding-top: 35px;
padding-bottom: 35px;
}
.bs_top_img {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bs_top_img {
display: none;
}
.title_bs_pos {
position: static;
}
.bs_top_box_left {
width: 100%;
}
.bs_content h3 {
line-height: 38px;
}
.bs_content *[data-lnumber]:after {
top: 5px;
}
.bs_item:not(:last-child) {
margin-bottom: 20px;
}
.bs_item_img {
display: none;
}
.yandex_box {
margin-right: 0;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 15px 15px 15px;
}
.yandex_box p {
margin-bottom: 10px;
}
.yandex_box br {
display: none;
}
}
frontend/web/images/business_solutions/icon_doc.svg 0 → 100644
View file @ 7dee1b4c
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In -->
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="14px" height="17px" viewBox="0 0 14 17" style="enable-background:new 0 0 14 17;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#243340;}
</style>
<defs>
</defs>
<g id="Shape_669_2_">
<g>
<path class="st0" d="M12.5,3.4V0H0v15.6h0.9V0.9h9L12.5,3.4z M9.7,1.4H1.5V17H14V5.5L9.7,1.4z M4.1,4.8H7c0.2,0,0.3,0.1,0.3,0.3
c0,0.2-0.1,0.3-0.3,0.3H4.1c-0.2,0-0.3-0.1-0.3-0.3C3.8,4.9,3.9,4.8,4.1,4.8z M11.4,14.5H4.1c-0.2,0-0.3-0.1-0.3-0.3
c0-0.2,0.1-0.3,0.3-0.3h7.3c0.2,0,0.3,0.1,0.3,0.3C11.7,14.3,11.5,14.5,11.4,14.5z M11.4,12.2H4.1c-0.2,0-0.3-0.1-0.3-0.3
c0-0.2,0.1-0.3,0.3-0.3h7.3c0.2,0,0.3,0.1,0.3,0.3C11.7,12.1,11.5,12.2,11.4,12.2z M11.4,9.9H4.1c-0.2,0-0.3-0.1-0.3-0.3
s0.1-0.3,0.3-0.3h7.3c0.2,0,0.3,0.1,0.3,0.3S11.5,9.9,11.4,9.9z M11.4,7.7H4.1c-0.2,0-0.3-0.1-0.3-0.3c0-0.2,0.1-0.3,0.3-0.3h7.3
c0.2,0,0.3,0.1,0.3,0.3C11.7,7.5,11.5,7.7,11.4,7.7z M9.3,5.9V2l4.1,4H9.3z"/>
</g>
</g>
</svg>
frontend/web/images/business_solutions/icon_eye.svg 0 → 100644
View file @ 7dee1b4c
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In -->
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="17px" height="9px" viewBox="0 0 17 9" style="enable-background:new 0 0 17 9;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#243340;}
</style>
<defs>
</defs>
<g id="Shape_2_1_">
<g>
<path class="st0" d="M8.5,2.4C7.9,2.4,7.4,2.6,7,3l1.1,1.2L6.4,3.9C6.4,4.1,6.4,4.3,6.4,4.5c0,1.2,1,2.1,2.1,2.1
c1.2,0,2.1-0.9,2.1-2.1C10.6,3.3,9.7,2.4,8.5,2.4z M16.7,4.1c0,0-0.9-1.1-2.3-2.1C12.6,0.7,10.5,0,8.5,0c-2,0-4.1,0.7-5.9,2.1
c-1.4,1-2.2,2-2.3,2.1L0,4.5l0.3,0.4c0,0,0.9,1.1,2.3,2.1C4.4,8.3,6.5,9,8.5,9s4.1-0.7,5.9-2.1c1.4-1,2.2-2,2.3-2.1L17,4.5
L16.7,4.1z M8.5,7.7c-1.8,0-3.2-1.4-3.2-3.2c0-0.3,0-0.5,0.1-0.8L4.6,3.6C4.6,3.9,4.5,4.2,4.5,4.5c0,1.1,0.5,2.1,1.3,2.8
C4.8,7,3.9,6.5,3.3,6C2.5,5.4,1.9,4.9,1.6,4.5C1.9,4.1,2.5,3.6,3.3,3c0.6-0.5,1.5-1,2.5-1.3l0.5,0.5c0.6-0.5,1.4-0.9,2.2-0.9
c1.8,0,3.2,1.4,3.2,3.2S10.3,7.7,8.5,7.7z M13.7,6c-0.6,0.5-1.5,1-2.5,1.3c0.8-0.7,1.3-1.7,1.3-2.8c0-1.1-0.5-2.1-1.3-2.8
c1,0.4,1.9,0.9,2.5,1.3c0.8,0.6,1.4,1.1,1.7,1.5C15.1,4.9,14.5,5.4,13.7,6z"/>
</g>
</g>
</svg>
frontend/web/images/business_solutions/icon_info.svg 0 → 100644
View file @ 7dee1b4c
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In -->
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="17px" height="17px" viewBox="0 0 17 17" style="enable-background:new 0 0 17 17;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#26A2D7;}
</style>
<defs>
</defs>
<g id="Shape_1_1_">
<g>
<path class="st0" d="M7.7,13.3h1.3v-1.3H7.7V13.3z M8.5,3.7c-0.8,0-1.4,0.2-1.9,0.6c-0.5,0.4-0.7,1.3-0.7,2l0,0h1.2
c0-0.4,0.1-1,0.4-1.2c0.3-0.2,0.6-0.3,1-0.3c0.5,0,0.8,0.1,1,0.4c0.2,0.2,0.4,0.6,0.4,1.1c0,0.4-0.1,0.7-0.3,1
C9.4,7.5,9.1,7.9,8.7,8.4C8.3,8.8,8,9.1,7.9,9.3C7.8,9.6,7.7,10,7.7,10.6H9c0-0.4,0-0.7,0.1-0.9c0-0.2,0.2-0.4,0.4-0.6
c0.5-0.5,0.9-1,1.2-1.4c0.3-0.5,0.5-1,0.5-1.5c0-0.8-0.2-1.4-0.7-1.8C10,3.9,9.3,3.7,8.5,3.7z M8.5,0C3.8,0,0,3.8,0,8.5
C0,13.2,3.8,17,8.5,17c4.7,0,8.5-3.8,8.5-8.5C17,3.8,13.2,0,8.5,0z M8.5,16c-4.1,0-7.4-3.4-7.4-7.5c0-4.1,3.3-7.4,7.4-7.4
c4.1,0,7.4,3.3,7.4,7.4C15.9,12.6,12.6,16,8.5,16z"/>
</g>
</g>
</svg>
frontend/web/images/business_solutions/icon_info_hover.svg 0 → 100644
View file @ 7dee1b4c
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In -->
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/"
x="0px" y="0px" width="17px" height="17px" viewBox="0 0 17 17" style="enable-background:new 0 0 17 17;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#323232;}
</style>
<defs>
</defs>
<g id="Shape_1_1_">
<g>
<path class="st0" d="M7.7,13.3h1.3v-1.3H7.7V13.3z M8.5,3.7c-0.8,0-1.4,0.2-1.9,0.6c-0.5,0.4-0.7,1.3-0.7,2l0,0h1.2
c0-0.4,0.1-1,0.4-1.2c0.3-0.2,0.6-0.3,1-0.3c0.5,0,0.8,0.1,1,0.4c0.2,0.2,0.4,0.6,0.4,1.1c0,0.4-0.1,0.7-0.3,1
C9.4,7.5,9.1,7.9,8.7,8.4C8.3,8.8,8,9.1,7.9,9.3C7.8,9.6,7.7,10,7.7,10.6H9c0-0.4,0-0.7,0.1-0.9c0-0.2,0.2-0.4,0.4-0.6
c0.5-0.5,0.9-1,1.2-1.4c0.3-0.5,0.5-1,0.5-1.5c0-0.8-0.2-1.4-0.7-1.8C10,3.9,9.3,3.7,8.5,3.7z M8.5,0C3.8,0,0,3.8,0,8.5
C0,13.2,3.8,17,8.5,17c4.7,0,8.5-3.8,8.5-8.5C17,3.8,13.2,0,8.5,0z M8.5,16c-4.1,0-7.4-3.4-7.4-7.5c0-4.1,3.3-7.4,7.4-7.4
c4.1,0,7.4,3.3,7.4,7.4C15.9,12.6,12.6,16,8.5,16z"/>
</g>
</g>
</svg>
frontend/web/js/anchor.js 0 → 100644
View file @ 7dee1b4c
$(document).ready(function(){
$(".list_anchor").on("click","a", function (event) {
//отменяем стандартную обработку нажатия по ссылке
event.preventDefault();
//забираем идентификатор бока с атрибута href
var id = $(this).attr('href'),
//узнаем высоту от начала страницы до блока на который ссылается якорь
top = $(id).offset().top;
//анимируем переход на расстояние - top за 1500 мс
$('body,html').animate({scrollTop: top}, 800);
});
});
\ No newline at end of file
frontend/web/js/animatedContent.js 0 → 100644
View file @ 7dee1b4c
if($(window).width() > 767) {
$(document).ready(function() {
$('.tooltips').tooltipster({
contentAsHTML: true,
maxWidth: 490,
// trigger: 'click'
// interactive: true
});
});
}
else {
$(document).ready(function() {
$('.tooltips').tooltipster({
contentAsHTML: true,
maxWidth: 490,
trigger: 'click'
// interactive: true
});
});
}
$(document).ready(function(){
$("[data-animation]").each(function() {
var $this = $(this);
if($(window).width() > 767) {
$this.appear(function() {
var delay = ($this.attr("data-animation-delay") ? $this.attr("data-animation-delay") : 1);
if(delay > 1) $this.css("animation-delay", delay + "ms");
$this.removeClass('transparent').addClass("visible " + $this.attr("data-animation"));
}, {accX: 0, accY: -100});
}
else {
$this.removeClass("transparent").addClass("visible");
}
});
});
\ No newline at end of file
frontend/web/js/jquery.appear.js
View file @ 7dee1b4c
/* appear.min.js 0.0.14 */ /*
appear=function(){"use strict";function e(){var e=window.scrollY||window.pageYOffset;null!=n&&(o.velocity=e-n,o.delta=o.velocity>=0?o.velocity:-1*o.velocity),n=e,i&&clearTimeout(i),i=setTimeout(function(){n=null},30)}function t(e,t){var n=e.getBoundingClientRect();return n.top+n.height>=0&&n.left+n.width>=0&&n.bottom-n.height<=(window.innerHeight||document.documentElement.clientHeight)+t&&n.right-n.width<=(window.innerWidth||document.documentElement.clientWidth)+t}var n=null,i=0,o={};return addEventListener("scroll",e),function(e){return function(){function e(e,t){return function(){var n=this,i=arguments;clearTimeout(c),c=setTimeout(function(){e.apply(n,i)},t)}}function n(){o.delta<w.delta.speed&&(l||(l=!0,u(),setTimeout(function(){l=!1},w.delta.timeout))),e(function(){u()},w.debounce)()}function i(){u(),addEventListener("scroll",n),addEventListener("resize",n)}function r(){m=[],c&&clearTimeout(c),a()}function a(){removeEventListener("scroll",n),removeEventListener("resize",n)}function u(){s||(m.forEach(function(e,n){e&&t(e,w.bounds)?v[n]&&(v[n]=!1,h++,w.appear&&w.appear(e),w.disappear||w.reappear||(m[n]=null)):(v[n]===!1&&(w.disappear&&w.disappear(e),g++,w.reappear||(m[n]=null)),v[n]=!0)}),w.reappear||w.appear&&(!w.appear||h!==p)||w.disappear&&(!w.disappear||g!==p)||(s=!0,a(),w.done&&w.done()))}function d(){if(!f){f=!0,w.init&&w.init();var e;if(e="function"==typeof w.elements?w.elements():w.elements){p=e.length;for(var t=0;p>t;t+=1)m.push(e[t]),v.push(!0);i()}}}var p,c,l,s,f=!1,m=[],v=[],h=0,g=0,w={};return function(e){return e=e||{},w={init:e.init,elements:e.elements,appear:e.appear,disappear:e.disappear,done:e.done,reappear:e.reappear,bounds:e.bounds||0,debounce:e.debounce||50,delta:{speed:e.deltaSpeed||50,timeout:e.deltaTimeout||500}},addEventListener("DOMContentLoaded",d),"complete"===document.readyState&&d(),{trigger:function(){u()},pause:function(){a()},resume:function(){i()},destroy:function(){r()}}}}()(e)}}(); * jQuery.appear
* https://github.com/bas2k/jquery.appear/
* http://code.google.com/p/jquery-appear/
$(function() { * http://bas2k.ru/
*
appear({ * Copyright (c) 2009 Michael Hixson
init: function init(){ * Copyright (c) 2012-2014 Alexander Brovikov
// console.log('dom is ready'); * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
}, */
elements: function elements(){ (function($) {
return $('#calc') $.fn.appear = function(fn, options) {
},
appear: function appear(el){ var settings = $.extend({
$('#calc').addClass('calc-animate');
}, //arbitrary data to pass to fn
disappear: function disappear(el){ data: undefined,
$('#calc').removeClass('calc-animate');
}, //call fn only on the first appear?
bounds: -550, one: true,
reappear: true
}); // X & Y accuracy
accX: 0,
}); accY: 0
\ No newline at end of file
}, options);
return this.each(function() {
var t = $(this);
//whether the element is currently visible
t.appeared = false;
if (!fn) {
//trigger the custom event
t.trigger('appear', settings.data);
return;
}
var w = $(window);
//fires the appear event when appropriate
var check = function() {
//is the element hidden?
if (!t.is(':visible')) {
//it became hidden
t.appeared = false;
return;
}
//is the element inside the visible window?
var a = w.scrollLeft();
var b = w.scrollTop();
var o = t.offset();
var x = o.left;
var y = o.top;
var ax = settings.accX;
var ay = settings.accY;
var th = t.height();
var wh = w.height();
var tw = t.width();
var ww = w.width();
if (y + th + ay >= b &&
y <= b + wh + ay &&
x + tw + ax >= a &&
x <= a + ww + ax) {
//trigger the custom event
if (!t.appeared) t.trigger('appear', settings.data);
} else {
//it scrolled out of view
t.appeared = false;
}
};
//create a modified fn with some additional logic
var modifiedFn = function() {
//mark the element as visible
t.appeared = true;
//is this supposed to happen only once?
if (settings.one) {
//remove the check
w.unbind('scroll', check);
var i = $.inArray(check, $.fn.appear.checks);
if (i >= 0) $.fn.appear.checks.splice(i, 1);
}
//trigger the original fn
fn.apply(this, arguments);
};
//bind the modified fn to the element
if (settings.one) t.one('appear', settings.data, modifiedFn);
else t.bind('appear', settings.data, modifiedFn);
//check whenever the window scrolls
w.scroll(check);
//check whenever the dom changes
$.fn.appear.checks.push(check);
//check now
(check)();
});
};
//keep a queue of appearance checks
$.extend($.fn.appear, {
checks: [],
timeout: null,
//process the queue
checkAll: function() {
var length = $.fn.appear.checks.length;
if (length > 0) while (length--) ($.fn.appear.checks[length])();
},
//check the queue asynchronously
run: function() {
if ($.fn.appear.timeout) clearTimeout($.fn.appear.timeout);
$.fn.appear.timeout = setTimeout($.fn.appear.checkAll, 20);
}
});
//run checks when these methods are called
$.each(['append', 'prepend', 'after', 'before', 'attr',
'removeAttr', 'addClass', 'removeClass', 'toggleClass',
'remove', 'css', 'show', 'hide'], function(i, n) {
var old = $.fn[n];
if (old) {
$.fn[n] = function() {
var r = old.apply(this, arguments);
$.fn.appear.run();
return r;
}
}
});
})(jQuery);
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

task-on.com - ООО "Арт Проект"