Commit bb0f879c authored by john's avatar john

Merge branch 't_3031'

3114 3115
parents 1db2a0da 1a3686c1
......@@ -2704,3 +2704,112 @@ textarea::-moz-placeholder{
padding: 15px 20px;
border: 1px solid #c2c2c2;
}
/* add 02.04.19 */
.promo-box {
background-position: 0 100%;
background-size: 150% auto;
border-radius: 0 0 5px 5px ;
}
.promo_title {
line-height: 34px;
}
.offcanvas-wrapper p {
font-size: 13px;
}
.btn_green_sm {
display: inline-block;
outline: none;
background-color: #67ac1d;
color: #fff !important;
font-size: 14px;
line-height: 20px;
text-align: center;
padding: 12px 20px;
border-radius: 3px;
margin-bottom: 10px;
border: none;
font-family: "RobotoRegular" !important;
}
.btn_green_sm:hover{
background-color: #7bd619;
color: #fff;
}
.btn_info_box {
height: 60px;
display: block;
position: relative;
background-color: #f3f5f7;
border-radius: 0 5px 5px 70px;
margin-left: 8px;
}
.btn_info_box span {
top: 50%;
right: 0;
left: auto;
position: absolute;
display: block;
font-family: "RobotoBold";
z-index: 4;
padding-left: 5px;
padding-right: 60px;
font-size: 13px;
line-height: 18px;
color: #243340;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.btn_info_box:after {
content: '';
display: block;
position: absolute;
z-index: 2;
right: 15px;
top: 50%;
width: 42px;
height: 33px;
background: url(../images/btn_info_box_icon_arrow.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.btn_info_box:before {
content: '';
display: block;
z-index: 3;
position: absolute;
top: 50%;
left: -8px;
/*height: 94px;
width: 115px;
background: url(../images/btn_info_box_icon.png) 0 0 no-repeat;*/
height: 75px;
width: 92px;
background: url(../images/btn_info_box_icon.png) 0 0 no-repeat;
background-size: 100% 100%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.btn_info_box:hover:after {
right: 8px;
}
@media only screen and (max-width: 970px) and (min-width: 768px) {
.btn_info_box span {
font-size: 16px;
line-height: 20px;
}
}
\ No newline at end of file
......@@ -59,7 +59,7 @@ $this->registerMetaTag(['property' => 'og:site_name', 'content' => 'Арт Пр
</div>
<div class="text-center">
<div class="promo_txt">
<p class="text-thin">Отправьте заявку на расчет</p>
<p class="text-thin">Отправить заявку на доступ</p>
</div>
<a class="btn btn-promo btn-long popup-form" href="#request_access">
<!--Запросить расчет-->
......@@ -68,6 +68,9 @@ $this->registerMetaTag(['property' => 'og:site_name', 'content' => 'Арт Пр
</div>
</div>
</section>
<!-- new 02.04.19 -->
<a href="http://demo.task-on.com/?utm_source=task-oncom&utm_medium=cpc&utm_campaign=docprogrammer&utm_term=demo" target="_blank" class="btn_info_box margin-top-1x"><span>Демо-доступ к платформе TaskOn 2</span></a>
<!-- new end 02.04.19 -->
</div>
</div>
</div>
......@@ -198,16 +201,16 @@ $this->registerMetaTag(['property' => 'og:site_name', 'content' => 'Арт Пр
</section>
<!-- Promo Banner-->
<section class="promo-box" style="background-image: url(/images/promo-box/promo_box_bg.jpg);">
<section class="promo-box" style="background-image: url(images/faq/blockquote_box_line.png);">
<!-- Choose between .overlay-dark (#000) or .overlay-light (#fff) with default opacity of 50%. You can overrride default color and opacity values via 'style' attribute.--><!-- <span class="overlay-dark" style="opacity: .35;"></span> -->
<div class="promo-box-content padding-top-1x padding-bottom-1x">
<h4 class="promo_title"><span>Заказать</span> <br> <span>разработку на</span> <br> <span>платформе</span></h4>
<h4 class="promo_title"><span>Скачать</span> <br> <span>платформу</span> <br> <span>TaskOn 2</span></h4>
<div class="promo_logo">
<img src="/images/promo-box/promo_logo.png" alt="">
</div>
<div class="text-center">
<div class="promo_txt">
<p class="text-thin">Отправьте заявку на расчет</p>
<p class="text-thin">Отправить заявку на доступ</p>
</div>
<a class="btn btn-promo btn-long popup-form" href="#request_access">
<!--Запросить расчет-->
......@@ -215,7 +218,11 @@ $this->registerMetaTag(['property' => 'og:site_name', 'content' => 'Арт Пр
</a>
</div>
</div>
</section>
<!-- new 02.04.19 -->
<a href="http://demo.task-on.com/?utm_source=task-oncom&utm_medium=cpc&utm_campaign=docprogrammer&utm_term=demo" target="_blank" class="btn_info_box margin-top-1x"><span>Демо-доступ к платформе TaskOn 2</span></a>
<!-- new end 02.04.19 -->
</aside>
</div>
</div>
......
......@@ -443,3 +443,152 @@ mark * {
margin-left: 0;
}
}
/* new 02.04.19 */
.documentation_box {
margin-top: 20px;
margin-bottom: 40px;
padding: 25px 75px 25px 30px;
background: url(../images/documentation_bg.png) 0 0 no-repeat;
background-size: 100% 100%;
font-size: 18px;
line-height: 28px;
position: relative;
}
.documentation_box h5,
.documentation_box h4 {
padding-right: 140px;
}
.documentation_box a:hover {
color: #009ad4;
text-decoration: underline;
}
.documentation_box:before {
content: "";
position: absolute;
right: 90px;
top: -70px;
background: url(../images/documentation_bg_icon.png) 0 0 no-repeat;
width: 128px;
height: 141px;
display: block;
}
.documentation_icon {
width: 23px;
height: 31px;
display: inline-block;
position: relative;
top: 5px;
margin-right: 25px;
background: url(../images/documentation_icon.png) 0 0 no-repeat;
}
@media only screen and (max-width: 1000px) {
.documentation_box h5,
.documentation_box h4 {
padding-right: 20px;
}
.documentation_box:before {
right: 10px;
top: -70px;
}
}
@media only screen and (max-width: 479px) {
.documentation_box {
padding: 25px 15px 25px 15px;
}
.documentation_box h5,
.documentation_box h4 {
padding-right: 0px;
}
.documentation_box:before {
display: none;
}
}
.btn_green_sm {
color: #fff !important;
}
.btn_info_box_lg {
height: 85px;
display: block;
position: relative;
background-color: #f3f5f7;
border-radius: 10px;
margin-left: 10px;
margin-bottom: 40px;
}
.btn_info_box_lg .btn_green_sm {
position: absolute;
right: 25px;
top: 50%;
min-width: 170px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.btn_info_box_lg span {
top: 50%;
left: 0px;
position: absolute;
display: block;
font-family: "RobotoRegular";
z-index: 4;
padding-left: 50px;
padding-right: 235px;
font-size: 30px;
line-height: 34px;
color: #243340;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.btn_info_box_lg:before {
content: '';
display: block;
z-index: 3;
position: absolute;
top: -30px;
left: -70px;
width: 220px;
height: 146px;
background: url(../images/btn_info_box_lg_icon.png) 0 0 no-repeat;
}
{
background-color: #f3f5f7;
}
@media only screen and (max-width: 970px) {
.btn_info_box_lg span {
font-size: 24px;
line-height: 30px;
}
}
@media only screen and (max-width: 768px) {
.btn_info_box_lg span {
font-size: 18px;
line-height: 24px;
}
.btn_info_box_lg .btn_green_sm {
min-width: 120px;
}
.btn_info_box_lg span {
padding-right: 175px;
padding-left: 30px;
}
}
@media only screen and (max-width: 479px) {
.btn_info_box_lg span {
font-size: 16px;
line-height: 20px;
}
.btn_info_box_lg span {
padding-right: 165px;
padding-left: 15px;
}
}
\ No newline at end of file
......@@ -73,5 +73,19 @@ GeneratorAsset::register($this);
</div>
</div>
<div class="container">
<div class="documentation_box">
<h5><span class="documentation_icon"></span>Документация для разработчика</h5>
<p>Если вы разработчик, то специально для вас мы оформили отдельный раздел с документацией.</p>
<p>Переходи в раздел "<a href="/<?= common\models\Settings::getValue('documentation-home-page') ?>">Документация для разработчика</a>" и начни использовать платформу TaskOn для разработки порталов и нестандартных решений.</p>
</div>
<div class="btn_info_box_lg mb60"><span>Демо-доступ к платформе TaskOn 2</span>
<a href="http://demo.task-on.com/?utm_source=task-oncom&utm_medium=cpc&utm_campaign=docuserall&utm_term=demo" target="_blank" class="btn_green_sm">Перейти</a></div>
</div>
</div>
<?php echo $this->render('@app/views/layouts/footer'); ?>
\ No newline at end of file
......@@ -55,7 +55,7 @@ GeneratorAsset::register($this);
</div>
<div class="col-md-4 col-xs-4 col-sm-12">
<div class="reference_right_box">
<div class="reference_right_box mb60">
<?php echo $this->render('_sidebar_other', ['model' => $model]); ?>
<?php echo $this->render('_sidebar_form', ['model' => $form]); ?>
......@@ -69,7 +69,7 @@ GeneratorAsset::register($this);
<!-- new cont end -->
<!-- new cont -->
<a href="" class="btn_info_box"><span>Демо-доступ к платформе TaskOn 2</span></a>
<a href="http://demo.task-on.com/?utm_source=task-oncom&utm_medium=cpc&utm_campaign=docuser&utm_term=demo" target="_blank" class="btn_info_box"><span>Демо-доступ к платформе TaskOn 2</span></a>
<!-- new cont end -->
</div>
</div>
......
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