Current Path : /var/www/html/clients/biblio.e-nkama.ru/html/pages/ |
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&width=100%25&height=100%&lang=ru_RU&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>