index.php 14.3 KB
<?php

/* @var $this yii\web\View */

$this->title = 'My Yii Application';
?>

<!-- gallery -->
<div class="slider">
    <div class="carousel">
        <div class="slide">
            <div style="background:url('/images/slider_fon_fanera.jpg') center center no-repeat;width:100%;height:480px;position:absolute;">
            </div>
            <div class="content">
                <div class="title">
                    <span>Фанера влагостойкая ФСФ (slide1)</span>
                    <div>повышенной влагостойкости
                        <div>2500х1250х12мм(лист) сорт СР/С</div>
                    </div>
                </div>

                <div class="list">
                    <div class="item">шлифованные внешние слои фанерного листа</div>
                    <div class="item">высокая устойчивость к влаге</div>
                    <div class="item">повышенная плотность</div>
                    <div class="item">стабильность толщины по всему периметру фанеры</div>
                </div>

                <a href="#" class="slide_about">подробнее</a>

                <div class="price_round_border">
                    <div class="price_round">
                        <div class="title">Супер цена</div>
                        <div class="desc">345,90
                            <div>грн./лист</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide">
            <div style="background:url('/images/slider_fon_fanera.jpg') center center no-repeat;width:100%;height:480px;position:absolute;">
            </div>
            <div class="content">
                <div class="title">
                    <span>Фанера влагостойкая ФСФ (slide2)</span>
                    <div>повышенной влагостойкости
                        <div>2500х1250х12мм(лист) сорт СР/С</div>
                    </div>
                </div>

                <div class="list">
                    <div class="item">шлифованные внешние слои фанерного листа</div>
                    <div class="item">высокая устойчивость к влаге</div>
                    <div class="item">повышенная плотность</div>
                    <div class="item">стабильность толщины по всему периметру фанеры</div>
                </div>

                <a href="#" class="slide_about">подробнее</a>

                <div class="price_round_border">
                    <div class="price_round">
                        <div class="title">Супер цена</div>
                        <div class="desc">345,90
                            <div>грн./лист</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide">
            <div style="background:url('/images/slider_fon_fanera.jpg') center center no-repeat;width:100%;height:480px;position:absolute;">
            </div>
            <div class="content">
                <div class="title">
                    <span>Фанера влагостойкая ФСФ (slide3)</span>
                    <div>повышенной влагостойкости
                        <div>2500х1250х12мм(лист) сорт СР/С</div>
                    </div>
                </div>

                <div class="list">
                    <div class="item">шлифованные внешние слои фанерного листа</div>
                    <div class="item">высокая устойчивость к влаге</div>
                    <div class="item">повышенная плотность</div>
                    <div class="item">стабильность толщины по всему периметру фанеры</div>
                </div>

                <a href="#" class="slide_about">подробнее</a>

                <div class="price_round_border">
                    <div class="price_round">
                        <div class="title">Супер цена</div>
                        <div class="desc">345,90
                            <div>грн./лист</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide">
            <div style="background:url('/images/slider_fon_fanera.jpg') center center no-repeat;width:100%;height:480px;position:absolute;">
            </div>
            <div class="content">
                <div class="title">
                    <span>Фанера влагостойкая ФСФ (slide4)</span>
                    <div>повышенной влагостойкости
                        <div>2500х1250х12мм(лист) сорт СР/С</div>
                    </div>
                </div>

                <div class="list">
                    <div class="item">шлифованные внешние слои фанерного листа</div>
                    <div class="item">высокая устойчивость к влаге</div>
                    <div class="item">повышенная плотность</div>
                    <div class="item">стабильность толщины по всему периметру фанеры</div>
                </div>

                <a href="#" class="slide_about">подробнее</a>

                <div class="price_round_border">
                    <div class="price_round">
                        <div class="title">Супер цена</div>
                        <div class="desc">345,90
                            <div>грн./лист</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="slide">
            <div style="background:url('/images/slider_fon_fanera.jpg') center center no-repeat;width:100%;height:480px;position:absolute;">
            </div>
            <div class="content">
                <div class="title">
                    <span>Фанера влагостойкая ФСФ (slide5)</span>
                    <div>повышенной влагостойкости
                        <div>2500х1250х12мм(лист) сорт СР/С</div>
                    </div>
                </div>

                <div class="list">
                    <div class="item">шлифованные внешние слои фанерного листа</div>
                    <div class="item">высокая устойчивость к влаге</div>
                    <div class="item">повышенная плотность</div>
                    <div class="item">стабильность толщины по всему периметру фанеры</div>
                </div>

                <a href="#" class="slide_about">подробнее</a>

                <div class="price_round_border">
                    <div class="price_round">
                        <div class="title">Супер цена</div>
                        <div class="desc">345,90
                            <div>грн./лист</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="clear:both;"></div>
<!-- end gallery -->



<div class="novelty">
    <div class="content">
        <div class="title">Новинки</div>
        <div class="novelty_cont">
            <div class="item" data-id="1">
                <div class="new">Новинка</div>
                <div class="top">Toп</div>
                <a href="#" class="item_link"><div class="pic"><img src="images/items/01.jpg"></div>
                    <div class="title_item">Штукатурка гипсовая Кнауф Ротбанд 30 кг белая</div></a>
                <div class="brand">Бренд: <span>Knauf</span></div>
                <div class="type">Штукатурки</div>
                <div class="price">102.05 <span>грн.</span></div>
                <button class="basket_add_but">в корзину</button>
                <a href="#" class="compare_add_but"><span>добавить к сравнению</span></a>
            </div>
            <div class="item" data-id="12">
                <div class="new">Новинка</div>
                <a href="#" class="item_link"><div class="pic"><img src="images/items/02.jpg"></div>
                    <div class="title_item">Ceresit CR 65 гидроизоляционная смесь, 25кг</div></a>
                <div class="brand">Бренд: <span>Ceresit</span></div>
                <div class="type">Гидроизоляция</div>
                <div class="price">187.00 <span>грн.</span></div>
                <button class="basket_add_but">в корзину</button>
                <a href="#" class="compare_add_but"><span>добавить к сравнению</span></a>
            </div>
            <div class="item" data-id="13">
                <div class="new">Новинка</div>
                <div class="top">Toп</div>
                <a href="#" class="item_link"><div class="pic"><img src="images/items/03.jpg"></div>
                    <div class="title_item">Ruukki Металлочерепица Monterrey Standard 0,5мм, ПЭ глянец</div></a>
                <div class="brand">Бренд: <a href="#">Rukki</a></div>
                <div class="type">Металлочерепица</div>
                <div class="price">168.40 <span>грн.</span></div>
                <button class="basket_add_but">в корзину</button>
                <a href="#" class="compare_add_but"><span>добавить к сравнению</span></a>
            </div>
            <div class="item" data-id="14">
                <div class="new">Новинка</div>
                <div class="top">Toп</div>
                <a href="#" class="item_link"><div class="pic"><img src="images/items/04.jpg"></div>
                    <div class="title_item">Авеню Плитка тротуарная Брусчатка, 200x100x40, вишня</div></a>
                <div class="brand">Бренд: <a href="#">Авеню</a></div>
                <div class="type">Тротуарная плитка</div>
                <div class="price">120.00 <span>грн.</span></div>
                <button class="basket_add_but">в корзину</button>
                <a href="#" class="compare_add_but"><span>добавить к сравнению</span></a>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
</div>

<div class="why_us">
    <div class="content">
        <div class="title white">Почему выбирают нас</div>
        <div class="items_why">
            <div class="item no_mrg_lt"><span style="background:url('/images/why01.png') left center no-repeat;">Актуальные цены<br>на сайте</span></div>
            <div class="item"><span style="background:url('/images/why02.png') left center no-repeat;">Услуги дизайна</span></div>
            <div class="item"><span style="background:url('/images/why03.png') left center no-repeat;">Индивидуальный заказ<br>товара</span></div>
            <div class="item no_mrg_rgt"><span style="background:url('/images/why04.png') left center no-repeat;">Удобная форма<br>оплаты</span></div>
            <div class="item no_mrg_lt"><span style="background:url('/images/why05.png') left center no-repeat;">Консультации<br>специалистов</span></div>
            <div class="item"><span style="background:url('/images/why06.png') left center no-repeat;">Помощь в оформлении<br>документов</span></div>
            <div class="item"><span style="background:url('/images/why07.png') left center no-repeat;">Своевременная<br>доставка</span></div>
            <div class="item no_mrg_rgt"><span style="background:url('/images/why08.png') left center no-repeat;">Скидки постоянным<br>клиентам</span></div>
        </div>
    </div>
</div>

<script>
    $(function(){
        $(".prods_carousel").jCarouselLite({
            btnNext: ".pc_next",
            btnPrev: ".pc_prev",
            visible: 6,
            speed:500,
            auto: 5000,
        });
    })
</script>
<div class="prods">
    <div class="content">
        <div class="title">Производители</div>
        <?= \common\modules\product\widgets\brandsCarouselWidget::widget()?>
    </div>
</div>

<div class="products">
    <div class="content">
        <div class="title">У нас покупают</div>
        <div class="items">
            <div class="item">
                <a href="#">
                    <img src="images/pr_img1.jpg" border="0">
                    <div class="item_title">Плиточные клеи</div>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/pr_img2.jpg" border="0">
                    <div class="item_title">Металлочерепица</div>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/pr_img3.jpg" border="0">
                    <div class="item_title">Водосточные<br>системы</div>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/pr_img4.jpg" border="0">
                    <div class="item_title">Утеплители</div>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/pr_img5.jpg" border="0">
                    <div class="item_title">Гипсокартон</div>
                </a>
            </div>
            <div class="item">
                <a href="#">
                    <img src="images/pr_img6.jpg" border="0">
                    <div class="item_title">Трубы</div>
                </a>
            </div>
        </div>
    </div>
</div>