diff --git a/Lab2/PrBookfill/admin.html b/Lab2/PrBookfill/admin.html
index 9b6bffb..9c5891b 100644
--- a/Lab2/PrBookfill/admin.html
+++ b/Lab2/PrBookfill/admin.html
@@ -5,10 +5,9 @@
     <meta charset="UTF-8">
     <title>Boolfill</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
-        crossorigin="anonymous">
+    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
+    <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" /> 
 </head>
 
 <body>
@@ -22,12 +21,10 @@
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
                     </button>
-                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                        <form class="form-inline my-2 my-lg-0 custom-search">
+                    <div class="collapse navbar-collapse bg-transparent" id="navbarSupportedContent">
+                        <ul class="navbar-nav mt-2">
                             <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                             <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
-                        </form>
-                        <ul class="navbar-nav mt-2">
                             <li class="nav-item">
                                 <a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
                             </li>
@@ -128,11 +125,7 @@
         </div>
     </div>
 
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
-        crossorigin="anonymous"></script>
-    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
-        crossorigin="anonymous"></script>
+    <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
     <script src="js/script.js"></script>
 </body>
 
diff --git a/Lab2/PrBookfill/audio.html b/Lab2/PrBookfill/audio.html
index 6102e97..6d314ba 100644
--- a/Lab2/PrBookfill/audio.html
+++ b/Lab2/PrBookfill/audio.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <title>Boolfill</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
+    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" /> 
+    <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" /> 
 </head>
 <body>
 <div class="container-fluid px-4">
@@ -19,12 +19,10 @@
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <form class="form-inline my-2 my-lg-0 custom-search">
+                <div class="collapse navbar-collapse bg-transparent" id="navbarSupportedContent">
+                    <ul class="navbar-nav mt-2">
                         <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                         <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
-                    </form>
-                    <ul class="navbar-nav mt-2">
                         <li class="nav-item">
                             <a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
                         </li>
@@ -48,7 +46,7 @@
             <div class="carousel-inner">
 
                 <div class="carousel-item active p-4">
-                    <img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
+                    <img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-5" id = "el_car" >
                   </div>
                   <div class="carousel-item">
                   </div>
@@ -71,7 +69,7 @@
             <div class="carousel-inner" >
 
                 <div class="carousel-item active p-4">
-                    <img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
+                    <img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-5" id = "el_car" >
                   </div>
                   <div class="carousel-item">
                   </div>
diff --git a/Lab2/PrBookfill/comics.html b/Lab2/PrBookfill/comics.html
index 6102e97..6d314ba 100644
--- a/Lab2/PrBookfill/comics.html
+++ b/Lab2/PrBookfill/comics.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <title>Boolfill</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
+    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" /> 
+    <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" /> 
 </head>
 <body>
 <div class="container-fluid px-4">
@@ -19,12 +19,10 @@
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <form class="form-inline my-2 my-lg-0 custom-search">
+                <div class="collapse navbar-collapse bg-transparent" id="navbarSupportedContent">
+                    <ul class="navbar-nav mt-2">
                         <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                         <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
-                    </form>
-                    <ul class="navbar-nav mt-2">
                         <li class="nav-item">
                             <a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
                         </li>
@@ -48,7 +46,7 @@
             <div class="carousel-inner">
 
                 <div class="carousel-item active p-4">
-                    <img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
+                    <img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-5" id = "el_car" >
                   </div>
                   <div class="carousel-item">
                   </div>
@@ -71,7 +69,7 @@
             <div class="carousel-inner" >
 
                 <div class="carousel-item active p-4">
-                    <img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
+                    <img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-5" id = "el_car" >
                   </div>
                   <div class="carousel-item">
                   </div>
diff --git a/Lab2/PrBookfill/favour.html b/Lab2/PrBookfill/favour.html
index c96fe0c..6b6a940 100644
--- a/Lab2/PrBookfill/favour.html
+++ b/Lab2/PrBookfill/favour.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <title>Boolfill</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
+    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" /> 
+    <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" /> 
 </head>
 <body>
 <div class="container-fluid px-4">
@@ -19,12 +19,10 @@
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <form class="form-inline my-2 my-lg-0 custom-search">
+                <div class="collapse navbar-collapse bg-transparent" id="navbarSupportedContent">
+                    <ul class="navbar-nav mt-2">
                         <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                         <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
-                    </form>
-                    <ul class="navbar-nav mt-2">
                         <li class="nav-item">
                             <a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
                         </li>
diff --git a/Lab2/PrBookfill/index.html b/Lab2/PrBookfill/index.html
index 70b048f..da019c4 100644
--- a/Lab2/PrBookfill/index.html
+++ b/Lab2/PrBookfill/index.html
@@ -4,9 +4,9 @@
     <meta charset="UTF-8">
     <title>Boolfill</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
+    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" /> 
+    <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" /> 
 </head>
 <body>
 <div class="container-fluid px-4">
@@ -19,12 +19,10 @@
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <form class="form-inline my-2 my-lg-0 custom-search">
+                <div class="collapse navbar-collapse bg-transparent" id="navbarSupportedContent">
+                    <ul class="navbar-nav mt-2">
                         <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                         <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
-                    </form>
-                    <ul class="navbar-nav mt-2">
                         <li class="nav-item">
                             <a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
                         </li>
@@ -48,14 +46,12 @@
             <div class="carousel-inner">
 
                 <div class="carousel-item active p-4">
-                    <img src="png/books/capital.jpg" class="w-100 img-fluid mt-5 ml-2 pl-5" id = "el_car" >
+                    <img src="png/books/capital.jpg" class="w-100 img-fluid mt-5 ml-4 p-3" id = "el_car" >
                   </div>
                   <div class="carousel-item">
                   </div>
 
                 </div>
-                
-
             
                 <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                   <span class="carousel-control-prev-icon" aria-hidden="true"></span>
@@ -78,10 +74,9 @@
         </footer>
     </div>
 </div>
-    
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
+
+<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+<script src="node_modules/bootstrap/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
 <script src="js/script.js"></script>
 </body> 
 </html>
\ No newline at end of file
diff --git a/Lab2/PrBookfill/login.html b/Lab2/PrBookfill/login.html
index 6f7160d..1d06c27 100644
--- a/Lab2/PrBookfill/login.html
+++ b/Lab2/PrBookfill/login.html
@@ -19,12 +19,10 @@
                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                     <span class="navbar-toggler-icon"></span>
                 </button>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <form class="form-inline my-2 my-lg-0 custom-search">
+                <div class="collapse navbar-collapse bg-transparent" id="navbarSupportedContent">
+                    <ul class="navbar-nav mt-2">
                         <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                         <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
-                    </form>
-                    <ul class="navbar-nav mt-2">
                         <li class="nav-item">
                             <a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
                         </li>
@@ -75,9 +73,7 @@
     </div>
 </div>
     
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
+<script src="node_modules/bootstrap/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
 <script src="js/script.js"></script>
 </body> 
 </html>
\ No newline at end of file
diff --git a/Lab2/PrBookfill/search.html b/Lab2/PrBookfill/search.html
index 53ca460..1c45650 100644
--- a/Lab2/PrBookfill/search.html
+++ b/Lab2/PrBookfill/search.html
@@ -5,10 +5,9 @@
     <meta charset="UTF-8">
     <title>Boolfill</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
-        crossorigin="anonymous">
+    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
     <link rel="stylesheet" href="css/style.css">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
+    <link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" /> 
 </head>
 
 <body>
@@ -22,12 +21,10 @@
                     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
                     </button>
-                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                        <form class="form-inline my-2 my-lg-0 custom-search">
+                    <div class="collapse navbar-collapse bg-transparent" id="navbarSupportedContent">
+                        <ul class="navbar-nav mt-2">
                             <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
                             <button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
-                        </form>
-                        <ul class="navbar-nav mt-2">
                             <li class="nav-item">
                                 <a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
                             </li>
