text-page.html 9.4 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Map Ua</title>

    <link href="dist/css/select2.min.css" rel="stylesheet">
    <link href="dist/css/mCustomScrollBar.css" rel="stylesheet">
    <link href="dist/css/main.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<header class="un-logged-user-header">
    <div class="top-nav">
        <div class="container">
            <div class="row">
                <div class="col-sm-2">
                    <a href="#" class="language ua" style="background-image: url('dist/img/ukr.png')">Укр</a>
                </div>
                <div class="col-sm-6">
                    <a href="mailto:uamap@saee.gov.ua" class="header-mail-link">
                        uamap@saee.gov.ua
                    </a>
                    <span class="social-btn-container">
                        <a href="#" class="social-btn-sm facebook"></a>
                        <a href="#" class="social-btn-sm twitter"></a>
                        <a href="#" class="social-btn-sm youtube"></a>
                    </span>
                </div>
                <div class="col-sm-4 text-right">
                    <button type="button" class="open-modal registration-link" data-id="registrationModal">
                        Registration
                    </button>
                </div>
            </div>
        </div>
    </div>
    <nav class="navbar navbar-default">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="dist/img/logo.png" class="img-responsive" alt="UaMap">
                </a>
            </div>

            <div class="collapse navbar-collapse" id="navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Про проект</a>
                        <ul class="second-dropdown-list">
                            <li class="active"><a href="#">Довідкова інформація Link</a></li>
                            <li><a href="#">Link</a></li>
                            <li><a href="#">Link</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Довідкова інформація </a></li>
                    <li><a href="#">Законодавча база</a></li>
                    <li><a href="#">Контакти</a></li>
                    <li><a href="#">Календар заходів</a></li>
                    <li><a href="#">Новини</a></li>
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#" class="add-project-btn">Додати проект</a></li>

                </ul>
            </div><!-- /.navbar-collapse -->
        </div>
    </nav>
</header>
<div class="container-fluid">
    <main>
        <div class="container">
            <div class="row inner-map-container">
                <div class="static-btn-container">
                    <a href="#" class="static-btn">ресурсний потенціал</a>
                    <a href="#" class="static-btn">проекти</a>
                </div>
                <div class="col-md-12 col-lg-offset-2 col-lg-8">
                    <h1 class="title-1">
                        Корисна информация
                    </h1>
                    <blockquote class="map-blockquote">
                        <p class="text-yellow">
                            Інтерактивна карта на допомогу інвестору у сфері відновлюваної енергетики (ВЕ)
                        </p>
                        <p>
                            розроблена Держенергоефективності
                        </p>

                    </blockquote>
                    <h2 class="title-2">
                        Для довідки:
                    </h2>
                    <h3 class="title-3">
                        На карті розміщені:
                    </h3>
                    <p>
                    <ol class="map-numeric-list">
                        <li>
                            Земельні ділянки під розміщення об’єктів ВЕ зображено на карті згідно з пропозиціями
                            місцевих органів влади (станом на березень 2016 року)<span class="text-yellow">*</span>
                        </li>
                        <li>
                            Електричні підстанції розподільчих мереж напругою від 27,5 кВ до 150 кВ та їх потужності
                            (зокрема, електричне навантаження в режимний день) зображено на карті відповідно до
                            інформації енергопередавальних компаній України та загальнодоступних даних в мережі інтернет<span
                                class="text-yellow">**</span>
                        </li>
                    </ol>
                    </p>
                    <hr/>
                    <p>
                        <span class="text-yellow">*</span>В більшості випадків місце розміщення земельної ділянки на
                        карті позначено приблизно (в межах місцевої ради)
                    </p>
                    <p>
                        <span class="text-yellow">**</span>Щодо інформації стосовно потужностей електричних підстанцій
                        ПАТ "Укрзалізниця" необхідно звертатися безпосередньо до компанії
                    </p>
                    <p class="background-blue">
                        В розділі "Корисна інформація" міститься перелік основної законодавчої бази в сферах
                        енергоефективності та відновлюваної енергетики. Також наведено розділ з корисними посиланнями
                        окремо для Інвестора та Споживача на інформаційні ресурси, що стосуються впровадження проектів
                        енергоефективності та відновлюваної енергетики. Тобто тут зосереджено важливу інформацію, яка
                        може бути корисною різним користувачам, яких об'єднує одна ціль - впровадження енергоефективних
                        технологій та відновлюваних джерел енергії.
                    </p>
                </div>
            </div>

        </div>
    </main>
</div>


<footer class="footer">
    <div class="container">
        <div class="row ">
            <div class="col-sm-6">
                <div class="footer-md-text">
                    Партнери проекту
                </div>
            </div>
            <div class="col-sm-6">
                <div class="copyright">
                    UAMAP © 2017
                </div>
            </div>
        </div>
    </div>
</footer>
<div class="overlay" id="overlay"></div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script
        src="https://code.jquery.com/jquery-3.2.1.min.js"
        integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
        crossorigin="anonymous"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="dist/js/bootstrap.min.js"></script>
<script src="dist/js/select2.min.js"></script>
<script src="dist/js/mCustomScrollBar.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="dist/js/main.js"></script>
<script src="//maps.googleapis.com/maps/api/js?key=AIzaSyB9LkxjzJCUHN1XWws7HuJbkF5LcqLwR60&amp;callback=initMap&amp;language=en"></script>

</body>
</html>