diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
index 9f30ee9..0554544 100644
--- a/docs/assets/css/style.css
+++ b/docs/assets/css/style.css
@@ -548,4 +548,4 @@ section {
 
 .active-dot, .dot:hover {
   background-color: #717171;
-}
+}
\ No newline at end of file
diff --git a/docs/assets/img/gun/1.jpg b/docs/assets/img/gun/1.jpg
new file mode 100644
index 0000000..e7f25e0
Binary files /dev/null and b/docs/assets/img/gun/1.jpg differ
diff --git a/docs/assets/img/gun/2.jpg b/docs/assets/img/gun/2.jpg
new file mode 100644
index 0000000..0801400
Binary files /dev/null and b/docs/assets/img/gun/2.jpg differ
diff --git a/docs/assets/img/gun/3.jpg b/docs/assets/img/gun/3.jpg
new file mode 100644
index 0000000..029a099
Binary files /dev/null and b/docs/assets/img/gun/3.jpg differ
diff --git a/docs/assets/img/gun/deshan.jpg b/docs/assets/img/gun/deshan.jpg
new file mode 100644
index 0000000..acad99f
Binary files /dev/null and b/docs/assets/img/gun/deshan.jpg differ
diff --git a/docs/assets/js/main.js b/docs/assets/js/main.js
index aa49236..4379c24 100644
--- a/docs/assets/js/main.js
+++ b/docs/assets/js/main.js
@@ -214,4 +214,4 @@ showSlides(); // Initialize slides
 // Optional: Auto sliding
 setInterval(function() {
     moveSlide(1);
-}, 3000); // Change image every 3 seconds
+}, 3000); // Change image every 3 seconds
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index c27c08b..f3ae692 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -539,7 +539,45 @@ <h4>Dasun Theekshana</h4>
             </div>
           </div>
         </div>
-        
+      </div>
+      <br>
+
+      <div class="container">
+        <div class="row content">
+          <div class="col-lg-6 pt-4 pt-lg-0" data-aos="fade-up" data-aos-delay="100">
+            <div class="section-left" data-aos="fade-up" data-aos-delay="100">
+              <h2>Gun Design</h2>
+            </div>
+            <div class="row">
+              <div class="member d-flex align-items-start">
+                <div class="pic">
+                  <img src="./assets/img/gun/deshan.jpg" class="img-fluid" alt="Deshan">
+                </div>
+                <div class="member-info">
+                  <h5>Designed by,</h5>
+                  <h4>Deshan Weerasooriya</h4>
+                  <span>E/19/429</span>
+                    <div class="social">
+                      <a href="https://www.linkedin.com/in/deshan-weerasooriya-5703bb315/" title="LinkedIn"><i class="ri-linkedin-box-fill"></i> </a>      
+                    </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="col-lg-6 pt-4 pt-lg-0">
+            <div class="slider pt-5 pt-lg-6">
+              <div class="slides">
+                <div class="slide"><img src="./assets/img/gun/1.jpg" alt="Image 1"></div>
+                <div class="slide"><img src="./assets/img/gun/2.jpg" alt="Image 2"></div>
+                <div class="slide"><img src="./assets/img/gun/3.jpg" alt="Image 3"></div>
+              </div>
+              <button class="slide-btn prev" onclick="moveSlide(-1)">&#10094;</button>
+              <button class="slide-btn next" onclick="moveSlide(1)">&#10095;</button>
+            </div>
+          </div>
+
+        </div>
       </div>
     </section>