Your IP : 172.28.240.42
<!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>
<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="#">Библиотеки</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="#">Литературная карта</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Афиша</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Контакты</a>
</li>
</ul>
</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>
<div class="header__bootom">
<div class="container">
<div class="row">
<div class="col-lg-6 col-xl-6">
<div class="logo">
<div class="logo__img">
<img src="img/logo.png" alt="">
</div>
<div class="logo__title">
<p>Муниципальное бюджетное учреждение</p>
<h4>"Централизованная библиотечная<br/> система города Нижнекамска"</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-6">
<div class="header__bootom__actions">
<a href="#" class="ask__libary">
<img src="img/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>
</header>
<div class="main">
<div class="slider">
<div class="owl-carousel owl-theme" id="main__slider">
<div class="item" style="background-image: url('img/slide_1.jpg');"></div>
<div class="item" style="background-image: url('img/slide_2.jpg');"></div>
<div class="item" style="background-image: url('img/slide_3.jpg');"></div>
<div class="item" style="background-image: url('img/slide_4.jpg');"></div>
<div class="item" style="background-image: url('img/slide_5.jpg');"></div>
<div class="item" style="background-image: url('img/slide_6.jpg');"></div>
<div class="item" style="background-image: url('img/slide_7.jpg');"></div>
</div>
</div>
<div class="second__navigation">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4 col-xl-3">
<a href="#" class="catalog__link"><span class="catalog__link-icon"></span><span class="catalog__link-text">Электронный<br/>
каталог</span></a>
</div>
<div class="col-md-4 col-xl-3">
<a href="#" class="reference__link"><span class="reference__link-icon"></span><span class="reference__link-text">Виртуальная<br/>
справка</span></a>
</div>
<div class="col-md-4 col-xl-3">
<a href="#" class="renewal__link"><span class="renewal__link-icon"></span><span class="renewal__link-text">Онлайн<br/>
продление</span></a>
</div>
<div class="col-md-12 col-xl-3">
<div class="search__block">
<form action="#">
<h4 class="search__block__title">Поиск по сайту</h4>
<div class="input-group mb-3">
<input type="text" class="form-control" aria-label="Ключевое слово" placeholder="Ключевое слово">
<div class="input-group-append">
<button type="submit" class="input-group-btn"></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-xl-9">
<div class="news">
<div class="news__header">
<h2 class="news__title">Новости</h2>
<a href="#" class="news__more">Все новости</a>
</div>
<div class="news__items">
<a href="#" class="news__item">
<div class="news__item__img">
<img src="img/news_one.jpg" alt="">
</div>
<div class="news__item__content">
<p class="news__item__date">29 декабря 2017, 12:17</p>
<h4 class="news__item__title">Сегодня в ЦБ имени Габдуллы Тукая состоялась творческая встреча с актёром Дмитрием Дюжевым.</h4>
<p class="news__item__desc">25 января в ЦБ им Г. Тукая проведен вечер-портрет "«Высоцкий – знакомый и незнакомый», посвященный 80-летию со дня рождения поэта.
На вечере присутствовали старшеклассники школы №8 и члены клуба ветеранов "Берегиня "Для них оформлена книжная выставка-викторина</p>
</div>
</a>
<a href="#" class="news__item">
<div class="news__item__img">
<img src="img/news_two.jpg" alt="">
</div>
<div class="news__item__content">
<p class="news__item__date">26 декабря 2017, 12:29</p>
<h4 class="news__item__title">Книжная выставка "Читай. Думай. Выбирай".</h4>
<p class="news__item__desc">25 января в ЦБ им Г. Тукая проведен вечер-портрет "«Высоцкий – знакомый и незнакомый», посвященный 80-летию со дня рождения поэта.
На вечере присутствовали старшеклассники школы №8 и члены клуба ветеранов "Берегиня "Для них оформлена книжная выставка-викторина</p>
</div>
</a>
<a href="#" class="news__item">
<div class="news__item__img">
<img src="img/news_three.jpg" alt="">
</div>
<div class="news__item__content">
<p class="news__item__date">25 декабря 2017, 16:42</p>
<h4 class="news__item__title">День с Высоцким.</h4>
<p class="news__item__desc">25 января в ЦБ им Г. Тукая проведен вечер-портрет "«Высоцкий – знакомый и незнакомый», посвященный 80-летию со дня рождения поэта.
На вечере присутствовали старшеклассники школы №8 и члены клуба ветеранов "Берегиня "Для них оформлена книжная выставка-викторина</p>
</div>
</a>
</div>
</div>
<div class="books">
<div class="books__header">
<h2 class="books__title">Книжные новинки</h2>
<a href="#" class="books__more">Перейти в каталог</a>
</div>
<div class="owl-carousel owl-theme" id="books__slider">
<a href="#" class="item">
<div class="item__img-bg">
<img src="img/books/slide_one.jpg" alt="">
</div>
<h2 class="item__title">Город Брежнев</h2>
<p class="item__author">Шамиль Идиатуллин</p>
</a>
<a href="#" class="item">
<div class="item__img-bg">
<img src="img/books/slide_two.jpg" alt="">
</div>
<h2 class="item__title">Мастер и маргарита</h2>
<p class="item__author">Михаил Булгаков</p>
</a>
<a href="#" class="item">
<div class="item__img-bg">
<img src="img/books/slide_three.jpg" alt="">
</div>
<h2 class="item__title">Исемде калганнар</h2>
<p class="item__author">Габдулла Тукай</p>
</a>
<a href="#" class="item">
<div class="item__img-bg">
<img src="img/books/slide_one.jpg" alt="">
</div>
<h2 class="item__title">Город Брежнев</h2>
<p class="item__author">Шамиль Идиатуллин</p>
</a>
<a href="#" class="item">
<div class="item__img-bg">
<img src="img/books/slide_two.jpg" alt="">
</div>
<h2 class="item__title">Мастер и маргарита</h2>
<p class="item__author">Михаил Булгаков</p>
</a>
<a href="#" class="item">
<div class="item__img-bg">
<img src="img/books/slide_three.jpg" alt="">
</div>
<h2 class="item__title">Исемде калганнар</h2>
<p class="item__author">Габдулла Тукай</p>
</a>
</div>
</div>
<div class="contests">
<div class="owl-carousel owl-theme" id="contests__slider">
<div class="item" style="background-image: url('img/contests__img.jpg');">
<div class="item__content">
<a href="#" class="item__title">Приглашаем Вас
на ежегодный конкурс
чтецов стихотворений Тукая.</a>
<h3 class="item__date">1 тур - до 16 марта</h3>
<p>Конкурс проводится в 4-х номинациях:</p>
<ul>
<li>от 5 до 8 лет</li>
<li>от 9 до 13 лет</li>
<li>от 14 до 19 лет</li>
<li>от 20 и старше</li>
</ul>
</div>
</div>
<div class="item" style="background-image: url('img/contests__img.jpg');">
<div class="item__content">
<a href="#" class="item__title">Приглашаем Вас
на ежегодный конкурс
чтецов стихотворений Тукая.</a>
<h3 class="item__date">1 тур - до 16 марта</h3>
<p>Конкурс проводится в 4-х номинациях:</p>
<ul>
<li>от 5 до 8 лет</li>
<li>от 9 до 13 лет</li>
<li>от 14 до 19 лет</li>
<li>от 20 и старше</li>
</ul>
</div>
</div>
<div class="item" style="background-image: url('img/contests__img.jpg');">
<div class="item__content">
<a href="#" class="item__title">Приглашаем Вас
на ежегодный конкурс
чтецов стихотворений Тукая.</a>
<h3 class="item__date">1 тур - до 16 марта</h3>
<p>Конкурс проводится в 4-х номинациях:</p>
<ul>
<li>от 5 до 8 лет</li>
<li>от 9 до 13 лет</li>
<li>от 14 до 19 лет</li>
<li>от 20 и старше</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/afisha_slide.jpg');">
<p class="item__date">25 января</p>
<a href="#" class="item__title">День В. Высоцкого</a>
</div>
<div class="item" style="background-image: url('img/afisha_slide.jpg');">
<p class="item__date">25 января</p>
<a href="#" class="item__title">День В. Высоцкого</a>
</div>
<div class="item" style="background-image: url('img/afisha_slide.jpg');">
<p class="item__date">25 января</p>
<a href="#" class="item__title">День В. Высоцкого</a>
</div>
</div>
</div>
<div class="nav__left">
<ul class="nav__left__links">
<li class="nav__left-link"><a href="#">Краеведческий навигатор</a></li>
<li class="nav__left-link"><a href="#">Фотогалерея</a></li>
<li class="nav__left-link"><a href="#">Календарь юбилейных дат</a></li>
<li class="nav__left-link"><a href="#">Отзывы и пожелания</a></li>
<li class="nav__left-link"><a href="#">Министерство культуры РТ</a></li>
<li class="nav__left-link"><a href="#">Управление культуры НМР РТ</a></li>
<li class="nav__left-link"><a href="#">Национальная электронная библиотека РТ</a></li>
<li class="nav__left-link"><a href="#">Национальная библиотека РТ</a></li>
<li class="nav__left-link"><a href="#">Республиканская юношеская библиотека РТ</a></li>
<li class="nav__left-link"><a href="#">Республиканская детская библиотека РТ</a></li>
<li class="nav__left-link"><a href="#">Республиканская библиотека для слепых и слабовидящих РТ</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="map">
<div class="map__block">
<div class="container">
<div class="map__search">
<h3 class="map__search__title">Найди свою библиотеку</h3>
<div class="input-group">
<input type="text" class="form-control map__search__input" placeholder="Ввод названия или выбор из списка" aria-label="Ввод названия или выбор из списка" aria-describedby="basic-addon2">
<div class="input-group-append">
<button class="btn__arr select__arr" type="button"></button>
</div>
<div class="input-group-append">
<button class="btn__search" type="button"></button>
</div>
</div>
<ul id="map__select__menu">
<li>Библиотека № 49</li>
<li>Детская библиотека № 38</li>
<li>Городская библиотека № 3</li>
<li>Ибряевский сельский филиал</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A82ef710549e364f3f933d40e0103a073588108c45ced52e29350b0f9fe84a0eb&width=100%25&height=100%&lang=ru_RU&scroll=false"></script>
</div>
<div class="useful">
<div class="container">
<div class="owl-carousel owl-theme" id="useful__slider">
<div class="item">
<div class="item__img">
<img src="img/useful_one.png" alt="">
</div>
<h3 class="item__title">Официальный сайт<br/> НМР РТ</h3>
<a href="#" class="item__link">www.e-nkama.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_one.png" alt="">
</div>
<h3 class="item__title">Открытый Нижнекамск<br/> Помощник в работе с ЖКХ</h3>
<a href="#" class="item__link">open.e-nkama.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_two.png" alt="">
</div>
<h3 class="item__title">Государственные услуги<br/> в Республике Татарстан</h3>
<a href="#" class="item__link">uslugi.tatarstan.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_three.png" alt="">
</div>
<h3 class="item__title">Портал гос. услуг<br/> Российской Федерации</h3>
<a href="#" class="item__link">www.gosuslugi.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_four.png" alt="">
</div>
<h3 class="item__title">Парк чтения и отдыха<br/> Габдуллы Тукая</h3>
<a href="#" class="item__link">park.tatar/tukai</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_one.png" alt="">
</div>
<h3 class="item__title">Официальный сайт<br/> НМР РТ</h3>
<a href="#" class="item__link">www.e-nkama.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_one.png" alt="">
</div>
<h3 class="item__title">Открытый Нижнекамск<br/> Помощник в работе с ЖКХ</h3>
<a href="#" class="item__link">open.e-nkama.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_two.png" alt="">
</div>
<h3 class="item__title">Государственные услуги<br/> в Республике Татарстан</h3>
<a href="#" class="item__link">uslugi.tatarstan.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_three.png" alt="">
</div>
<h3 class="item__title">Портал гос. услуг<br/> Российской Федерации</h3>
<a href="#" class="item__link">www.gosuslugi.ru</a>
</div>
<div class="item">
<div class="item__img">
<img src="img/useful_four.png" alt="">
</div>
<h3 class="item__title">Парк чтения и отдыха<br/> Габдуллы Тукая</h3>
<a href="#" class="item__link">park.tatar/tukai</a>
</div>
</div>
</div>
</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/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/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/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/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>