portfolio-view.php 26.9 KB
<?php

use \yii\helpers\Html;

/* @var $this yii\web\View
 * @var $company common\models\User
 */
$this->params['company'] = $company;

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

<div class="portfolio-new-page-wrapper style">
    <div class="new-portfolio-bg style "><img src="/images/portfolio-project/portfolio-img-3.jpg" alt=""/></div>
    <div class="new-portfolio-icons-rating-wr style">
        <div class="new-portfolio-icons">
            <div class="portfolio-project-views-wr">
                <div class="portfolio-project-views ico-views-bl">
                    <div class="portfolio-project-views-img-wr">
                        <div class="portfolio-project-views-img"><img src="/images/portfolio-project/ico-1.png"></div>
                    </div>
                    <div class="portfolio-project-views-txt">127</div>
                </div>
                <div class="portfolio-project-rati ico-views-bl">
                    <div class="portfolio-project-views-img-wr">
                        <div class="portfolio-project-views-img"><img src="/images/portfolio-project/ico-2.png"></div>
                    </div>
                    <div class="portfolio-project-views-txt">10.0</div>
                </div>
                <div class="ico-views-bl">
                    <div class="portfolio-project-views-img-wr">
                        <div class="portfolio-project-views-img"><img src="/images/portfolio-project/ico-3.png"></div>
                    </div>
                    <div class="portfolio-project-views-txt">14</div>
                </div>
            </div>
        </div>
        <div class="new-portfolio-rating">
            <div class="rating new-portf-rat">
                <!--оценка-->
                <input type="hidden" class="val" value="4"/>
                <!--количество голосов-->
                <input type="hidden" class="votes" value="12"/>
            </div>
        </div>
    </div>

    <div class="new-portf-slider-wr style">
        <div class="new-portf-slider-title">Квартира - студия в современном стиле</div>
        <div class="new-portf-slider style">
            <div class="slider-video-wr">
                <div id="demo5" class="scroll-img">
                    <ul>
                        <li><img src="/images/portfolio-project/slider-img-1.jpg" alt=""/></li>
                        <li><img src="/images/portfolio-project/slider-img-2.jpg" alt=""/></li>
                        <li><img src="/images/portfolio-project/slider-img-3.jpg" alt=""/></li>
                        <li><img src="/images/portfolio-project/slider-img-1.jpg" alt=""/></li>
                        <li><img src="/images/portfolio-project/slider-img-2.jpg" alt=""/></li>
                        <li><img src="/images/portfolio-project/slider-img-3.jpg" alt=""/></li>
                    </ul>
                </div>
                <div id="demo5-btn" class="text-center">
                    <button class="btn" id="demo5-backward"></button>
                    <button class="btn" id="demo5-forward"></button>
                </div>
            </div>
        </div>
    </div>

    <div class="new-portfolio-txt-wrapper style">
        <div class="new-portfolio-excerpt style">
            <div class="new-portfolio-editor">


                <p>
                    Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>


            </div>
            <div class="new-portfolio-see-all style"><span>Развернуть</span></div>
        </div>

        <div class="new-portfolio-txt">
            <div class="new-portfolio-editor">


                <p>
                    Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>
                <p>
                    Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.
                </p>


            </div>
            <div class="new-portfolio-see-all style"><span>Свернуть</span></div>
        </div>
    </div>

    <div class="new-portf-comments-wr style">
        <div class="new-portf-comm-count">Комментарии: 3</div>
        <div class="new-portf-add-comm style">

            <form action="">
                <div class="input-blocks-comm">
                    <label for="input-txt-5">Имя</label>
                    <input class="custom-input-4" id="input-txt-5" type="text">
                </div>
                <div class="input-blocks-comm">

                    <label for="input-txt-6">e-mail</label>
                    <input class="custom-input-4" id="input-txt-6" type="text">
                </div>
                <div class="input-blocks-comm area-comm">
                    <label for="input-txt-7">Комментарий</label>
                    <textarea class="custom-area-4" id="input-txt-7"></textarea>
                </div>
                <div class="input-blocks-comm-button style">
                    <button type="submit" class="">Добавить комментраий</button>
                </div>
            </form>

        </div>

        <div class="new-portf-comm-read-wr style">
            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="3"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span><p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="4"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span><p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="5"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span><p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="1"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span><p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>
            <div class="new-portf-comm-read">
                <div class="style">
                    <div class="header-cabinet-foto">
                        <img src="/images/ded-ico.png" alt="">
                    </div>
                    <div class="new-prof-wrapper-read">
                        <div class="new-portf-comm-read-title"><a href="#">Петер Цумтор</a></div>
                        <div class="new-portf-comm-read-rating">
                            <div class="rating">
                                <!--оценка-->
                                <input type="hidden" class="val" value="2"/>
                                <!--количество голосов-->
                                <input type="hidden" class="votes" value="12"/>
                            </div>
                        </div>
                        <div class="blog-post-date">
                            <span></span><p>22.09.2015</p>
                        </div>
                    </div>

                    <div class="new-portf-answer">
                        <p>Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                        <p>Евровагонка — удобная в монтаже фасонная доска, которая позволяет создать обшивку из плотно пригнанных элементов с качественно обработанной поверхностью. Толщина евровагонки составляет 125 мм, общая ширина (с гребнем) 960 мм, рабочая ширина 880 мм.Балкон, обшитый вагонкой, выглядит аккуратно, стильно и уютно. Монтаж обшивки вполне возможно выполнить своими силами — достаточно иметь в распоряжении необходимые инструменты и владеть базовыми навыками строительно-ремонтных работ.</p>
                    </div>

                </div>
                <div class="style"></div>
            </div>

        </div>
    </div>
</div>
<script>
    $('.portfolio-new-page-wrapper .rating').rating({
        fx: 'full',
        readOnly: false,
        url: 'rating.php'
    });
</script>
<script>
    $(document).ready(function(){
        portfolioHideTxt()
        function portfolioHideTxt(){
            $('.new-portfolio-excerpt .new-portfolio-see-all span').click(function(){
                $(this).parent().parent().parent().toggleClass('show-all')
            })
            $('.new-portfolio-txt .new-portfolio-see-all span').click(function(){
                $(this).parent().parent().parent().toggleClass('show-all')
            })
        }
    })
</script>
<script>
    $(function () {
        $('.new-portf-slider #demo5').scrollbox({
            direction: 'h',
            distance: 230,
            autoPlay: false,
            onMouseOverPause: false
        });
        $('#demo5-backward').click(function () {
            $('#demo5').trigger('backward');
        });
        $('#demo5-forward').click(function () {
            $('#demo5').trigger('forward');
        });
        var widthSlider = $('.new-portf-slider ul li').length
        $('.new-portf-slider ul').css({width:((widthSlider*230)-30)})
    });
</script>