index.php 19.3 KB
<?php
    use \yii\helpers\Html;
    use \common\models\Specialization;

    /**
     * @var $this            yii\web\View
     * @var $specializations common\models\Specialization
     */

    $this->title = 'My Yii Application';
?>
<div class="section-box-1">
    <?php
        /* Yarik map fun
        ?>
        <div id="map_test" style="width:100%;height:500px;">

        </div>
        <script>
            $(function() {
                initMap();
            });
            var map;
            function initMap() {
                map = new google.maps.Map(document.getElementById('map_test'), {
                    center: {lat: -34.397, lng: 150.644},
                    zoom: 8
                })
            }
        </script>
        */
    ?>
    <div class="box-wr">
        <div class="box-all">
            <div class="section-box-base">
                Самая полная база текущих и реализованных
                строительных проектов с исполнителями
            </div>
            <div class="section-box-base-block">
                <div class="base-blocks">
                    <?= Html::a('Хочу заказать проект', [ 'landing/landing-order-project' ], [ 'class' => 'base-blocks-button first_butt' ]) ?>
                    <div class="base-blocks-text">
                        <p>Лучшие компании и исполнители готовы помочь вам</p>
                    </div>
                </div>
                <div class="base-blocks">
                    <?= Html::a('Проектант/Фрилансер', [ 'landing/landing-freelance' ], [ 'class' => 'base-blocks-button second_butt' ]) ?>
                    <div class="base-blocks-text">
                        <p>
                            Частные проекты и субподряды от лучших компаний и заказчиков для вас
                        </p>
                        <p>
                            <?= Html::a('Ищу работу', [ 'landing/landing-work' ]) ?>
                            Вакансии компаний и заказчиков на полную занятость и резюме свободных проектантов
                        </p>
                    </div>
                </div>
                <div class="base-blocks">
                    <?= Html::a('Представляю компанию', [ 'landing/landing-company' ], [ 'class' => 'base-blocks-button third_butt' ]) ?>
                    <div class="base-blocks-text">
                        <p>Презентуйте лучшую команду профессиональных проектантов и получите актуальные тендеры на проектирование.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="section-box-2">
    <div class="box-wr">
        <div class="box-all">
            <div class="menu-two-wrapp-title">Специализация работ по исполнителям</div>
            <div class="menu-two-wrapp" style="background: url('/images/menu-pic-1.jpg') 100% 100% no-repeat">
                <ul class="content-menu-first">
                    <?php foreach($specializations as $specialization): ?>
                        <li data-img="<?= $specialization->image ?>">
                            <span data-menu-bg="<?= $specialization->background ?>" style="background: <?= $specialization->background ?>"></span><a href="#"><?= $specialization->specialization_name ?></a>
                            <ul>
                                <?php foreach($specialization->children as $child_first): ?>

                                    <?php if($child_first instanceof Specialization): ?>
                                        <li>
                                            <a href="#"><?= $child_first->specialization_name ?></a>
                                            <ul>
                                                <?php foreach($child_first->children as $child_second): ?>
                                                    <?php if($child_first instanceof Specialization): ?>
                                                        <li>
                                                            <a href="#"><?= $child_second->specialization_name ?></a>
                                                        </li>
                                                    <?php endif; ?>
                                                <?php endforeach; ?>
                                            </ul>
                                        </li>
                                    <?php endif; ?>
                                <?php endforeach; ?>

                            </ul>
                        </li>
                    <?php endforeach; ?>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="section-box-3">
    <div class="box-wr">
        <div class="box-all">
            <div class="all-project-home-title_menu">
                <p>Проекты на нашем сайте</p>
                <ul>
                    <li class="project-home-active"><span>Текущие</span></li>
                    <li><span>Завершенные</span></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="section-box-map">
        <div class="shadow-map"></div>
        <div id="map_cloud" style="display: none;">
            <script type="text/javascript">
                //                function initialize()
                //                {
                //                    var start_position = new google.maps.LatLng('56', '30');
                //                    var settings = {
                //                        zoom : 7, scrollwheel : false, center : start_position,
                //                        mapTypeControl : false,
                //                        mapTypeControlOptions : {style : google.maps.MapTypeControlStyle.DROPDOWN_MENU},
                //                        navigationControl : false,
                //                        navigationControlOptions : {style : google.maps.NavigationControlStyle.SMALL},
                //                        scaleControl : false, streetViewControl : false, rotateControl : false,
                //                        zoomControl : true, mapTypeId : google.maps.MapTypeId.ROADMAP
                //                    };
                //                    var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
                //
                //                    var image1 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-1.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image2 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-2.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image3 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-3.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image4 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-4.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image5 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-5.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image6 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-6.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image7 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-7.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image8 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-8.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image9 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-we-9.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image10 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-1.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image11 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-2.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image12 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-3.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image13 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-4.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image14 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-5.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image15 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-6.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image16 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-7.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image17 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-8.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //                    var image18 = new google.maps.MarkerImage(
                //                        '/images/markers/marker-empl-9.png', new google.maps.Size(21, 32), new google.maps.Point(0, 0), new google.maps.Point(16, 35)
                //                    );
                //
                //                    var markers = [];
                //
                //                    var marker = new google.maps.Marker(
                //                        {
                //                            position : new google.maps.LatLng('56', '35.3'), map : map,
                //                            title : 'Marker Title2', icon : image1
                //                        }
                //                    );
                //                    markers.push(marker);
                //
                //                    var marker = new google.maps.Marker(
                //                        {
                //                            position : new google.maps.LatLng('56', '36'), map : map,
                //                            title : 'Marker Title2', icon : image2
                //                        }
                //                    );
                //                    markers.push(marker);
                //
                //                    var marker = new google.maps.Marker(
                //                        {
                //                            position : new google.maps.LatLng('56', '34.5'), map : map,
                //                            title : 'Marker Title3', icon : image18
                //                        }
                //                    );
                //                    markers.push(marker);
                //
                //                    var marker = new google.maps.Marker(
                //                        {
                //                            position : new google.maps.LatLng('56', '35'), map : map,
                //                            title : 'Marker Title4', icon : image13
                //                        }
                //                    );
                //                    markers.push(marker);
                //
                //                    var clusterStyles = [
                //                        {
                //                            url : '/images/markers/clasters.png', height : 36, width : 36
                //                        }
                //
                //                    ];
                //                    markerClusterer = new MarkerClusterer(
                //                        map, markers, {
                //                            maxZoom : 10, gridSize : 100, styles : clusterStyles
                //                        }
                //                    );
                //                }
            </script>
        </div>
        <div id="map_canvas" style="width: 100%; height:100%;"></div>
    </div>
</div>

<div class="section-box-4">
    <div class="box-wr">
        <div class="box-all">
            <div class="federation-home-title">Зачем нужна Международная федерация проектантов</div>
            <div class="federation-home-list-wr">
                <ul class="federation-home-list">
                    <li class="federation-home-list-active"><span>Заказчикам</span></li>
                    <li><span>Компаниям</span></li>
                    <li><span>Проектантам</span></li>
                    <li><span>Наша миссия</span></li>
                </ul>
            </div>
            <div class="federation-home-blocks-wr">
                <div class="federation-home-blocks-wr-blocks">
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-1.png" alt=""/>
                        </div>
                        <div class="federation-home-text">Описания рейтингов</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-2.png" alt=""/>
                        </div>
                        <div class="federation-home-text">Вы получаете лучшую цену</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-3.png" alt=""/>
                        </div>
                        <div class="federation-home-text">Гарантии получения проекта в срок</div>
                    </div>
                </div>

                <div class="federation-home-blocks-wr-blocks">
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-1.png" alt=""/>
                        </div>
                        <div class="federation-home-text">2Описания рейтингов</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-2.png" alt=""/>
                        </div>
                        <div class="federation-home-text">2Вы получаете лучшую цену</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-3.png" alt=""/>
                        </div>
                        <div class="federation-home-text">2Гарантии получения проекта в срок</div>
                    </div>
                </div>

                <div class="federation-home-blocks-wr-blocks">
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-1.png" alt=""/>
                        </div>
                        <div class="federation-home-text">3Описания рейтингов</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-2.png" alt=""/>
                        </div>
                        <div class="federation-home-text">3Вы получаете лучшую цену</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-3.png" alt=""/>
                        </div>
                        <div class="federation-home-text">3Гарантии получения проекта в срок</div>
                    </div>
                </div>

                <div class="federation-home-blocks-wr-blocks">
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-1.png" alt=""/>
                        </div>
                        <div class="federation-home-text">4Описания рейтингов</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-2.png" alt=""/>
                        </div>
                        <div class="federation-home-text">4Вы получаете лучшую цену</div>
                    </div>
                    <div class="federation-home-blocks">
                        <div class="federation-home-ico"><img src="/images/ico-fed-3.png" alt=""/>
                        </div>
                        <div class="federation-home-text">4Гарантии получения проекта в срок</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>