code addded

dist/Js/laptopmuti.js

@@ -0,0 +1,14 @@
+function callGallery(){
+    $('.PO_gallery_box').each(function(i,el){
+        $(el).click(function(e){
+            const src = $(e.target).attr('src');
+            $('.PO_gallery_display_img').attr('src',src)
+        });
+    });
+}
+
+function callMain(){
+    callGallery();
+}
+
+callMain();

styles/pages/productOverview/_controlPanel.scss

@@ -0,0 +1,69 @@
+.controlPanel {
+    margin-top: 10rem;
+    padding-bottom: 300px;
+  
+    .controlPanel_des {
+      position: absolute;
+      top: -170px;
+      left: 80px;
+    }
+  
+    .bgControlpanel {
+      min-height: 100vh;
+      background-color: #ececec;
+      border-radius: 157px;
+      position: relative;
+  
+      .bgControlpaneltabs {
+        position: absolute;
+        top: 100px;
+        right: 0;
+  
+        .nav-tabs {
+          border-bottom: 1px solid;
+          margin-bottom: 2rem;
+        }
+  
+        .nav-item {
+          position: relative;
+          border: none;
+        }
+  
+        .nav-tabs .nav-link {
+          position: relative;
+          color: black;
+          font-weight: 500;
+        }
+  
+        .nav-tabs .nav-link.active {
+          border: none;
+          background-color: transparent;
+        }
+  
+        .nav-tabs .nav-link.active::before {
+          display: block;
+        }
+  
+        .nav-item .nav-link::before {
+          content: "";
+          position: absolute;
+          width: 100%;
+          height: 5px;
+          bottom: -2px;
+          right: 0;
+          display: none;
+          background-color: black;
+        }
+      }
+    }
+  }
+
+  @media (max-width:768px) {
+    .controlPanel{
+        padding-bottom: 100px;
+        .bgControlpanel{
+           min-height: 50vh;
+        }
+
+    }
+  }

styles/pages/productOverview/_osPlusSoftware.scss

@@ -0,0 +1,76 @@
+.osPlusSoftware {
+   position: relative;
+   padding-top: 10rem;
+   .osContianer{
+    position: absolute;
+    top: 5rem;
+  
+    left: 50%;
+    transform: translateX(-50%);
+   }
+
+   .osContianer_des_font{
+    font-size: 1.5rem;
+   }
+  }
+  
+
+  @media (max-width:1200px) {
+    .osPlusSoftware {
+        position: relative;
+       
+        .osContianer{
+       
+        }
+
+        .osContianerHeading{
+            >h1{
+                font-size: 5rem;
+            }
+        }
+     
+        .osContianer_des_font{
+         font-size: 1.5rem;
+        }
+       }
+  }
+
+
+  @media (max-width:1000px){
+    .osPlusSoftware{
+        padding-top: 1rem;
+        .osContianer{
+            top: 1rem;
+        }
+        .osContianerHeading{
+            >h1{
+                font-size: 2rem;
+                text-align: center;
+            }
+        }
+
+        .osContianer_des_font{
+            font-size: 1rem;
+           }
+    }
+  }
+
+  @media (max-width:768px){
+    .osPlusSoftware{
+        .osContianer{
+            top: -1rem;
+        }
+       
+        .osContianerHeading{
+            >h1{
+                font-size: 2rem;
+                text-align: center;
+            }
+        }
+
+        .osContianer_des_font{
+            font-size: 0.7rem;
+            text-align: center;
+           }
+    }
+  }

styles/pages/productOverview/_proConnectivity.scss

@@ -0,0 +1,49 @@
+.proConnectivity{
+   
+}
+
+
+@media (max-width:1200px) {
+   
+    .proConnectivity{
+        h1{
+            font-size: 2.5rem;
+        }
+
+        .font_p_Dual{
+            font-size: 1rem;
+        }
+    
+    }
+}
+
+@media (max-width:768px) {
+    .proConnectivity{
+        h1{
+            font-size: 2rem;
+        }
+
+        .font_p_Dual{
+            font-size: 0.7rem;
+        }
+    
+    }
+}
+
+@media (max-width:600px) {
+    .proConnectivity{
+        // h1{
+        //     font-size: 2rem;
+        // }
+     
+        .connectivityPso_des{
+            padding: 2rem;
+        }
+
+        .font_p_Dual{
+           
+           
+        }
+    
+    }
+}