3011

common/modules/documentation/assets/DocumentationAsset.php

@@ -14,20 +14,18 @@ class DocumentationAsset extends AssetBundle
 //    public $basePath = '@webroot';
 //    public $baseUrl = '@web';
     public $css = [
-        
         'css/generator.css',
         'css/style.css',
         'css/responsive.css',
-        
         'css/documentation.css',
         "css/editormd.css",
         "css/vendor.min.css",
         "css/styles.css",
     ];
     public $js = [
-        	'js/vendor.min.js',
-		'js/scripts.min.js',
-		'js/accordion.js',
+        'js/vendor.min.js',
+        'js/scripts.min.js',
+        'js/accordion.js',
         'js/documentation.js',
     ];
     public $depends = [

common/modules/documentation/assets/src/css/styles.css

@@ -8072,4 +8072,53 @@ video {
 .modal-header .close {
   padding-right: 70px;
   font-size: 30px;
+}
+
+/* add */
+
+.promo_title {
+  color: #fff;
+  font-family: "RobotoBold",Tahoma,Arial,sans-serif;
+  font-size: 28px;
+  line-height: 40px;
+}
+
+.promo_title span {
+    color: #fff;
+    display: inline-block;
+    padding: 0px 15px 3px 15px;
+    margin-bottom: 2px;
+    background: #2d323a;
+}
+.promo_logo {
+  margin-left: -15px;
+  margin-right: -15px;
+}
+.promo_logo img {
+  width: 100%;
+  height: auto;
+}
+.promo_txt {
+  margin-top: -20px;
+  color: #2d323a;
+}
+.promo_txt p {
+  font-size: 13px;
+}
+.btn-long {
+  width: 100%;
+}
+.btn-long.btn {
+  margin-left: 0;
+  margin-right: 0;
+}
+.btn-promo {
+    background-color: #077086;
+    color: #fff;
+    text-transform: none;
+}
+.btn-promo:hover {
+    background-color: #2d323a;
+    border-color: #2d323a;
+    color: #fff;
 }
\ No newline at end of file

common/modules/documentation/views/page/view.php

@@ -135,11 +135,19 @@ $this->registerMetaTag(['property' => 'og:site_name', 'content' => 'Арт Пр
                         </section>
 
                         <!-- Promo Banner-->
-                        <section class="promo-box" style="">
-                            <!-- 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 text-center padding-top-1x padding-bottom-1x">
-                                <h4 class="text-bold text-light text-shadow">Заказать разработку на платформе <br> Taskon 2.0</h4>
-                                <p class="text-light text-thin text-shadow">Отправьте заявку на расчет</p><a class="btn btn-sm btn-primary" href="shop-grid-ls.html">ЗАПРОСИТЬ РАСЧЕТ</a>
+                        <section class="promo-box" style="background-image: url(/images/promo-box/promo_box_bg.jpg);">
+                        <!-- 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>
+                                <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>
+                                    </div>
+                                    <a class="btn btn-promo btn-long" href="">Запросить расчет</a>
+                                </div>
                             </div>
                         </section>
                     </aside>