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/third_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="../img/bgt/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="bgt__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/bgt/logo.png" alt="">
                </div>
                <div class="logo__title">
                  <h4>Центральная библиотека<br/>
                      имени Габдуллы Тукая</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/bgt/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>
            </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="narrative">
      <div class="container">
        <div class="row">
          <div class="col-lg-4 col-xl-4"></div>
          <div class="col-lg-8 col-xl-8">
            <div class="narrative__text">
              <span class="quotes__top">&ldquo;</span>
              <span class="quotes__bottom">&bdquo;</span>
              <h2>И туган тел, и матур тел, әткәм-әнкәмнең теле!</h2>
                  <h2>Дөньяда күп нәрсә белдем 
                      син туган тел аркылы.</h2>
                <span class="author">Г. Тукай</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="sub__nav">
      <div class="container">
        <div class="sub__nav__items">
         <a href="#" class="sub__nav__item sub-nav-i-1">История библиотеки</a>
         <a href="#" class="sub__nav__item sub-nav-i-2">Ресурсы</a>
         <a href="#" class="sub__nav__item sub-nav-i-3">Основные направления работы</a>
        </div>
      </div>
    </div>
    <div class="bgt__bg">
      <div class="bgt__bg__second">
        <div class="container">
          <div class="row">
            <div class="col-lg-8 col-xl-9">
              <div class="halls">
                <a href="#" class="halls__item" style="background-image: url('../img/bgt/hall_1.jpg');">
                  <h3>Зал периодических изданий</h3>
                </a>
                <a href="#" class="halls__item" style="background-image: url('../img/bgt/hall_2.jpg');">
                  <h3>Конференц зал</h3>
                </a>
                <a href="#" class="halls__item" style="background-image: url('../img/bgt/hall_3.jpg');">
                  <h3>Зал отраслевой литературы</h3>
                </a>
                <a href="#" class="halls__item" style="background-image: url('../img/bgt/hall_4.jpg');">
                  <h3>Зал художественной литературы 
                    и искусства</h3>
                </a>
                <a href="#" class="halls__item" style="background-image: url('../img/bgt/hall_5.jpg');">
                  <h3>Литературное кафе</h3>
                </a>
                <a href="#" class="halls__item" style="background-image: url('../img/bgt/hall_6.jpg');">
                  <h3>Творческая гостиная</h3>
                </a>
              </div>
            </div>
            <div class="col-lg-4 col-xl-3">
              <div class="explan explan__bgt">
                <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 class="litres__bg">
                <div class="litres">
                  <img src="../img/bgt/lit_logo.png" alt="" class="litres__logo">
                  <h3 class="litres__title">ЛитРес - самая большая библиотека электронных книг</h3>
                  <a href="#">www.litres.ru</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </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/bgt/useful_1.png" alt="">
            </div>
            <h3 class="item__title">Татарская поэзия,<br/> татарские стихи</h3>
            <a href="#" class="item__link">shigriyat.ru</a>
          </div>
          <div class="item">
            <div class="item__img">
              <img src="../img/bgt/useful_2.png" alt="">
            </div>
            <h3 class="item__title">Г. Тукайга багышланган<br/> Интернет-портал</h3>
            <a href="#" class="item__link">gabdullatukay.ru</a>
          </div>
          <div class="item">
            <div class="item__img">
              <img src="../img/bgt/useful_3.png" alt="">
            </div>
            <h3 class="item__title">Словари<br/> татарского языка</h3>
            <a href="#" class="item__link">suzlek.antat.ru</a>
          </div>
          <div class="item">
            <div class="item__img">
              <img src="../img/bgt/useful_4.png" alt="">
            </div>
            <h3 class="item__title">Музей Г.Тукая в селе<br/> Новый Кырлай</h3>
            <a href="#" class="item__link">tukay-museum.ru</a>
          </div>
          <div class="item">
            <div class="item__img">
              <img src="../img/bgt/useful_5.png" alt="">
            </div>
            <h3 class="item__title">Литературный музей<br/> Габдуллы Тукая</h3>
            <a href="#" class="item__link">g-tukay.tatmuseum.ru</a>
          </div>
          <div class="item">
            <div class="item__img">
              <img src="../img/bgt/useful_5.png" alt="">
            </div>
            <h3 class="item__title">Литературный музей<br/> Габдуллы Тукая</h3>
            <a href="#" class="item__link">g-tukay.tatmuseum.ru</a>
          </div>
        </div>
      </div>
    </div>
    <div class="map map__bgt">
      <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&amp;width=100%25&amp;height=100%&amp;lang=ru_RU&amp;scroll=false"></script>
    </div>
    <div class="footer-nav">
      <div class="container">
        <div class="footer-nav__blocks">
          <a href="#" class="go__home"></a>
          <div class="footer-nav__block">
            <a href="#" class="footer-nav__block__title">Читателям</a>
            <ul>
              <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>
          </div>
          <div class="footer-nav__block footer-nav__havent-title">
            <ul>
              <li><a href="#">Литературное кафе</a></li>
              <li><a href="#">Правила пользования библиотекой</a></li>
              <li><a href="#">План мероприятий</a></li>
              <li><a href="#">Конкурсы</a></li>
            </ul>
          </div>
          <div class="footer-nav__block">
            <a href="#" class="footer-nav__block__title">Отделы</a>
            <ul>
              <li><a href="#">Методический отдел</a></li>
              <li><a href="#">Информационно-библиографический отдел</a></li>
              <li><a href="#">Отдел комплектования</a></li>
              <li><a href="#">Сектор центра правовой информации</a></li>
            </ul>
          </div>
          <div class="footer-nav__block">
            <a href="#" class="footer-nav__block__title">Контакты</a>
            <a href="#" class="adress__link"><span>Россия, РТ, г. Нижнекамск,<br/> улица Тукая, 31</span></a>
            <span class="phones__links"><span><a href="tel:88555399383">8 (8555) 39-93-83</a><br/><a href="tel:78555399483">+7 8555 39‑94-83</a></span></span>
            <a href="#" class="footer__town">ЦБС г. Нижнекамска</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <footer class="footer__bgt">
    <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/bgt/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>