er-dark-gray:hover{color:#fff!important;background-color:#616161!important}
    </style>
    <!-- Slidebar menu -->
    <div class="w3-sidebar w3-bar-block w3-card w3-light-gray">
        <button id='inititem' class="w3-bar-item w3-button tablink" onclick="openLink(event, 'item1')">Пошук у Краєзнавчому електронному мультиресурсі "Історія міст і сіл України"</button>
        <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'item2')">Пошук у БД "Адміністративно-територіальний устрій. Зміни і доповнення.</button>
        <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'item3')">Пошук у БД "Історики України"</button>
        <button class="w3-bar-item w3-button tablink" onclick="openLink(event, 'item4')">Українська революція 1917-1921</button>
    </div>
    <!-- Slidebar content -->
    <div style="margin-left: 380px; height: 316px">
        <div id="item1" class="w3-container w3-animate-top item" style="display:none">
            <a href="/irbis/catalogs/16/">
                <img src="/static/images/slidebar/item2.png" width="520" height="316"/>
            </a>
        </div>
        <div id="item2" class="w3-container w3-animate-top item" style="display:none">
            <a href="/irbis/catalogs/32/">
                <img src="/static/images/slidebar/item3.png" width="520" height="316"/>
            </a>
        </div>
        <div id="item3" class="w3-container w3-animate-top item" style="display:none">
            <a href="/irbis/catalogs/28/">
                <img src="/media/uploads/2020/06/06/item1.jpg" width="520" height="316"/>
            </a>
        </div>
        <div id="item4" class="w3-container w3-animate-top item" style="display:none">
            <a href="/ukrrev">
                <img src="/static/images/slidebar/item4.png" width="520" height="316"/>
            </a>
        </div>
    </div>
    <!-- Slidebar script -->
    <script>
        function openLink(evt, itemId) {
            var i, x, tablinks;
            x = document.getElementsByClassName("item");
            for (i = 0; i < x.length; i++) {
                x[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("tablink");
            for (i = 0; i < x.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" w3-dark-gray", "");
            }
            document.getElementById(itemId).style.display = "block";
            evt.currentTarget.className += " w3-dark-gray";
        }
        document.getElementById('inititem').click();
    </script>

	        </div>
        </div>	
	    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    	<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
    	<script type="text/javascript" src="/static/slick/slick.min.js"></script>
		<script type="text/javascript" src="/static/js/main.js"></script
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="/static/com_image/js/fancybox//jquery.mousewheel-3.0.4.pack.js"></script>
        <script type="text/javascript" src="/static/com_image/js/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<script src="/static/com_image/js/gallery/imageflow.js" type="text/javascript"></script>
        <script src="/static/com_image/js/doit.js" type="text/javascript"></script>
        <script src="/static/com_image/js/cards.js" type="text/javascript"></script>
        
        <div align="center">
        <!--LiveInternet counter--><script type="text/javascript">
document.write('<a href="//www.liveinternet.ru/click" '+
'target="_blank"><img src="//counter.yadro.ru/hit?t38.6;r'+
escape(document.referrer)+((typeof(screen)=='undefined')?'':
';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+
';h'+escape(document.title.substring(0,150))+';'+Math.random()+
'" alt="" title="LiveInternet" '+
'border="0" width="31" height="31"><\/a>')
</script><!--/LiveInternet-->

        <!--cy-pr.com--><a href="https://www.cy-pr.com/" target="_blank">
          <img src="https://www.cy-pr.com/e/www.nibu.kiev.ua_32.gif" border="0" width="88" height="15" alt="Проверка ТИЦ" /></a><!--cy-pr.com-->
    </body>
</html>