Your IP : 172.28.240.42


Current Path : /var/www/html/clients/biblio.e-nkama.ru/html/pages/
Upload File :
Current File : /var/www/html/clients/biblio.e-nkama.ru/html/pages/second_page.html

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Центральная детская библиотека</title>
  <link href="favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
  <link rel="stylesheet" href="../css/libs.min.css">
  <link rel="stylesheet" href="../css/main.min.css">
</head>
<body>
  <div id="page-preloader"><span class="circle"></span></div>

  <header class="anuh__header">
    <div class="header__bootom">
      <div class="header__bg">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 col-xl-7">
              <div class="logo">
                <div class="logo__img">
                  <img src="../img/anuh/logo.png" alt="">
                </div>
                <div class="logo__title">
                  <h4>Центральная детская библиотека</h4>
                </div>
              </div>
            </div>
            <div class="col-lg-6 col-xl-5">
              <div class="header__bootom__actions">
                <a href="#" class="ask__libary">
                  <img src="../img/anuh/ask_icon.png" alt="">
                  <span>Спросить<br/> у библиотекаря</span>
                </a>
                <div class="social">
                  <a href="#audiobook" class="audiobook"></a>
                  <a href="#vk" class="vk"></a>
                  <a href="#youtube" class="youtube"></a>
                  <a href="#instagram" class="instagram"></a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="header__navigation">
      <div class="container">
        <nav class="navbar navbar-expand-lg">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <button class="home__btn"></button>
          <div class="collapse navbar-collapse" id="navbarContent">
            <ul class="navbar-nav mr-auto">
              <li class="nav-item active">
                <a class="nav-link" href="#">Библиотеки</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Читателям</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Контакты</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="#">Экскурсия online</a>
              </li>
            </ul>
            <a href="#" class="select__town">ЦБС г. Нижнекамска</a>
          </div>
          <div class="chose__lang">
            <ul class="chose__lang__navs">
              <li><a href="#" class="chose__lang__nav active">Рус</a></li>
              <li>/</li>
              <li><a href="#" class="chose__lang__nav">Тат</a></li>
            </ul>
          </div>
        </nav>
      </div>
    </div>
  </header>
  
  <div class="main">
    <div class="slider">
      <div class="owl-carousel owl-theme" id="main__slider">
        <div class="item" style="background-image: url('../img/anuh/slide_1.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_2.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_3.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_4.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_1.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_2.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_3.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_4.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_1.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_2.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_3.jpg');"></div>
        <div class="item" style="background-image: url('../img/anuh/slide_4.jpg');"></div>
      </div>
    </div>
    <div class="explan">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-xl-9">
            <div class="explan__tabs">
              <ul class="nav nav-pills" id="pills-tab" role="tablist">
                <li class="nav-item">
                  <a class="nav-link active" id="project__window-tab" data-toggle="pill" href="#project__window" role="tab" aria-controls="project__window" aria-selected="true">Проект “ОКНО: 3D”</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="zero__plus-tab" data-toggle="pill" href="#zero__plus" role="tab" aria-controls="zero__plus" aria-selected="false"><b>О+</b></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="six__plus-tab" data-toggle="pill" href="#six__plus" role="tab" aria-controls="six__plus" aria-selected="false"><b>6+</b></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="twelve__plus-tab" data-toggle="pill" href="#twelve__plus" role="tab" aria-controls="twelve__plus" aria-selected="true"><b>12+</b></a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="bibliothe__studio-tab" data-toggle="pill" href="#bibliothe__studio" role="tab" aria-controls="bibliothe__studio" aria-selected="false">Библиостудия</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" id="tukay__park-tab" data-toggle="pill" href="#tukay__park" role="tab" aria-controls="tukay__park" aria-selected="false">Парк им. Г.Тукая</a>
                </li>
              </ul>
              <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="project__window" role="tabpanel" aria-labelledby="project__window-tab">
                  <div class="tab__item">
                    <div class="tab__img">
                      <img src="../img/anuh/explan__img.jpg" alt="">
                    </div>
                    <div class="tab__text">
                      <h4>В зале 0+ «Бәләкәч. Малыш» работа ведётся по программе <a href="#">«Растём с книгой»</a>.</h4>
                      <p>Это центр семейного досуга, где проводятся громкие чтения, литературные игры и викторины, инсценировки, просмотр мультфильмов и развивающих видеороликов, рисование, лепка, создание аппликаций. 
                          Для родителей здесь организуются встречи со специалистами по вопросам здоровья, воспитания и развития ребёнка.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="zero__plus" role="tabpanel" aria-labelledby="zero__plus-tab">
                  <div class="tab__item">
                    <div class="tab__img">
                      <img src="../img/anuh/explan__img.jpg" alt="">
                    </div>
                    <div class="tab__text">
                      <h4>В зале 0+ «Бәләкәч. Малыш» работа ведётся по программе <a href="#">«Растём с книгой»</a>.</h4>
                      <p>Это центр семейного досуга, где проводятся громкие чтения, литературные игры и викторины, инсценировки, просмотр мультфильмов и развивающих видеороликов, рисование, лепка, создание аппликаций. 
                          Для родителей здесь организуются встречи со специалистами по вопросам здоровья, воспитания и развития ребёнка.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="six__plus" role="tabpanel" aria-labelledby="six__plus-tab">
                  <div class="tab__item">
                    <div class="tab__img">
                      <img src="../img/anuh/explan__img.jpg" alt="">
                    </div>
                    <div class="tab__text">
                      <h4>В зале 0+ «Бәләкәч. Малыш» работа ведётся по программе <a href="#">«Растём с книгой»</a>.</h4>
                      <p>Это центр семейного досуга, где проводятся громкие чтения, литературные игры и викторины, инсценировки, просмотр мультфильмов и развивающих видеороликов, рисование, лепка, создание аппликаций. 
                          Для родителей здесь организуются встречи со специалистами по вопросам здоровья, воспитания и развития ребёнка.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="twelve__plus" role="tabpanel" aria-labelledby="twelve__plus-tab">
                  <div class="tab__item">
                    <div class="tab__img">
                      <img src="../img/anuh/explan__img.jpg" alt="">
                    </div>
                    <div class="tab__text">
                      <h4>В зале 0+ «Бәләкәч. Малыш» работа ведётся по программе <a href="#">«Растём с книгой»</a>.</h4>
                      <p>Это центр семейного досуга, где проводятся громкие чтения, литературные игры и викторины, инсценировки, просмотр мультфильмов и развивающих видеороликов, рисование, лепка, создание аппликаций. 
                          Для родителей здесь организуются встречи со специалистами по вопросам здоровья, воспитания и развития ребёнка.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="bibliothe__studio" role="tabpanel" aria-labelledby="bibliothe__studio-tab">
                  <div class="tab__item">
                    <div class="tab__img">
                      <img src="../img/anuh/explan__img.jpg" alt="">
                    </div>
                    <div class="tab__text">
                      <h4>В зале 0+ «Бәләкәч. Малыш» работа ведётся по программе <a href="#">«Растём с книгой»</a>.</h4>
                      <p>Это центр семейного досуга, где проводятся громкие чтения, литературные игры и викторины, инсценировки, просмотр мультфильмов и развивающих видеороликов, рисование, лепка, создание аппликаций. 
                          Для родителей здесь организуются встречи со специалистами по вопросам здоровья, воспитания и развития ребёнка.</p>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="tukay__park" role="tabpanel" aria-labelledby="tukay__park-tab">
                  <div class="tab__item">
                    <div class="tab__img">
                      <img src="../img/anuh/explan__img.jpg" alt="">
                    </div>
                    <div class="tab__text">
                      <h4>В зале 0+ «Бәләкәч. Малыш» работа ведётся по программе <a href="#">«Растём с книгой»</a>.</h4>
                      <p>Это центр семейного досуга, где проводятся громкие чтения, литературные игры и викторины, инсценировки, просмотр мультфильмов и развивающих видеороликов, рисование, лепка, создание аппликаций. 
                          Для родителей здесь организуются встречи со специалистами по вопросам здоровья, воспитания и развития ребёнка.</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-xl-3">
            <div class="explan__haves">
              <h4 class="explan__have explan__have__wifi"><span>Бесплатный<br/> wi-fi</span></h4>
              <h4 class="explan__have explan__have__access"><span>Доступная<br/> среда</span></h4>
              <h4 class="explan__have explan__have__fund"><span>28 тыс.<br/> книжный фонд</span></h4>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="main__bg">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-xl-9">
            <div class="news anuh__news">
              <div class="news__item">
                <div class="news__item__header">
                  <h2 class="news__item__title">Тебе, читатель!</h2>
                  <a  class="news__more" href="#"><span>Узнать<br/> подробнее</span></a>
                </div>
                <div class="news__item__content">
                  <div class="news__item__img">
                    <img src="../img/anuh/news_one.jpg" alt="">
                  </div>
                  <div class="news__item__text">
                    <p>Для тебя, твоих братьев и сестер, родителей и учителей — большой фонд детской литературы (28 тысяч), методических разработок, аудио и видео записей, компьютерная зона, 54 наименований журналов, 13 экземпляров газет на любой вкус.</p>
                  </div>
                </div>
              </div>
              <div class="news__item">
                <div class="news__item__header">
                  <h2 class="news__item__title">Как записаться?</h2>
                  <a  class="news__more" href="#"><span>Узнать<br/> подробнее</span></a>
                </div>
                <div class="news__item__content">
                  <div class="news__item__img">
                    <img src="../img/anuh/news_two.jpg" alt="">
                  </div>
                  <div class="news__item__text">
                    <p><b>1.</b> Запись в библиотеку осуществляется по предъявлении документа, удостоверяющего личность. Дети до 14 лет записываются на основании документа, удостоверяющего личность их законных представителей (паспорта), и их поручительства.</p>
                    <p><b>2.</b> При записи читатель должен ознакомиться с <a href="#">Правилами пользования</a> библиотекой и подтвердить обязательство их выполнения своей подписью в читательском формуляре...</p>
                  </div>
                </div>
              </div>
              <div class="news__item">
                <div class="news__item__header">
                  <h2 class="news__item__title">Правила пользования</h2>
                  <a  class="news__more" href="#"><span>Узнать<br/> подробнее</span></a>
                </div>
                <div class="news__item__content">
                  <div class="news__item__img">
                    <img src="../img/anuh/news_three.jpg" alt="">
                  </div>
                  <div class="news__item__text">
                    <p><b>1.</b> Детская библиотека – обслуживает детей до 15 лет (включительно), их родителей, учителей, воспитателей и других пользователей, профессионально занимающихся вопросами детского чтения и детской литературы. Дети, подростки и их представители (родители, опекуны, попечители) пользуются залами библиотеки бесплатно.</p>
                    <p>Библиотека обслуживает читателей с учетом возрастных особенностей: 0+, 6+, 12+...</p>
                  </div>
                </div>
              </div>
              <div class="news__item">
                <div class="news__item__header">
                  <h2 class="news__item__title">Наши услуги</h2>
                  <a  class="news__more" href="#"><span>Узнать<br/> подробнее</span></a>
                </div>
                <div class="news__item__content">
                  <div class="news__item__img">
                    <img src="../img/anuh/news_four.jpg" alt="">
                  </div>
                  <div class="news__item__text">
                    <ul>
                      <li>Проведение экскурсии;</li>
                      <li>Выдача литературы на дом сроком на 10 дней;</li>
                      <li>Предварительный заказ литературы по телефону;</li>
                      <li>Организация встреч с писателями;</li>
                      <li>Проведение массовых мероприятий, литературных праздников, вечеров, занятий по рисованию, изучению татарского языка, мастер-классов...</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-4 col-xl-3">
            <div class="afisha">
              <a href="#" class="afisha__title">Афиша</a>
              <div class="owl-carousel owl-theme" id="afisha__slider">
                <div class="item" style="background-image: url('../img/anuh/afisha_slide.jpg');">
                  <p class="item__date">2 февраля</p>
                  <a href="#" class="item__title">День Больших дел</a>
                </div>
                <div class="item" style="background-image: url('../img/anuh/afisha_slide.jpg');">
                  <p class="item__date">2 февраля</p>
                  <a href="#" class="item__title">День Больших дел</a>
                </div>
                <div class="item" style="background-image: url('../img/anuh/afisha_slide.jpg');">
                  <p class="item__date">2 февраля</p>
                  <a href="#" class="item__title">День Больших дел</a>
                </div>
              </div>
            </div>
            <div class="novelties">
              <a href="#" class="novelties__title">Новинки</a>
              <div class="owl-carousel owl-theme" id="novelties__slider">
                <div class="item" style="background-image: url('../img/anuh/novelties_slide.jpg');">
                  <a href="#" class="item__title">Золотой ключик или<br/> приключения Буратино</a>
                  <p class="item__author">А. Н. Толстой</p>
                </div>
                <div class="item" style="background-image: url('../img/anuh/novelties_slide.jpg');">
                  <a href="#" class="item__title">Золотой ключик или<br/> приключения Буратино</a>
                  <p class="item__author">А. Н. Толстой</p>
                </div>
                <div class="item" style="background-image: url('../img/anuh/novelties_slide.jpg');">
                  <a href="#" class="item__title">Золотой ключик или<br/> приключения Буратино</a>
                  <p class="item__author">А. Н. Толстой</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="useful anuh__useful">
      <div class="useful__nav">
        <div class="container">
          <ul class="nav nav-pills" id="pills-tab" role="tablist">
            <li class="nav-item">
              <h4>Полезные ссылки:</h4>
            </li>
            <li class="nav-item">
              <a class="nav-link active" id="kids-port-tab" data-toggle="pill" href="#kids-port" role="tab" aria-controls="kids-port" aria-selected="false">Детские порталы</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" id="parents-tab" data-toggle="pill" href="#parents" role="tab" aria-controls="parents" aria-selected="false">Для родителей</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="useful__tab">
        <div class="tab-content" id="pills-tabContent">
          <div class="tab-pane fade show active" id="kids-port" role="tabpanel" aria-labelledby="kids-port-tab">
            <div class="container">
              <div class="owl-carousel owl-theme" id="useful__slider">
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_one.png" alt="">
                  </div>
                  <h3 class="item__title">Большая книга<br/> сказок</h3>
                  <a href="#" class="item__link">fairy.big-book.net</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_two.png" alt="">
                  </div>
                  <h3 class="item__title">Миллион игр<br/> от Алавар</h3>
                  <a href="#" class="item__link">million-games.net</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_three.png" alt="">
                  </div>
                  <h3 class="item__title">РеДИСка! - детский<br/> игровой сайт</h3>
                  <a href="#" class="item__link">detskiy-sait.ru</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_four.png" alt="">
                  </div>
                  <h3 class="item__title">Раскраски<br/> для детей</h3>
                  <a href="#" class="item__link">packpacku.net</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_five.png" alt="">
                  </div>
                  <h3 class="item__title">Сайт для<br/> школьников</h3>
                  <a href="#" class="item__link">shkolniki.at.ua</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_five.png" alt="">
                  </div>
                  <h3 class="item__title">Сайт для<br/> школьников</h3>
                  <a href="#" class="item__link">shkolniki.at.ua</a>
                </div>
              </div>
            </div>
          </div>
          <div class="tab-pane fade" id="parents" role="tabpanel" aria-labelledby="parents-tab">
            <div class="container">
              <div class="owl-carousel owl-theme" id="useful__slider__two">
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_one.png" alt="">
                  </div>
                  <h3 class="item__title">Большая книга<br/> сказок</h3>
                  <a href="#" class="item__link">fairy.big-book.net</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_two.png" alt="">
                  </div>
                  <h3 class="item__title">Миллион игр<br/> от Алавар</h3>
                  <a href="#" class="item__link">million-games.net</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_three.png" alt="">
                  </div>
                  <h3 class="item__title">РеДИСка! - детский<br/> игровой сайт</h3>
                  <a href="#" class="item__link">detskiy-sait.ru</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_four.png" alt="">
                  </div>
                  <h3 class="item__title">Раскраски<br/> для детей</h3>
                  <a href="#" class="item__link">packpacku.net</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_five.png" alt="">
                  </div>
                  <h3 class="item__title">Сайт для<br/> школьников</h3>
                  <a href="#" class="item__link">shkolniki.at.ua</a>
                </div>
                <div class="item">
                  <div class="item__img">
                    <img src="../img/anuh/useful_five.png" alt="">
                  </div>
                  <h3 class="item__title">Сайт для<br/> школьников</h3>
                  <a href="#" class="item__link">shkolniki.at.ua</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="map anuh__map">
      <div class="map__block">
        <div class="container">
          <div class="map__info">
            <div class="map__address">
              <p><b>Наш адрес:</b></p>
              <p>г. Нижнекамск, ул.Тукая, дом 31</p>
            </div> 
            <div class="map__worktime">
              <p><b>График работы:</b></p>
              <p>В зимний период с 10 до 19 часов.</p>
              <p>Выходной день : понедельник.</p>
              <p>1 число -сан. день</p>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A2f36566e77127e9e57d71e5582632f46b252d3dcd8f97c519155f473f0881175&amp;width=100%25&amp;height=100%&amp;lang=ru_RU&amp;scroll=false"></script>
    </div>
    <div class="insta">
      <div class="container">
        <h2 class="insta__title">Следите за новостями в <a href="#instagram" class="instagram__link">instagram</a></h2>
        <div class="row">
          <div class="col-md-6 col-lg-6 col-xl-3">
            <div class="insta__item">
              <img src="../img/anuh/insta/insta_one.jpg" class="insta__img"/>
              <div class="insta__content">
                <div class="insta__content__action">
                  <span class="insta__likes">21</span>
                  <span class="insta__reviews">1</span>
                </div>
                <p>Юные читатели в нашей библиотеке всегда найдут что-то новое и увлекательное<br/>...</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-6 col-xl-3">
            <div class="insta__item">
                <img src="../img/anuh/insta/insta_two.jpg" class="insta__img"/>
              <div class="insta__content">
                <div class="insta__content__action">
                  <span class="insta__likes">21</span>
                  <span class="insta__reviews">1</span>
                </div>
                <p>Юные читатели в нашей библиотеке всегда найдут что-то новое и увлекательное<br/>...</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-6 col-xl-3">
            <div class="insta__item">
                <img src="../img/anuh/insta/insta_three.jpg" class="insta__img"/>
              <div class="insta__content">
                <div class="insta__content__action">
                  <span class="insta__likes">21</span>
                  <span class="insta__reviews">1</span>
                </div>
                <p>Юные читатели в нашей библиотеке всегда найдут что-то новое и увлекательное<br/>...</p>
              </div>
            </div>
          </div>
          <div class="col-md-6 col-lg-6 col-xl-3">
            <div class="insta__item">
                <img src="../img/anuh/insta/insta_four.jpg" class="insta__img"/>
              <div class="insta__content">
                <div class="insta__content__action">
                  <span class="insta__likes">21</span>
                  <span class="insta__reviews">1</span>
                </div>
                <p>Юные читатели в нашей библиотеке всегда найдут что-то новое и увлекательное<br/>...</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-9 col-xl-9"><p class="copyright">©  Муниципальное бюджетное учреждение <b>“Централизованная библиотечная система города Нижнекамска"</b>. Все права защищены, 2018</p></div>
        <div class="col-lg-3 col-xl-3"><div class="itchelny"><p>Создание сайта</p><a href="https://www.itchelny.ru/"><img class="itchelny__logo" src="../img/itchelny_logo.png" alt=""></a></div></div>
      </div>
    </div>
  </footer>

  <script src="../libs/libs.min.js"></script>
  <script src="../js/main.js"></script>
</body>
</html>