diff --git a/blog.html b/blog.html
index 20a172eb..dbfb981e 100644
--- a/blog.html
+++ b/blog.html
@@ -1241,7 +1241,11 @@ <h2 class="footer-title secondary-title" >About Us</h2>
                      </div>
 
                      <div>
-                      <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
+                      <!-- <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;"> -->
+                        <div class="containerWebsiteViews">
+                          <div class="containerText"><p>Website Views</p></div>
+                          <div class="containerNumbers"><p id="visitorCount">0</p></div>
+                        </div>
                      </div>
                   </div>
 
diff --git a/category.html b/category.html
index 9cd120df..81604fe2 100644
--- a/category.html
+++ b/category.html
@@ -600,7 +600,11 @@ <h2 class="footer-title secondary-title" >About Us</h2>
                          </div>
   
                          <div>
-                          <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
+                          <!-- <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;"> -->
+                          <div class="containerWebsiteViews">
+                            <div class="containerText"><p>Website Views</p></div>
+                            <div class="containerNumbers"><p id="visitorCount">0</p></div>
+                          </div>
                          </div>
                       </div>
   
diff --git a/contact.html b/contact.html
index 1b14b590..c863b5e7 100644
--- a/contact.html
+++ b/contact.html
@@ -207,7 +207,11 @@ <h2 class="footer-title secondary-title">About Us</h2>
                        <div> <a href="privacy.html" style="color: #520be1e7;">Privacy Policy</a> </div> 
 
                        <div>
-                        <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
+                        <!-- <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;"> -->
+                        <div class="containerWebsiteViews">
+                            <div class="containerText"><p>Website Views</p></div>
+                            <div class="containerNumbers"><p id="visitorCount">0</p></div>
+                          </div>
                        </div>
                     </div>
 
diff --git a/index.html b/index.html
index aa6cfcbf..3c358fc0 100644
--- a/index.html
+++ b/index.html
@@ -1442,7 +1442,11 @@ <h2 class="footer-title secondary-title">About Us</h2>
                             </div>
 
                             <div>
-                                <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
+                                <!-- <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;"> -->
+                                 <div class="containerWebsiteViews">
+                                    <div class="containerText"><p>Website Views</p></div>
+                                    <div class="containerNumbers"><p id="visitorCount">0</p></div>
+                                 </div>
                             </div>
                         </div>
 
@@ -1586,6 +1590,7 @@ <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
         const preloader = document.querySelector("#loader");
 
         function Finish_Loader() {
+            updateVisitorCount();
             preloader.style.display = "none";
         }
     </script>
diff --git a/privacy.html b/privacy.html
index c48e126a..ef16c1c4 100644
--- a/privacy.html
+++ b/privacy.html
@@ -500,7 +500,11 @@ <h2 class="footer-title secondary-title">About Us</h2>
                      </div>
                      <div> <a href="privacy.html" style="color: #520be1e7;">Privacy Policy</a> </div> 
                      <div>
-                      <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
+                      <!-- <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;"> -->
+                      <div class="containerWebsiteViews">
+                        <div class="containerText"><p>Website Views</p></div>
+                        <div class="containerNumbers"><p id="visitorCount">0</p></div>
+                      </div>
                      </div>
                   </div>
 
diff --git a/script.js b/script.js
index e4950c0c..d975a44d 100644
--- a/script.js
+++ b/script.js
@@ -166,3 +166,14 @@ function closeOnOutsideClick(event) {
     document.removeEventListener("click", closeOnOutsideClick); // Remove the listener
   }
 }
+
+function updateVisitorCount() {
+
+  let visitorCount = localStorage.getItem('visitorCount') ? parseInt(localStorage.getItem('visitorCount')) : 0;
+
+  visitorCount++;
+
+  localStorage.setItem('visitorCount', visitorCount);
+
+  document.getElementById('visitorCount').innerText = visitorCount;
+}
diff --git a/start_writing.html b/start_writing.html
index 13715e54..bc6937d2 100644
--- a/start_writing.html
+++ b/start_writing.html
@@ -492,7 +492,11 @@ <h2 class="footer-title secondary-title" >About Us</h2>
                        </div>
 
                        <div>
-                        <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
+                        <!-- <img src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5" alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;"> -->
+                        <div class="containerWebsiteViews">
+                          <div class="containerText"><p>Website Views</p></div>
+                          <div class="containerNumbers"><p id="visitorCount">0</p></div>
+                        </div>
                        </div>
                     </div>
 
diff --git a/style.css b/style.css
index d6deeeec..00d9f76f 100644
--- a/style.css
+++ b/style.css
@@ -3835,4 +3835,27 @@ h1 + p, p + p {
 .comment-icon{
  font-size: 14px; 
   color: var(--text-color);
+}
+
+.containerWebsiteViews {
+    display: flex;
+    justify-content: space-between;
+    border-radius: 10px;
+    margin-top: 1vh;
+    background-color: #f8b5b5;
+    width: 10vw;
+}
+.containerText p,
+.containerNumbers p {
+    margin-left: 10px;
+    font-weight: 600;
+}
+.containerNumbers {
+    width: 2.5vw;
+    background-color: #403c3c;
+    border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
+}
+.containerNumbers p {
+    color: white;
 }
\ No newline at end of file