diff --git a/About.html b/About.html
index 1684102..2a7d927 100644
--- a/About.html
+++ b/About.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <link
       rel="stylesheet"
@@ -41,7 +42,8 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navbar">
         <div class="container-fluid text-white">
-          <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
+          <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
+        <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
           <button
             class="navbar-toggler"
             type="button"
@@ -131,7 +133,7 @@
 
         <div class="row main-1 text-center top" data-aos="fade-up" data-aos-duration="2000">
             <div class="col-lg-4 mt-3">
-              <div class="shadow-lg p-3">
+              <div class="shadow-lg p-3 aaa">
                 <div class="icon">
                   <i class="fa-solid fa-hand-holding-heart"></i>
                 </div>
@@ -140,16 +142,16 @@
               </div>
             </div>
             <div class="col-lg-4 mt-3">
-              <div class="shadow-lg p-3">
+              <div class="shadow-lg p-3 aaa">
                 <div class="icon">
-                  <i class="fa-solid fa-hand-holding-heart"></i>
+                  <i class="fa-solid fa-city"></i>
                 </div>
                 <p class="text-grey mt-3 mb-0">Year of Establishment</p>
                 <p>2022</p>
               </div>
             </div>
             <div class="col-lg-4 mt-3">
-              <div class="shadow-lg p-3">
+              <div class="shadow-lg p-3 aaa">
                 <div class="icon">
                   <i class="fa-regular fa-user"></i>
                 </div>
diff --git a/Chili.html b/Chili.html
index bd71716..b885639 100644
--- a/Chili.html
+++ b/Chili.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -23,6 +24,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
diff --git a/Pomegranate.html b/Pomegranate.html
index 4586f18..9181ef9 100644
--- a/Pomegranate.html
+++ b/Pomegranate.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -23,6 +24,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
diff --git a/assets/images/LOGO-removebg-preview.png b/assets/images/LOGO-removebg-preview.png
new file mode 100644
index 0000000..dc8936d
Binary files /dev/null and b/assets/images/LOGO-removebg-preview.png differ
diff --git a/assets/images/slazzer-edit-image.png b/assets/images/slazzer-edit-image.png
new file mode 100644
index 0000000..aa32f4f
Binary files /dev/null and b/assets/images/slazzer-edit-image.png differ
diff --git a/banana.html b/banana.html
index 16a9ec2..c6d3e37 100644
--- a/banana.html
+++ b/banana.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -23,6 +24,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
diff --git a/ceriti.html b/ceriti.html
index 51c80c0..cb605ad 100644
--- a/ceriti.html
+++ b/ceriti.html
@@ -3,7 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
   <link rel="stylesheet" href="styale.css">
   <link rel="stylesheet" href="detail.css">
@@ -107,7 +108,8 @@
 
   <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
     <div class="container-fluid text-white">
-      <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
+      <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
+        <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
       <button
         class="navbar-toggler"
         type="button"
diff --git a/drumstick.html b/drumstick.html
index ee3b0e9..70c99c1 100644
--- a/drumstick.html
+++ b/drumstick.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Drumstick</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -22,6 +23,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
diff --git a/gallery.html b/gallery.html
index df480ef..9376c05 100644
--- a/gallery.html
+++ b/gallery.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link
       href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
       rel="stylesheet"
@@ -121,6 +122,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
diff --git a/index.html b/index.html
index de31ddf..c4b4404 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <!-- font awesome -->
     <link
       rel="stylesheet"
@@ -40,6 +41,8 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navbar">
       <div class="container-fluid text-white">
+       
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
@@ -197,7 +200,7 @@ <h1>WELCOME TO OUR WEBSITE</h1>
     
       <div class="row main-1 text-center" data-aos="fade-up" data-aos-duration="2000">
         <div class="col-lg-4 mt-3">
-          <div class="shadow-lg p-3">
+          <div class="shadow-lg p-3 aaa">
             <div class="icon">
               <i class="fa-solid fa-hand-holding-heart"></i>
             </div>
@@ -206,16 +209,16 @@ <h1>WELCOME TO OUR WEBSITE</h1>
           </div>
         </div>
         <div class="col-lg-4 mt-3">
-          <div class="shadow-lg p-3">
+          <div class="shadow-lg p-3 aaa">
             <div class="icon">
-              <i class="fa-solid fa-hand-holding-heart"></i>
+              <i class="fa-solid fa-city"></i>
             </div>
             <p class="text-grey mt-3 mb-0">Year of Establishment</p>
             <p>2022</p>
           </div>
         </div>
         <div class="col-lg-4 mt-3">
-          <div class="shadow-lg p-3">
+          <div class="shadow-lg p-3 aaa">
             <div class="icon">
               <i class="fa-regular fa-user"></i>
             </div>
@@ -251,7 +254,7 @@ <h1>Gallery</h1>
         <div class="column nature col-md-4">
          <a href="onion.html#onion" class="text-decoration-none nav-link">
           <div class="content">
-            <img src="assets/images/fresh-red-onion-1607515951-5652344.jpeg" alt="Mountains" style="width:100%">
+            <img src="assets/images/fresh-red-onion-1607515951-5652344.jpeg" class="img-fluid" alt="Mountains" style="width:100%">
             <div class="view d-flex justify-content-center align-content-center">
               <div class="detailhover">
                 <a href="onion.html" class="btn btn-dark p-2">View Detail</a>
diff --git a/mango.html b/mango.html
index 66b198e..63ef308 100644
--- a/mango.html
+++ b/mango.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -23,6 +24,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
diff --git a/onion.html b/onion.html
index 8264d4d..9c646ee 100644
--- a/onion.html
+++ b/onion.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
@@ -22,6 +23,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
diff --git a/styale.css b/styale.css
index d17df54..f5244ed 100644
--- a/styale.css
+++ b/styale.css
@@ -293,7 +293,7 @@ h1 {
 /* Content */
 .content {
   background-color: white;
-  padding: 10px;
+  /* padding: 10px; */
 }
 .content img{
   height: 250px;
@@ -324,10 +324,45 @@ h1 {
 }
 
 
+/* our website */
 
 
+.aaa {
+  /* background-color: rgba(128, 128, 128, 0.146); */
+  /* padding: 10px; */
+  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
+  border-radius: 9px;
+  position: relative;
+  z-index: 1;
+}
 
-
+.aaa::after {
+  content: "";
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.505);
+  /* padding: 10px; */
+  border-radius: 9px;
+  position: absolute;
+  top: 100%;
+  left: 0;
+  height: 0;
+  /* padding: 5px; */
+  transition: all 0.3s ease-in-out;
+  z-index: -1;
+}
+.aaa:hover::after {
+  top: 0;
+  height: 100%;
+  
+  /* padding: 10px; */
+  /* transform: translateY(100px); */
+}
+.aaa:hover{
+  color: white !important;
+}
+.aaa:hover i{
+ color: white !important;
+}
 
 
 
diff --git a/tomoto.html b/tomoto.html
index 96d5bd1..e11cb07 100644
--- a/tomoto.html
+++ b/tomoto.html
@@ -3,7 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>PRAMUKHEXIM</title>
+    <link rel="shortcut icon" href="assets/images/LOGO.jpg"  type="image/xicon">
     
     <link
       rel="stylesheet"
@@ -24,6 +25,7 @@
 
     <nav class="navbar navbar-expand-lg bg-black fixed-top" id="navba">
       <div class="container-fluid text-white">
+        <img src="assets/images/LOGO-removebg-preview.png" class="bg-white img-fluid rounded rounded-3" style="width: 50px;"  >
         <a class="navbar-brand fs-1 ms-3" href="#">PRAMUKHEXIM</a>
         <button
           class="navbar-toggler"
