JavaScript — Исправлено меню установки при использовании начальной загрузки 4

Исправлено меню установки при использовании начальной загрузки 4

1 пытаются узнать CSS, HTML и JavaScript, создавая панель с нуля, а не просто купить boostrap приборной панели силы. Тем не менее, 1 наткнулись вопрос 1 не может показаться, чтобы выяснить. 1 есть меню на боковую панель и верхнюю часть меню, 1 хотят быть фиксированными, так что они остаются статическим положение на экране, однако если 1 сделать что содержание DIV смещается под меню. 1 осуществляю я могу добавить запас, чтобы переместить их обратно на место, но даже в этом случае, если 1 дают кнопку переключения для расширения скользящего меню, то, что это лучший способ, чтобы сдвинуть, что в стороне? 1 поставили все в этом jsfiddle;

https://jsfiddle.net/4x60gqsn/

Спасибо, Shaun

 {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; На {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; по {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; и {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; На {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; по {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; и {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; На {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; по {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; и {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; На {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; по {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; и {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; На {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; по {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; и {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; , {amp}lt;html{amp}gt; {amp}lt;head{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1.0"{amp}gt; {amp}lt;meta http-equiv="X-UA-Compatible" content="IE=edge"{amp}gt; {amp}lt;title{amp}gt;Collapsible sidebar using Bootstrap 4{amp}lt;/title{amp}gt; {amp}lt;!-- Bootstrap CSS CDN --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous"{amp}gt; {amp}lt;!-- Our Custom CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="css/style.css"{amp}gt; {amp}lt;!-- Font Awesome JS --{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js" integrity="sha384-tzzSw1/Vo 0N5UhStP3bvwWPq uvzCMfrN1fEFe xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;div class="wrapper"{amp}gt; {amp}lt;!-- Sidebar --{amp}gt; {amp}lt;nav id="sidebar"{amp}gt; {amp}lt;div class="sidebar-header"{amp}gt; {amp}lt;img class="nav-logo" src="../login/images/PrintPerry.png"{amp}gt; {amp}lt;strong{amp}gt;PP{amp}lt;/strong{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;ul class="list-unstyled components"{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; HOME {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;li{amp}gt; {amp}lt;a href="#"{amp}gt; {amp}lt;i class="fas fa-home"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;span class="nav-text"{amp}gt; TEST {amp}lt;/span{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/li{amp}gt; {amp}lt;/ul{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;!-- Page Content --{amp}gt; {amp}lt;div id="content"{amp}gt; {amp}lt;nav class="navbar navbar-expand-lg navbar-light bg-light"{amp}gt; {amp}lt;div class="container-fluid"{amp}gt; {amp}lt;a href="#" id="sidebarCollapse"{amp}gt; {amp}lt;i class="fas fa-align-justify fa-lg" {amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;span{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-user fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;a href="#" class="profile-btn"{amp}gt; {amp}lt;i class="fas fa-envelope fa-lg"{amp}gt;{amp}lt;/i{amp}gt; {amp}lt;/a{amp}gt; {amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/nav{amp}gt; {amp}lt;div class="content-wrapper"{amp}gt; {amp}lt;h2{amp}gt;Collapsible Sidebar Using Bootstrap 4{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h2{amp}gt;Lorem Ipsum Dolor{amp}lt;/h2{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;div class="line"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;h3{amp}gt;Lorem Ipsum Dolor{amp}lt;/h3{amp}gt; {amp}lt;p{amp}gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;!-- jQuery CDN - Slim version (=without AJAX) --{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Popper.JS --{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;!-- Bootstrap JS --{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A rW L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="js/sidebar.js"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;/body{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector