diff --git a/public/index.html b/public/index.html
index 72cceb72..41474c49 100644
--- a/public/index.html
+++ b/public/index.html
@@ -64,6 +64,13 @@
             </nav>
             <div>
                 <div class="d-flex justify-content-center align-items-center" id="particles-js" style="height: 100%;min-height: initial;width: 100%;position: absolute;left: 0;background-color: rgba(255,255,255,0);"></div>
+                <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
+                <script>
+                    /* particlesJS.load(@dom-id, @path-json, @callback (optional)); */
+                    particlesJS.load('particles-js', 'particles.json', function() {
+                        console.log('particlesjs loaded.......');
+                    });
+                </script>
                 <div class="d-flex justify-content-center align-items-center" style="min-height: initial;width: 100%;position: absolute;left: 0;background-color: rgba(255,255,255,0);height: 100%;">
                     <div class="d-xl-flex d-flex mb-lg-auto justify-content-xl-center align-items-xl-end mb-xl-auto" data-bs-parallax-bg="true" style="height: 50%;padding: 1%;">
                         <div class="container text-center justify-content-center align-items-center" style="color: rgb(255,255,255);">