кнопки1

Eugeny Galkovskiy
1 parent 77041489
Showing 3 changed files with 87 additions and 14 deletions Show diff stats
frontend/views/layouts/main.php
frontend/views/site/index.php
frontend/web/css/style.css
@@ -93,10 +93,10 @@ _________________________________________________________ --&gt;
                   <p class="hidden-sm hidden-xs">
                       <?php
                           if (!empty($settings->phone)) {
-                              echo \Yii::t('app', 'Contact us on ');
+                              echo \Yii::t('app', 'Зв\'яжіться з нами по тел. ');
                               echo Html::a($settings->phone, "tel: {$settings->phone}");
                               if (!empty($settings->email)) {
-                                  echo \Yii::t('app', ' or ');
+                                  echo \Yii::t('app', ' або ');
                                   echo Html::a($settings->email, "mailto:$settings->email");
                               }
                           }
@@ -188,8 +188,10 @@ $this-&gt;title = &#39;My Yii Application&#39;;
                         <iframe class="embed-responsive-item" src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2FKBEnergy.UA%2Fvideos%2F1171662169609800%2F&show_text=0" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"></iframe>
                     </div>
                 </div>
-                <a>Замовити консультацію</a>
-                <a>Розрахувати вартість проекту</a>
+                <div class="head_video_buttons">
+                    <a href="#" class="btn button1 icon_phone" data-toggle="modal" data-target="#feedback-modal" style="width: 200px;">Замовити <span>консультацію</span></a>
+                    <a href="#" class="btn button2 right" data-toggle="modal" data-target="#feedback-modal">Розрахувати <span>вартість проекту</span></a>
+                </div>
             </div>
         </div>
     </div>
@@ -240,7 +242,7 @@ $this-&gt;title = &#39;My Yii Application&#39;;
             </div>
             <div class="row">
                 <div class="col-md-12" style="text-align:center;">
-                    <a href="#" class="btn button1 icon_stat">Замовити <span>консультацію</span></a>
+                    <a href="#" class="btn button1 icon_phone" data-toggle="modal" data-target="#feedback-modal">Замовити <span>консультацію</span></a>
                 </div>
             </div>
         </div>
@@ -276,18 +278,21 @@ $this-&gt;title = &#39;My Yii Application&#39;;
                         <a href="#" class="open_gal" id="gal01">
                             <p class="pr_title">Освітлення Харківського шосе</p>
                             <div class="pr_cover"><img src="../img/pic02.jpg"></div>
-                            <div class="buttons text-right row">
-                                <a href="#">1</a>
-                                <a href="#">2</a>
-                            </div>
                         </a>
+                        <div class="buttons text-right row">
+                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal01"></a>
+                            <a href="#" class="btn sqre_btn yellow_calc" data-toggle="modal" data-target="#feedback-modal"></a>
+                        </div>
                     </div>
                     <div class="col-md-12 row project-right">
                         <a href="#" class="open_gal" id="gal02">
                             <p class="pr_title">Металоконструкція. Власне виробництво</p>
                             <div class="pr_cover"><img src="../img/pic01.jpg"></div>
                         </a>
-
+                        <div class="buttons text-right row">
+                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal02"></a>
+                            <a href="#" class="btn sqre_btn yellow_calc" data-toggle="modal" data-target="#feedback-modal"></a>
+                        </div>
                     </div>
                     <div class="col-md-12 row project-right">
@@ -295,7 +300,10 @@ $this-&gt;title = &#39;My Yii Application&#39;;
                             <p class="pr_title">Сонячна електростанція для Укртрансгаз</p>
                             <div class="pr_cover"><img src="../img/pic03.jpg"></div>
                         </a>
-
+                        <div class="buttons text-right row">
+                            <a href="#" class="open_gal sqre_btn blue_arrow" id="gal03"></a>
+                            <a href="#" class="btn sqre_btn yellow_calc" data-toggle="modal" data-target="#feedback-modal"></a>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -33,7 +33,7 @@
 .project-right{
     border-bottom: 1px solid #cccccc;
-    padding-bottom: 25px;
+    padding-bottom: 15px;
     max-width: 320px;
     padding-left: 0;
     margin-left: auto;
@@ -89,9 +89,12 @@
     background-repeat: no-repeat;
     padding-left: 25px;
     letter-spacing:0;
+    border: none;
+    outline: none;
 }
-.button1.icon_stat{background-image: url(../img/icon_stat.png);}
-.button1 span{
+.btn.icon_stat{background-image: url(../img/icon_stat.png);}
+.btn.icon_phone{background-image: url(../img/icon_phone.png);}
+.button1 span, .button2 span{
     display: block;
     font-weight: normal;
     font-size: 14px;
@@ -102,4 +105,66 @@
     background-color: #ffe764;
     box-shadow: inset 0px 0px 0px 2px black, 0px 0px 20px rgba(0,0,0,0.2)!important;
     transition: 0.3s;
+}
+a.sqre_btn {
+    padding: 0;
+    margin: 0;
+    outline: none;
+    font-weight: normal;
+    font-size: 14px;
+    line-height: normal;
+    letter-spacing: 0;
+    display: inline-block;
+    vertical-align: middle;
+    width: 40px;
+    height: 40px;
+    background-color: rgba(255, 0, 0, 0.23);
+    border-radius: 0;
+    text-align: center;
+    overflow: hidden;
+    margin-left: 5px;
+    margin-top: 5px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+.sqre_btn.blue_arrow{
+    background-color: #0095d7;
+    background-image: url(../img/arrows_right_w.png);
+}
+.sqre_btn.yellow_calc{
+    background-color: #ffd800;
+    background-image: url(../img/icon_calc2.png);
+}
+.btn.button2{
+    background-color: #0095d7;
+    color: #fff;
+    background-image: url(../img/arrows_right_w.png);
+    margin: 0 auto;
+    text-transform: uppercase;
+    text-decoration: none;
+    cursor: pointer;
+    transition: 0.3s;
+    display: inline-block;
+    text-align: center;
+    font-weight: bold;
+    width: 250px;
+    padding: 12px 0;
+    font-size: 16px;
+    line-height: 18px;
+    background-position: calc(100% - 25px) center;
+    background-repeat: no-repeat;
+    padding-right: 25px;
+    letter-spacing: 0;
+    border: none;
+    outline: none;
+}
+.btn.right{float:right;}
+.btn.button2:hover{
+    background-color: #40c4ff;
+}
+.head_video_buttons{
+    margin-top: 5px;
+    display: inline-block;
+    position: relative;
+    width: 100%;
 }
 \ No newline at end of file