fsgxfsgxf

OlenaKl
1 parent c4db9709
Showing 8 changed files with 202 additions and 46 deletions Show diff stats
frontend/views/layouts/main.php
frontend/views/news/view.php
frontend/views/site/index.php
frontend/web/css/about_company.css
frontend/web/css/main.css
frontend/web/css/news_all.css
frontend/web/css/style.css
frontend/web/js/script.js
@@ -164,9 +164,9 @@ use yii\captcha\Captcha;
                         <?php $form = ActiveForm::begin(['options' => ['enctype'=> 'multipart/form-data','id'=>'call_form'], 'action' => '/']); ?>
                         <fieldset>
                             <h3>Обратный звонок</h3>
-                            <?= $form->field(new Callback(), 'name')->textInput(['maxlength' => 45,'placeholder'=>'Имя'])->label(false) ?><span class='star'>*</span>
+                            <?= $form->field(new Callback(), 'name')->textInput(['maxlength' => 45,'placeholder'=>'Имя'])->label(false) ?>
-                            <?= $form->field(new Callback(), 'phone_num')->textInput(['maxlength' => 45,'placeholder'=>'Телефон','class'=>'form-control telephone_registration'])->label(false) ?><span class='star1'>*</span>
+                            <?= $form->field(new Callback(), 'phone_num')->textInput(['maxlength' => 45,'placeholder'=>'Телефон','class'=>'form-control telephone_registration'])->label(false) ?>
                             <button class="purple" type="submit" value="Submit">Запросить</button>
                         </fieldset>
@@ -19,12 +19,17 @@ $this-&gt;params[&#39;breadcrumbs&#39;][] = $this-&gt;title;
     </div>
     <div class='long_line'></div>
     <div class="go_news">
-    <?php foreach ($news_list as $one_news):?>
-            <div class="back_news">
-                <?=  Html::a("<p class='article'>".$one_news->name."</p>",['news/view', 'translit' =>$one_news->code ])  ?>
-                <?=  Html::a("<p class='short_news'>".$one_news->brief."</p>",['news/view', 'translit' =>$one_news->code ])  ?>
-            </div>
-    <?php endforeach; ?>
+
+        <div class="back_news">
+            <?=  Html::a("<p class='article'>".$next_news->name."</p>",['news/view', 'translit' =>$next_news->code ])  ?>
+            <?=  Html::a("<p class='short_news'>".$next_news->brief."</p>",['news/view', 'translit' =>$next_news->code ])  ?>
+        </div>
+
+        <div class="back_news">
+            <?=  Html::a("<p class='article'>".$prev_news->name."</p>",['news/view', 'translit' =>$prev_news->code ])  ?>
+            <?=  Html::a("<p class='short_news'>".$prev_news->brief."</p>",['news/view', 'translit' =>$prev_news->code ])  ?>
+        </div>
+
     </div>
     </div>
     <img src="/images/lonh_line.png" style="margin-top:-20px;opacity:0">
@@ -577,27 +577,57 @@ use \yii\helpers\Html;
     </div>
     <div class="news">
         <?= Html::a( 'Новости', Url::toRoute('news/index'),['class'=>'main_link_news'])?>
-        <span><img src="/images/arrow_slider_back.png"></span>
-        <span class="number_of">1/</span>
-        <span class="general_number">5</span>
-        <span><img src="/images/arrow_slider_go.png"></span>
-        <?php foreach ($news_list as $one_news):?>
-            <div class="slider_tovars">
-                <div class="tovar">
-                    <?= Html::img(\yii\helpers\Url::to($one_news->img)); ?>
-                    <?=  Html::a("<p class='article'>".$one_news->name."</p>",['news/view', 'translit' =>$one_news->code ])  ?>
-                </div>
-            </div>
-        <?php endforeach; ?>
+<!--        <span><img src="/images/arrow_slider_back.png"></span>-->
+        <span class="num"></span>
+<!--        <span class="general_number">5</span>-->
+<!--        <span><img src="/images/arrow_slider_go.png"></span>-->
+<!--        --><?php //foreach ($news_list as $one_news):?>
+<!--            <div class="slider_tovars">-->
+<!--                <div class="tovar">-->
+<!--                    --><?//= Html::img(\yii\helpers\Url::to($one_news->img)); ?>
+<!--                    --><?//=  Html::a("<p class='article'>".$one_news->name."</p>",['news/view', 'translit' =>$one_news->code ])  ?>
+<!--                </div>-->
+<!--            </div>-->
+<!--        --><?php //endforeach; ?>
         <div class="slider_tovars">
-            <div class="tovar">
-                <img src="/images/news.png">
-                <p>На склад поступила очередная партия товара Metalcaucho. Готов к отгрузке.<br><br>
-                    Полный список товаров этой группы  доступен по <br><a href="">ссылке</a></p>
+            <div id="carousel-example-generic1" class="carousel slide" data-ride="carousel">
+<!--                 Indicators-->
+                <ol class="carousel-indicators">
+                    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+                    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+                    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+                </ol>
+
+                <!-- Wrapper for slides -->
+                <div class="carousel-inner" role="listbox">
+                    <div class="item tovar active">
+                        <img src="/images/news.png">
+                        <div class="carousel-caption">
+                            <p>На склад поступила очередная партия товара Metalcaucho. Готов к отгрузке.<br><br>
+
+                                Полный список товаров этой группы  доступен по <br><a href="">ссылке</a></p>
+                        </div>
+                    </div>
+                    <div class="item tovar">
+                        <img src="/images/news.png">
+                        <div class="carousel-caption">
+                            <p>На склад поступила очередная партия товара Metalcaucho. Готов к отгрузке.<br><br>
-            </div>
+                                Полный список товаров этой группы  доступен по <br><a href="">ссылке</a></p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Controls -->
+                <a class="left carousel-control" href="#carousel-example-generic1" role="button" data-slide="prev">
+                    <img src="/images/arrow_slider_back.png">
+                </a>
+                <a class="right carousel-control" href="#carousel-example-generic1" role="button" data-slide="next">
+                    <img src="/images/arrow_slider_go.png">
+                </a>
+            </div>
         </div>
     </div>
@@ -70,6 +70,10 @@
 	padding-left: 9px;
 }
+
+.personal_photo img{
+    border-radius: 50%;
+}
 .personal_name{
 	font-size: 18px;
 	height: 27px;
@@ -142,7 +142,13 @@ li a{
     margin-bottom: 10px;
 }
-div.required:after {content: " *"; color: #fec831;}
+div.required:after {    content: " *";
+    color: #fec831;
+    display: inline-block;
+    position: relative;
+    top: -31px;
+    left: 40px;
+}
 .registration_holder{
     padding-top: 32px;
@@ -181,4 +187,79 @@ div.required:after {content: &quot; *&quot;; color: #fec831;}
 .vin{
     width: 960px;
     margin: 20px auto;
+}
+
+#modal_form input {
+    background-color: #f5f5f5;
+    width: 334px;
+    height: 30px;
+    padding-left: 9px;
+    border-radius: 6px;
+    border: 1px solid #dfdfdf;
+    margin: 8px 114px 20px;
+}
+
+#modal_form #email-error{
+    position: absolute;
+    left: 121px;
+    top: 150px;
+}
+
+#modal_form input[type="checkbox"] + label span, input[type="checkbox"]:checked + label span {
+    position: absolute;
+    left: 114px;
+    top: 224px;
+    -webkit-transition: background 0.4s linear;
+    -o-transition: background 0.4s linear;
+    -moz-transition: background 0.4s linear;
+    transition: background 0.4s linear;
+}
+#modal_form #password-error{
+    position: absolute;
+    left: 124px;
+    top: 199px;
+}
+
+.star1 {
+    color: #fec831;
+    position: absolute;
+    left: 104px;
+    top: 184px;
+}
+
+.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
+    position: absolute!important;
+    left: 135px!important;
+}
+
+.back_news a:last-child strong span{
+    font-size: 14px!important;
+    font-weight: 500;
+    display: block;
+    margin-left: 61px;
+    width: 240px;
+
+}
+
+.back_news:nth-child(2){
+    background-image: url('/images/arrow_slider_go.png');
+    background-repeat: no-repeat;
+    background-position: 100% 46%;
+}
+.back_news:nth-child(2){
+    background-image: url('/images/arrow_slider_go.png');
+    background-repeat: no-repeat;
+    background-position: 100% 46%;
+}
+
+.back_news:hover{
+    background-image: url('/images/arrow_slider_back.png');
+    background-repeat: no-repeat;
+    background-position: 0% 46%;
+}
+
+.back_news:nth-child(2):hover{
+    background-image: url('/images/arrow_slider_go.png');
+    background-repeat: no-repeat;
+    background-position: 100% 46%;
 }
 \ No newline at end of file
@@ -27,3 +27,4 @@ p, a, label, span{
 }
+
@@ -309,9 +309,9 @@
 .searching_for_tovars:focus{
     outline: none
 }
-.slider_tovars{
-    width: 730px;
-    height: 315px;
+#carousel-example-generic1{
+    width: 220px;
+    height: 310px;
 }
 .car a{
     color:#ffffff;
@@ -322,7 +322,35 @@
 }
+#carousel-example-generic1 .carousel-control.left{
+    background-image: none!important;
+    height: 27px;
+    top: -35px;
+    left: 90px;
+}
+#carousel-example-generic1 .right.carousel-control{
+    background-image: none!important;
+    height: 27px;
+    top: -36px;
+    right: 42px;
+}
+#carousel-example-generic1 .carousel-caption {
+    position: static!important;
+    right: 15%;
+    bottom: 20px;
+    left: 15%;
+    z-index: 10;
+    padding-top:0!important;
+    padding-bottom: 0!important;
+    color: inherit!important;
+    text-shadow: none!important;
+    width: 179px;
+}
+
+#carousel-example-generic1 .carousel-indicators{
+    display: none
+}
 .tovar a:hover{
     color:#a2b5da;
 }
@@ -1917,7 +1945,7 @@ span:first-child .tovars{
 }
 .news .slider_tovars .tovar img{
-    margin-left: -18px;
+    margin-left: 13px;
     border:1px solid #dfdfdf;
 }
 .news img{
@@ -2512,27 +2540,29 @@ input[type=&quot;checkbox&quot;]:checked + label span {
-    .carousel-indicators {
+    #carousel-example-generic.carousel-indicators {
         bottom: 0px;
     }
-    .carousel {
+    #carousel-example-generic .carousel {
         position: relative;
-        height: 300px;
     }
-    .carousel-inner > .item > img, .carousel-inner > .item > a > img {
+    #carousel-example-generic .carousel-inner > .item > img, .carousel-inner > .item > a > img {
         line-height: 1;
-        height: 300px;
+        max-height: 300px;
+        margin: 0 auto;
     }
-
-    .carousel-control.left{
+    #carousel-example-generic .carousel-inner > .item{
+        height: auto!important;
+    }
+    #carousel-example-generic .carousel-control.left{
         background-image: url('../images/arrow_back.png');
         background-repeat: no-repeat;
         background-position: 82% 50%;
     }
-    .carousel-control.right {
+   #carousel-example-generic .carousel-control.right {
         background-image: url('../images/arrow_go.png');
         background-repeat: no-repeat;
@@ -2952,3 +2982,8 @@ input[type=&quot;checkbox&quot;]:checked + label span {
     margin-top: -1px;
 }
+.num{
+    font-weight: 500;
+    font-size: 22px;
+    margin-left: 26px;
+}
 \ No newline at end of file
 $(document).ready(function(){
+    var totalItems = $('#carousel-example-generic1 .item').length;
+    var currentIndex = $('#carousel-example-generic1 .active').index() + 1;
+    $('.num').html(''+currentIndex+'/'+totalItems+'');
+    $('#carousel-example-generic1').bind('slide.bs.carousel', function() {
+        currentIndex = $('#carousel-example-generic1 .active').index() + 1;
+        $('.num').html(''+currentIndex+'/'+totalItems+'');
+    });
+
 $('.phone_control, .phone_placeholder').click(
 	function(){
 		$('.phone_placeholder').toggleClass('active_placeholder');
@@ -44,14 +52,6 @@ $(&#39;.phone_control, .phone_placeholder&#39;).click(
 		}
 	);
-	
-	// $('#catalog1').hover(function(){
-	// 	$('.dropdown_menu_catalog').stop().slideDown(400);
-	// 	$('#by_name').removeClass('active_button');
-	// 	$('#by_vin').removeClass('active_button');
-	// 	$('#by_to').removeClass('active_button');
-	// 	$('#by_articul').removeClass('active_button');
-	// });
 	var $class = 0;
 	// $('.choose_tovar .menu_item1').each(function(){