Кнопки 1

Eugeny Galkovskiy
1 parent 78d55ffe
Showing 6 changed files with 85 additions and 39 deletions Show diff stats
frontend/views/site/index.php
frontend/web/css/style.css
frontend/web/img/arrows_right_w.png
frontend/web/img/calc_sum.png
frontend/web/img/icon_calc2.png
frontend/web/img/icon_stat.png
@@ -184,10 +184,12 @@ $this-&gt;title = &#39;My Yii Application&#39;;
  
             <div class="col-md-5">
                 <div class="video">
-                    <div class="embed-responsive embed-responsive-4by3">
+                    <div class="embed-responsive embed-responsive-16by9">
                         <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>
         </div>
     </div>
@@ -221,14 +223,13 @@ $this-&gt;title = &#39;My Yii Application&#39;;
                 </div>
             </div>
             <div class="row">
-                <div class="col-md-4">
+                <div class="col-md-4 col-md-offset-2">
                     <div class="box-simple">
                         <div class="icon icon_why" id="icon04"></div>
                         <h3>Енергоаудит</h3>
                         <p>перед встановленням ми робимо повний аналіз вашої домашньої енергосистеми</p>
                     </div>
                 </div>
-                <div class="col-md-4"></div>
                 <div class="col-md-4">
                     <div class="box-simple">
                         <div class="icon icon_why" id="icon05"></div>
@@ -237,6 +238,11 @@ $this-&gt;title = &#39;My Yii Application&#39;;
                     </div>
                 </div>
             </div>
+            <div class="row">
+                <div class="col-md-12" style="text-align:center;">
+                    <a href="#" class="button1 icon_stat">Замовити <span>консультацію</span></a>
+                </div>
+            </div>
         </div>
     </div>
 </section>
@@ -293,6 +299,43 @@ $this-&gt;title = &#39;My Yii Application&#39;;
     </div>
 </section>
  
+<section class="bar background-kben no-mb">
+    <div class="container">
+        <div class="row showcase">
+            <div class="col-md-3 col-sm-6">
+                <div class="item">
+                    <h4><span class="counter">58</span><br>
+
+                        Об'єктів в роботі</h4>
+                </div>
+            </div>
+            <div class="col-md-3 col-sm-6">
+                <div class="item">
+                    <h4><span class="counter">117</span><br>
+
+                        Об'єктів здано</h4>
+                </div>
+            </div>
+            <div class="col-md-3 col-sm-6">
+                <div class="item">
+                    <h4><span class="counter">193</span><br>
+
+                        Рекомендацій</h4>
+                </div>
+            </div>
+            <div class="col-md-3 col-sm-6">
+                <div class="item">
+                    <h4><span class="counter">303</span><br>
+
+                        Задоволенних клієнтів</h4>
+                </div>
+            </div>
+        </div>
+        <!-- /.row -->
+    </div>
+    <!-- /.container -->
+</section>
+
 <section class="bar background-white">
   <div class="container">
     <div class="col-md-12">
@@ -381,46 +424,18 @@ $this-&gt;title = &#39;My Yii Application&#39;;
                 </div>
             </div>
         </div>
-    </div>
-  </div>
-</section>
-
-<section class="bar background-kben no-mb">
-  <div class="container">
-    <div class="row showcase">
-      <div class="col-md-3 col-sm-6">
-        <div class="item">
-          <h4><span class="counter">1223</span><br>
-            
-            Об'єкта в роботі</h4>
-        </div>
-      </div>
-      <div class="col-md-3 col-sm-6">
-        <div class="item">
-          <h4><span class="counter">311</span><br>
-            
-            Об'єктів здано</h4>
-        </div>
-      </div>
-      <div class="col-md-3 col-sm-6">
-        <div class="item">
-          <h4><span class="counter">812</span><br>
-            
-            Рекомендацій</h4>
-        </div>
-      </div>
-      <div class="col-md-3 col-sm-6">
-        <div class="item">
-          <h4><span class="counter">7126</span><br>
-            
-            Задоволенних клієнтів</h4>
+        <div class="row">
+            <div class="lead">
+                <p class="text-center">Або звернутись до нас та</p>
+            </div>
+            <div class="col-md-12" style="text-align:center;">
+                <a href="#" class="button1 icon_stat">Замовити <span>електростанцію</span></a>
+            </div>
         </div>
-      </div>
     </div>
-    <!-- /.row -->
   </div>
-  <!-- /.container -->
 </section>
+
 <!-- /.bar -->
  
 <div class="gallery">
@@ -69,4 +69,35 @@
     max-height: 640px;
     margin: 30px auto;
     vertical-align: middle;
+}
+.button1{
+    margin: 0 auto;
+    color: black;
+    text-transform: uppercase;
+    background-color: #ffd800;
+    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: 20px center;
+    background-repeat: no-repeat;
+}
+.button1.icon_stat{background-image: url(../img/icon_stat.png);}
+.button1 span{
+    display: block;
+    font-weight: normal;
+    font-size: 14px;
+}
+.button1:hover {
+    text-decoration:none;
+    color: black;
+    background-color: #ffe764;
+    box-shadow: inset 0px 0px 0px 2px black, 0px 0px 20px rgba(0,0,0,0.2)!important;
+    transition: 0.3s;
 }
 \ No newline at end of file