diff --git a/src/main/webapp/cart.jsp b/src/main/webapp/cart.jsp
index 77fd146..0d0c98a 100644
--- a/src/main/webapp/cart.jsp
+++ b/src/main/webapp/cart.jsp
@@ -53,10 +53,10 @@
     </head>
     <body>
         <ul>
-            <li><a href="index.jsp">Home</a></li>
-            <li><a href="login.jsp">Log-in</a></li>
-            <li><a href="register.jsp">Sign-up</a></li>
-            <li><a href="cart.jsp">Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+            <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
         </ul>
 
         <div class="container">
diff --git a/src/main/webapp/index.jsp b/src/main/webapp/index.jsp
index ace250f..255a149 100644
--- a/src/main/webapp/index.jsp
+++ b/src/main/webapp/index.jsp
@@ -42,14 +42,18 @@ if(cart_list !=null){
         <!-- CSS only -->
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"> 
         <link rel="stylesheet" type="text/css" href="style.css"> 
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
     </head>
     <body>
         <ul>
-            <li><a href="#home">Home</a></li>
-            <li><a href="login.jsp">Log-in</a></li>
-            <li><a href="register.jsp">Sign-up</a></li>
-            <li><a href="orders.jsp">orders</a></li>
-            <li><a href="cart.jsp">Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+            <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+                        <li><a href="orders.jsp">orders</a></li>
+
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+    
         </ul>
 
         <div class="container">
diff --git a/src/main/webapp/login.jsp b/src/main/webapp/login.jsp
index cfabe9f..a71f28a 100644
--- a/src/main/webapp/login.jsp
+++ b/src/main/webapp/login.jsp
@@ -15,13 +15,15 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>JSP Page</title>
         <link rel="stylesheet" type="text/css" href="style.css">
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
     </head>
     <body>
         <ul>
-        <li><a href="index.jsp">Home</a></li>
-        <li><a href="login.jsp">Log-in</a></li>
-        <li><a href="register.jsp">Sign-up</a></li>
-        <li><a href="#cart">Cart</a></li>
+        <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart</a></li>
         </ul>
         
         <div class="signup-header">
diff --git a/src/main/webapp/orders.jsp b/src/main/webapp/orders.jsp
index 41c64ec..f259907 100644
--- a/src/main/webapp/orders.jsp
+++ b/src/main/webapp/orders.jsp
@@ -36,14 +36,16 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"> 
         <link rel="stylesheet" type="text/css" href="style.css"> 
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
         <title>JSP Page</title>
     </head>
     <body>
         <ul>
-            <li><a href="index.jsp">Home</a></li>
-            <li><a href="login.jsp">Log-in</a></li>
-            <li><a href="register.jsp">Sign-up</a></li>
-            <li><a href="cart.jsp">Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+            <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
         </ul>
 
         <div class="container">
diff --git a/src/main/webapp/register.jsp b/src/main/webapp/register.jsp
index 5f53f7b..ce1faa2 100644
--- a/src/main/webapp/register.jsp
+++ b/src/main/webapp/register.jsp
@@ -11,12 +11,15 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>JSP Page</title>
         <link rel="stylesheet" type="text/css" href="style.css">
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
     </head>
     <body>
         <ul>
-        <li><a href="index.jsp">Home</a></li>
-        <li><a href="login.jsp">Log-in</a></li>
-        <li><a href="register.jsp">Sign-up</a></li>
+        <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            
         <li><a href="#cart">Cart</a></li>
         </ul>
         
diff --git a/target/mavenproject3-1.0-SNAPSHOT/cart.jsp b/target/mavenproject3-1.0-SNAPSHOT/cart.jsp
index 77fd146..0d0c98a 100644
--- a/target/mavenproject3-1.0-SNAPSHOT/cart.jsp
+++ b/target/mavenproject3-1.0-SNAPSHOT/cart.jsp
@@ -53,10 +53,10 @@
     </head>
     <body>
         <ul>
-            <li><a href="index.jsp">Home</a></li>
-            <li><a href="login.jsp">Log-in</a></li>
-            <li><a href="register.jsp">Sign-up</a></li>
-            <li><a href="cart.jsp">Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+            <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
         </ul>
 
         <div class="container">
diff --git a/target/mavenproject3-1.0-SNAPSHOT/index.jsp b/target/mavenproject3-1.0-SNAPSHOT/index.jsp
index ace250f..255a149 100644
--- a/target/mavenproject3-1.0-SNAPSHOT/index.jsp
+++ b/target/mavenproject3-1.0-SNAPSHOT/index.jsp
@@ -42,14 +42,18 @@ if(cart_list !=null){
         <!-- CSS only -->
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"> 
         <link rel="stylesheet" type="text/css" href="style.css"> 
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
     </head>
     <body>
         <ul>
-            <li><a href="#home">Home</a></li>
-            <li><a href="login.jsp">Log-in</a></li>
-            <li><a href="register.jsp">Sign-up</a></li>
-            <li><a href="orders.jsp">orders</a></li>
-            <li><a href="cart.jsp">Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+            <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+                        <li><a href="orders.jsp">orders</a></li>
+
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+    
         </ul>
 
         <div class="container">
diff --git a/target/mavenproject3-1.0-SNAPSHOT/login.jsp b/target/mavenproject3-1.0-SNAPSHOT/login.jsp
index cfabe9f..a71f28a 100644
--- a/target/mavenproject3-1.0-SNAPSHOT/login.jsp
+++ b/target/mavenproject3-1.0-SNAPSHOT/login.jsp
@@ -15,13 +15,15 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>JSP Page</title>
         <link rel="stylesheet" type="text/css" href="style.css">
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
     </head>
     <body>
         <ul>
-        <li><a href="index.jsp">Home</a></li>
-        <li><a href="login.jsp">Log-in</a></li>
-        <li><a href="register.jsp">Sign-up</a></li>
-        <li><a href="#cart">Cart</a></li>
+        <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart</a></li>
         </ul>
         
         <div class="signup-header">
diff --git a/target/mavenproject3-1.0-SNAPSHOT/orders.jsp b/target/mavenproject3-1.0-SNAPSHOT/orders.jsp
index 41c64ec..f259907 100644
--- a/target/mavenproject3-1.0-SNAPSHOT/orders.jsp
+++ b/target/mavenproject3-1.0-SNAPSHOT/orders.jsp
@@ -36,14 +36,16 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"> 
         <link rel="stylesheet" type="text/css" href="style.css"> 
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
         <title>JSP Page</title>
     </head>
     <body>
         <ul>
-            <li><a href="index.jsp">Home</a></li>
-            <li><a href="login.jsp">Log-in</a></li>
-            <li><a href="register.jsp">Sign-up</a></li>
-            <li><a href="cart.jsp">Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
+            <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            <li><a href="cart.jsp"><i class="fa-solid fa-cart-arrow-down"></i>Cart<span class="badge bg-danger px-2">${cart_list.size()}</span></a></li>
         </ul>
 
         <div class="container">
diff --git a/target/mavenproject3-1.0-SNAPSHOT/register.jsp b/target/mavenproject3-1.0-SNAPSHOT/register.jsp
index 5f53f7b..ce1faa2 100644
--- a/target/mavenproject3-1.0-SNAPSHOT/register.jsp
+++ b/target/mavenproject3-1.0-SNAPSHOT/register.jsp
@@ -11,12 +11,15 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <title>JSP Page</title>
         <link rel="stylesheet" type="text/css" href="style.css">
+                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
+
     </head>
     <body>
         <ul>
-        <li><a href="index.jsp">Home</a></li>
-        <li><a href="login.jsp">Log-in</a></li>
-        <li><a href="register.jsp">Sign-up</a></li>
+        <li><a href="index.jsp"><i class="fa fa-fw fa-home"></i>Home</a></li>
+            <li><a href="login.jsp"><i class="fa fa-fw fa-user"></i>Log-in</a></li>
+            <li><a href="register.jsp"><i class="fa-solid fa-user-plus"></i>Sign-up</a></li>
+            
         <li><a href="#cart">Cart</a></li>
         </ul>
         
