updated static files

dist/Js/footer.js

             }
         }) 
     }
-
 });

dist/Js/navbar.js

       }else {
        $(".main-body").find("iframe").attr({
           width: width,
-          height: 969,
+          height: 860,
         });
       }
  }

dist/css/main.css

-/*
-0 - 600px:      Phone
-600 - 900px:    Tablet portrait
-900 - 1200px:   Tablet landscape
-[1200 - 1800] is where our normal styles apply
-1800px + :      Big desktop
-
-$breakpoint arguement choices:
-- phone
-- tab-port
-- tab-land
-- big-desktop
-
-ORDER: Base + typography > general layout + grid > page layout > components
-
-1em = 16px
-*/
-
 
 /* Orbitron */
 
 .hover-zoom:hover{
     transform: scale(1.1);
 }
-section.login_register{
-    /* background: url(../assets/imgs/Home_new/Home_banner_bg.png);
-    background-repeat: no-repeat;
-    background-size: cover; */
-    /* background-image: linear-gradient(
-  45deg,
-  hsl(220deg 52% 91%) 0%,
-  hsl(229deg 48% 90%) 8%,
-  hsl(243deg 42% 90%) 17%,
-  hsl(260deg 39% 88%) 25%,
-  hsl(272deg 43% 86%) 33%,
-  hsl(285deg 44% 84%) 42%,
-  hsl(300deg 43% 82%) 50%,
-  hsl(300deg 43% 82%) 58%,
-  hsl(300deg 43% 82%) 67%,
-  hsl(300deg 43% 82%) 75%,
-  hsl(293deg 40% 83%) 83%,
-  hsl(286deg 36% 84%) 92%,
-  hsl(280deg 31% 85%) 100%
-); */
-}
 /* PRODUCT PAGE */
 #item_search{
     position: sticky;
 .mainLogin{
     margin-top: 10px;
     position: relative;
-    /* background-image: linear-gradient(
-        45deg,
-        hsl(220deg 52% 91%) 0%,
-        hsl(229deg 48% 90%) 8%,
-        hsl(243deg 42% 90%) 17%,
-        hsl(260deg 39% 88%) 25%,
-        hsl(272deg 43% 86%) 33%,
-        hsl(285deg 44% 84%) 42%,
-        hsl(300deg 43% 82%) 50%,
-        hsl(300deg 43% 82%) 58%,
-        hsl(300deg 43% 82%) 67%,
-        hsl(300deg 43% 82%) 75%,
-        hsl(293deg 40% 83%) 83%,
-        hsl(286deg 36% 84%) 92%,
-        hsl(280deg 31% 85%) 100%
-      ); */
 }
 
 .loginContainer{
 @media only screen and (min-width: 1440px){
     #home-help .home-help--wrapper_content-items .grow-1 .grow-width .icon, #home-help .home-help--wrapper_content-items .grow-2 .grow-width .icon {
         display: block;
-        width: 70px;
+        width: 100px;
         padding: 44px 0 64px 0;
         margin: 0 auto;
     }
 
 /* new styles */
 #graphene_tech{
-    /* background-image: linear-gradient(
-  45deg,
-  hsl(212deg 49% 15%) 0%,
-  hsl(213deg 38% 19%) 8%,
-  hsl(213deg 31% 23%) 17%,
-  hsl(213deg 26% 26%) 25%,
-  hsl(212deg 23% 29%) 33%,
-  hsl(212deg 20% 32%) 42%,
-  hsl(212deg 18% 35%) 50%,
-  hsl(212deg 16% 38%) 58%,
-  hsl(213deg 14% 41%) 67%,
-  hsl(213deg 12% 45%) 75%,
-  hsl(213deg 11% 47%) 83%,
-  hsl(213deg 10% 50%) 92%,
-  hsl(212deg 10% 53%) 100%
-); */
 background: url(../assets/imgs/allin_imgs/graphene_tech.png);
 background-repeat: no-repeat;
 background-size: cover;
     background-image: linear-gradient( 45deg, hsl(220deg 52% 91%) 0%, hsl(229deg 48% 90%) 8%, hsl(243deg 42% 90%) 17%, hsl(260deg 39% 88%) 25%, hsl(272deg 43% 86%) 33%, hsl(285deg 44% 84%) 42%, hsl(300deg 43% 82%) 50%, hsl(300deg 43% 82%) 58%, hsl(300deg 43% 82%) 67%, hsl(300deg 43% 82%) 75%, hsl(293deg 40% 83%) 83%, hsl(286deg 36% 84%) 92%, hsl(280deg 31% 85%) 100% );
 }
 #ora_products{
-    background: #eef0f3;
+    /* background: #eef0f3; */
+    background-image: url(../assets/imgs/productimg/banner_plan.png);
+    background-repeat: no-repeat;
+    background-size: cover;
 }
 #laptop_memory_sec{
     background: url(../assets/imgs/allin_imgs/laptop_bg.png);

index.html

         .slick-prev.btn:hover, .slick-next.btn:hover{
             background: rgb(63, 76, 119);  
         }
+        /* .graphene_text::after{
+            content: "";
+            display: block;
+            width: 60px;
+            height: 3px;
+            background: #ffffff;
+            left: 0;
+        } */
     </style>
 </head>
 
                             <div class="col-lg-6 col-md-8 text-center px-lg-3 px-md-5">
                                 <img src="./dist/assets/imgs/allin_imgs/graphene_img.png" class="img-fluid text-center" />
                             </div>
-                            <div class="col-lg-6 text-white px-lg-3 px-md-5">
+                            <div class="col-lg-6 text-white px-lg-3 px-md-5 pe-lg-4 ps-lg-4">
                                 <h2 class="satoshi_font pb-md-3">A Breakthrough in Storage Performance and Sustainability</h2>
-                                <h5 class="mb-md-4" style="line-height: 30px;">Experience a new era of storage technology with
+                                <h6 class="mb-md-4 fw-lighter" style="line-height: 24px;">Experience a new era of storage technology with
                                     our innovative Graphene-Thermal Pad solution
                                     designed to revolutionize performance, longevity,
                                     and environmental sustainability.<br>
                                     ORA Series offers unparalleled benefits
-                                    that set it apart from traditional storage options.</h5>
-                                <div class="text-end pe-md-4">
+                                    that set it apart from traditional storage options.</h6>
+                                    <div class="row px-md-2">
+                                        <div class="col-md-6 border-left pt-md-0 pt-2">
+                                            <p class="graphene_text fs-9 mb-0">Optimal Thermal Management</p>
+                                        </div>
+                                        <div class="col-md-6 border-left">
+                                            <p class="graphene_text  fs-9 mb-0"> Lightning-fast read and write speeds</p>
+                                        </div>
+                                        <div class="col-md-6 mt-md-3 border-left">
+                                            <p class="graphene_text  fs-9 mb-0">Lightweight & Flexible Deisgn</p>
+                                        </div>
+                                        <div class="col-md-6 mt-md-3 border-left">
+                                            <p class="graphene_text  fs-9 mb-0">Enhanced longevity</p>
+                                        </div>
+                                        <div class="col-12 pt-md-4 px-md-0 fs-9 pt-2">Upgrade to the Graphene Technology Memory Series and experience unparalleled performance, durability, and sustainability in your data storage solutions.</div>
+                                    </div>
+                                <!-- <div class="text-end pe-md-4">
                                     <a class="btn btn-dark button_dark py-md-2" href="#">Know more...</a>
-                                </div>
+                                </div> -->
                             </div>
                         </div>
                     </div>
                     <div class="col-12">
-                        <div class="row pt-md-5 align-items-center">
-                            <div class="col-md-5 col-12 py-md-0 py-3 text-center text-white">
+                        <div class="row pt-md-4 align-items-center">
+                            <div class="col-md-5 col-12 py-md-0 py-3 text-md-center text-white">
                                 <h3 class="fw-600">99% thinner than
                                     Traditional Solutions</h3>
                             </div>
                                              data_version="DDR5"
                                              data_device="Desktop"
                                              data_gb="32GB"
-                                             data_price="15500">
+                                             data_price="15500"
+                                             data_img="../dist/assets/imgs/allin_imgs/ora_desktop.png">
                                          </p>
                                         </div>
                                     </div>
                                                 data_version="DDR5"
                                                 data_device="Laptop"
                                                 data_gb="8GB"
-                                                data_price="5150">
+                                                data_price="5150"
+                                                data_img="../dist/assets/imgs/allin_imgs/8gb_laptop.png">
                                             </p>
                                         </div>
                                     </div>
                                                 data_version="DDR4"
                                                 data_device="Laptop"
                                                 data_gb="32GB"
-                                                data_price="8450">
+                                                data_price="8450"
+                                                data_img="../dist/assets/imgs/allin_imgs/32gb_laptop.png"
+                                                >
                                             </p>
                                         </div>
                                     </div>
                 <div class="col-md-6 text-center">
                     <h1 class="">Innovation at your fingertips</h1>
                     <h5 class="mb-md-3 fw-600">Be the first to set your digital world on fire!</h5>
-                    <a href="#" class="btn rounded-3 bg-black text-white px-md-4">Know More..</a>
+                    <a href="./index1.html" class="btn rounded-3 bg-black text-white px-md-4">Know More</a>
                 </div>
                 <div class="col-md-3  text-center">
                     <img src="./dist/assets/imgs/allin_imgs/innovation_img2.png" class="img-fluid"/>
             let data_device = $(this).find(".selling_product").attr("data_device");
             let data_gb = $(this).find(".selling_product").attr("data_gb");
             let data_price = $(this).find(".selling_product").attr("data_price");
+            let data_img = $(this).find(".selling_product").attr("data_img");
 
             let top_obj = {
                 name:product_name,
                 version:data_version,
                 device:data_device,
                 gb:data_gb,
-                price:data_price
+                price:data_price,
+                img:data_img
             }
                 localStorage.setItem("top_data",JSON.stringify(top_obj));
                 window.location.href="./productdetails.html";

index1.html

         </section>
 
         <section>
-            <div class="bg-gradient-anwi container my-5 my-md-5 rounded-3 text-white" id="innovation_sections">
-                <div class="row align-items-center px-md-5 py-md-4">
+            <div class="bg-gradient-anwi container my-md-5 text-white" id="innovation_sections">
+                <div class="row align-items-center px-md-5 py-md-4 py-4 px-4">
                     <div class="col-md-7 text-start">
                         <h1 class="mb-md-3">Innovation at your fingertips</h1>
-                        <h5 class="mb-md-4 fw-600">Enjoy working with blazing throughput</h5>
-                        <a href="#" class="btn rounded-3 bg-white text-dark fw-bold px-md-4">Coming Soon</a>
+                        <h5 class="mb-md-4 mb-4 fw-600">Enjoy working with blazing throughput</h5>
+                        <div class="d-lg-block d-none">
+                            <a href="#" class="btn  rounded-3 bg-white text-dark fw-bold px-md-4">Coming Soon</a>
+                        </div>
                     </div>
-                    <div class="col-md-5 text-center">
+                    <div class="col-md-5 text-lg-center">
                         <img src="./dist/assets/imgs/Home_new/Keyboard_mouse.png" class="img-fluid"/>
+                        <div class="d-lg-none d-block">
+                            <a href="#" class="btn  rounded-3 bg-white text-dark fw-bold px-md-4">Coming Soon</a>
+                        </div>
                     </div>
                 </div>
             </div>
         </section>
     </main>
     <!-- footer -->
-    <div id="footer-head" class="sec-space-1"></div>
+    <div id="footer-head" class="sec-space-12"></div>
     <!-- end-footer -->
     <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
     <script src="./dist/js/jquery.min.js"></script>

partners.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <link rel="shortcut icon" type="image/x-icon" href="./dist/assets/imgs/favicon.gif">
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="./dist/css/main.css" />
+    <link rel="stylesheet" href="./style.css">
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
+    <!-- <link rel="stylesheet" href="./dist/css/font_icon.min.css"> -->
+
+
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
+    <link rel="stylesheet" href="./dist/css/style.css">
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
+    <link rel="stylesheet" href="./dist/toaster/toastr.css">
+
+    <title>Contact | Anwi</title>
+    <style>
+      .error{
+        color: red;
+      }
+      .myaccount-content .account-details-form .single-input-item.partner_form label {
+        font-size: 14px;
+      }
+    </style>
+</head>
+
+<body>
+    <!-- navbar -->
+    <div id="navbar-head"></div>
+    <!-- end-navbar -->
+    <!-- main-body -->
+    <main class="main-body home-main-container">
+      <section class="services h-100 pt-5 bg-gradient-anwi">
+        <div class="container pt-md-5 pt-4">
+            <div class="text-center text-white  pt-md-5 pb-md-5 pb-4">
+                <h3 class="text-center mb-md-2 mb-3 pt-md-5">
+                    <span class="satoshi_font font-weight-600 pb-1">Partners Registration</span>
+                </h3>
+                <h5 class="font-weight-lighter fs-6">Thank you for showing interest in our services.</h5>
+                <h5 class="font-weight-lighter  fs-6">Please fill the details so that our experts will get back to you.</h5>
+            </div>
+        </div>
+    </section>
+        <section class="contact-section py-md-5 py-3">
+            <div class="container pt-md-5 pt-3">
+              <div class="row bg-white rounded-3 shadow mx-0">
+                <div class="col-lg-5 col-12 mb-30 bg-gradient-anwi text-white p-md-5 p-4">
+                  <!--  contact page side content  -->
+                  <div class="contact-page-side-content text-center py-md-5">
+                    <div class="single-contact-block mb-5 d-flex flex-column">
+                      <!-- <h4 class="fs-5">Mobile : <a href="tel:9030019508" class="text-white fs-6">+91 9030019508</a></h4> -->
+                      <img src="./dist/assets/imgs/allin_imgs/email-icon.png" class="mx-auto w-30p"/>
+                      <a href="mailto:sales@anwisystems.com" class="text-white fs-6 mb-md-3">sales@anwisystems.com</a>
+                    </div>
+                    <div class="single-contact-block mb-5 d-flex flex-column">
+                      <!-- <h4 class="fs-5">Email : <a href="mailto:sales@anwisystems.com" class="text-white fs-6">sales@anwisystems.com</a></h4> -->
+                      <img src="./dist/assets/imgs/allin_imgs/phone-icon.png" class="mx-auto w-30p"/>
+                      <a href="tel:9030019508" class="text-white fs-6 mb-md-3">+91 9030019508</a>
+                    </div>
+                    <div class="single-contact-block">
+                      <img src="./dist/assets/imgs/allin_imgs/location-icon.png"/>
+                      <p class="fs-6">
+                        III Floor, Signature Towers, Opp.Botanical Gardens, Gachibowli
+                        Road, Kondapur, Hyderabad-500084, Telangana - INDIA.
+                      </p>
+                    </div>
+                  </div>
+                </div>
+                <div class="col-lg-7 col-12 mb-30 p-md-4 p-4">
+                  <!--  contact form content -->
+                  <div class="contact-form-content myaccount-content p-0 border-0">
+                    <!-- <h3 class="contact-page-title border-0">Please fill the details so that our experts will get back to you.</h3> -->
+                    <!-- <h2 class="fw-500 text-center">Tell Us your Message</h3> -->
+                    <div class="contact-form  account-details-form">
+                      <form id="anwi_contact-form" class="single-input-item d-none" autocomplete="off" method="POST">
+                        <div class="form-group pb-2">
+                          <label>Your Name <span class="required text-danger">*</span></label>
+                          <input type="text" name="contactname" id="user_name" class="w-100 form-control shadow-none rounded-0" required>
+                        </div>
+                        <div class="form-group  pb-3">
+                          <label>Number <span class="required text-danger">*</span></label>
+                          <input type="number" id="user_number" class="w-100 form-control shadow-none rounded-0"  required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="contactnumber" maxlength="10">
+                        </div>
+                        <div class="form-group  pb-3">
+                          <label>Your Email <span class="required text-danger">*</span></label>
+                          <input type="email" name="contactemail" id="user_email" class="w-100 form-control shadow-none rounded-0"  required>
+                        </div>
+                        <div class="form-group  pb-md-5 pb-2">
+                          <label>Your Message</label>
+                          <textarea name="contactmessage" class="pb-10 w-100 form-control shadow-none rounded-0" id="user_message" rows="4" id="contactMessage"></textarea>
+                        </div>
+                        <div class="form-group mb-0 text-end">
+                          <button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>
+                        </div>
+                      </form>
+
+                      <form id="anwi_contact-form" class="single-input-item partner_form" autocomplete="off" method="POST">
+                        <div class="row align-items-center">
+                            <div class="col-md-6 pb-md-2">
+                                <div class="form-group pb-2">
+                                    <label>Company Name <span class="required text-danger">*</span></label>
+                                    <input type="text" name="partnercompany" id="partner_company" class="w-100 form-control shadow-none rounded-0" required>
+                                </div>
+                            </div>
+                            <div class="col-md-6 pb-md-2">
+                                <div class="form-group pb-2">
+                                    <label>Contact Name <span class="required text-danger">*</span></label>
+                                    <input type="text" name="partnername" id="partner_name" class="w-100 form-control shadow-none rounded-0" required>
+                                </div>
+                            </div>
+                            <div class="col-md-6 pb-md-2">
+                                <div class="form-group  pb-3">
+                                    <label>Number <span class="required text-danger">*</span></label>
+                                    <input type="number" id="partner_number" class="w-100 form-control shadow-none rounded-0"  required pattern="/^-?\d+\.?\d*$/" autocomplete="off" onkeypress="if(this.value.length==10) return false;" name="partnernumber" maxlength="10">
+                                </div>
+                            </div>
+                            <div class="col-md-6 pb-md-2">
+                                <div class="form-group  pb-3">
+                                    <label>Your Email <span class="required text-danger">*</span></label>
+                                    <input type="email" name="partneremail" id="partner_email" class="w-100 form-control shadow-none rounded-0"  required>
+                                </div>
+                            </div>
+                            <div class="col-md-6 pb-md-2">
+                                <div class="form-group pb-2">
+                                    <label>City<span class="required text-danger">*</span></label>
+                                    <input type="text" name="partnercity" id="partner_city" class="w-100 form-control shadow-none rounded-0" required>
+                                </div>
+                            </div>
+                            <div class="col-md-6 pb-md-2">
+                                <div class="form-group pb-2">
+                                    <label>State</label>
+                                    <input type="text" name="partnerstate" id="partner_state" class="w-100 form-control shadow-none rounded-0">
+                                </div>
+                            </div>
+                            <div class="col-md-6 pb-md-2">
+                                <div class="form-group pb-2">
+                                    <label>GST No:</label>
+                                    <input type="text" name="partner_gstno" id="partner_gstno" class="w-100 form-control shadow-none rounded-0">
+                                </div>
+                            </div>
+                            <div class="col-12">
+                                <div class="form-group pb-2">
+                                    <label>Your Message</label>
+                                    <textarea name="partnermessage" class="pb-10 w-100 form-control shadow-none rounded-0" id="partner_message" rows="4" id="contactMessage"></textarea>
+                                  </div>
+                            </div>
+                            <div class="form-group mb-0 mt-3 text-end">
+                                <button class="btn btn-lg single-btn w-lg-25" id="contact_form_submit">Submit</button>
+                              </div>
+                        </div>
+                      </form>
+                    </div>
+                    <p class="form-message mt-10"></p>
+                  </div>
+                  <!-- End of contact -->
+                </div>
+              </div>
+            </div>
+          </section>
+    </main>
+    <!-- footer -->
+    <div id="footer-head" class=""></div>
+    <!-- end-footer -->
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
+    <script src="./dist/js/jquery.min.js"></script>
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
+    <script src="./dist/js/navbar.js"></script>
+    <script src="./dist/js/axios.min.js"></script>
+    <script src="./dist/js/footer.js"></script>
+    <script src="./dist/js/cookies.min.js"></script>
+    <script src="./dist/js/fontawesome.all.js"></script>
+    <script src="./dist/js/fontawesome.min.js"></script>
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
+    <script src="./dist/js/plugins/slick.js"></script>
+    <script src="./dist/js/plugins/wow.js"></script>
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
+    <script src="./dist/js/plugins/mouse-parallax.js"></script>
+    <script src="./dist/js/plugins/images-loaded.js"></script>
+    <script src="./dist/js/plugins/isotope.js"></script>
+    <script src="./dist/js/plugins/jquery-ui.js"></script>
+    <script src="./dist/js/plugins/magnific-popup.js"></script>
+    <script src="./dist/js/validate.min.js"></script>
+    <script src="./dist/toaster/toastr.js"></script>
+    <!-- Main JS -->
+    <script src="./dist/js/main.js"></script>
+
+    <script>
+      // $("#contact_form_submit").click(function(){
+      //   debugger
+      //    let User_name = $("#user_name").val();
+      //    let Email_name = $("#user_email").val();
+      //    let Phone_name = $("#user_number").val();
+      //    let User_msg = $("#user_message").val();
+
+      //    if(User_name == "" || Email_name == "" || Phone_name == ""){
+      //     toastr.error('Some Input Feilds are missing!');
+      //    }else{
+      //     $("#anwi_contact-form").validate({
+      //           rules: {
+      //               phone: {
+      //                   minlength: 10,
+      //                   maxlength: 10,
+      //                   number: true
+      //               },
+      //           },
+      //           submitHandler: function(form ,e) {
+      //               e.preventDefault();
+      //               // $("#pageloader").css({"display":"block"});
+      //               $.ajax({
+      //                   type: "POST",
+      //                   url: "contact.php",
+      //                   data: $(form).serialize(),
+      //                   success: function(res) {
+      //                       if (res == 1) {
+      //                           $(".pageloader").removeClass("is_open");
+      //                           $(".overlay_effect").removeClass("is_open");
+      //                           toastr.success('Form Submitted Successfully!');
+      //                           $(form).trigger("reset");
+      //                           $(form).find('.form-control-placeholder').removeClass('floating-label');
+      //                           $(this).addClass("d-none");
+      //                       }else {
+      //                           $(".pageloader").removeClass("is_open");
+      //                           $(".overlay_effect").removeClass("is_open");
+      //                           toastr.error('Something Went Wrong,Try Again!');
+      //                           $("#biz-contact-form").removeClass("d-none");
+      //                       } 
+      //                   }
+      //               });
+      //               return false;
+      //           }
+      //       });
+
+      //    }
+      // })
+   
+    //   $("#anwi_contact-form").validate({
+    //             rules: {
+    //                 phone: {
+    //                     minlength: 10,
+    //                     maxlength: 10,
+    //                     number: true
+    //                 },
+    //             },
+    //             submitHandler: function(form ,e) {
+    //                 e.preventDefault();
+    //                 // $("#pageloader").css({"display":"block"});
+    //                 $.ajax({
+    //                     type: "POST",
+    //                     url: "contact.php",
+    //                     data: $(form).serialize(),
+    //                     success: function(res) {
+    //                       debugger;
+    //                         if (res == 1) {
+    //                             $(".pageloader").removeClass("is_open");
+    //                             $(".overlay_effect").removeClass("is_open");
+    //                             toastr.success('Success, Our Experts will get back to you!');
+    //                             $(form).trigger("reset");
+    //                             $(form).find('.form-control-placeholder').removeClass('floating-label');
+    //                             $(this).addClass("d-none");
+    //                         }else {
+    //                             $(".pageloader").removeClass("is_open");
+    //                             $(".overlay_effect").removeClass("is_open");
+    //                             toastr.error('Something Went Wrong,Try Again!');
+    //                             $("#biz-contact-form").removeClass("d-none");
+    //                         } 
+    //                     }
+    //                 });
+    //                 return false;
+    //             }
+    //         });
+   </script>
+
+</body>
+
+</html>

press.html

                 customers."
               </p>
               <span class="quotname">
-                <span class="fw-600">Mr.Uday Kiran Konathala,</span>
-                <span>CEO-Co Founder of ANWI Systems.</span>
+                <span class="fw-600">Mr.Uday Kiran Konathala </span>
+                <span>- CEO, CO-Founder of ANWI Systems.</span>
               </span>
             </div>
           </div>
     </section>
     <section id="ora_products" class="py-md-5">
       <h2 class="text-center py-3 py-md-4">Our Releases Notes</h2>
-      <div class="container image-wrapper bg-white py-md-4 border-0 rounded-4">
+      <div class="container image-wrapper py-md-4 border-0 rounded-4">
         <div class="lightbox">
           <div class="row justify-content-center py-lg-5 py-4 px-4 px-lg-0">
           </div>
       }
       for (let j = 0; j < split_arry.length; j++) {
         let media_row = `
-            <div class="col-lg-3 col-md-5 mx-md-3 mx-2 mb-4 mb-lg-4 mx-lg-3 rounded-3 shadow posted_imgs" id="data_imgs${list_imgs[i]}">
+            <div class="col-lg-3 col-md-5 mx-md-3 mx-2 mb-4 mb-lg-4 mx-lg-3 pt-md-3 pt-3 bg-white rounded-3 shadow posted_imgs" id="data_imgs${list_imgs[i]}">
               <div class="multi-carousel">
                 <div class="multi-carousel-inner">
                   <div class="multi-carousel-item">

productdetails.html

     <script src="./dist/js/main.js"></script>
     <script>
         let product_data = localStorage.getItem("product_data");
-      debugger;
         if(product_data === null){
             let top_data = localStorage.getItem("top_data");
             let t_data = JSON.parse(top_data);
             $(".productname").html(t_data.name);
             $(".price").html(t_data.price);
+            $(".productDetailsMain").find("img").attr("src",t_data.img);
             $(".memorycontainer").find(".borderselector").removeClass("borderselector");
             $(".memorycontainer").find("[data-device='"+t_data.device+"']").addClass("borderselector");
             $(".memory-details").find(".borderselector").removeClass("borderselector");
             $(".memory-details").find("[data-version='"+t_data.version+"']").addClass("borderselector");
             $(".computersize").find("[data-gb='"+t_data.gb+"']").addClass("borderselector");
+
         }else{
             let data = JSON.parse(product_data);
             $(".productname").html(data.name);

ramproducts.html

             transform: scale(1.1);
             /* rotate: 10deg; */
         }
+        .card:hover .btn{
+            background-color: #000 !important;
+            color:#ffff !important;
+        }
         .card-title{
             font-size: 1.2rem;
         }
                                         Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance.
                                     </p>
                                 </div>
-                                <div class="tab-content bg-lg-white rounded-4" id="pills-tabContent">
+                                <div class="tab-content  rounded-4" id="pills-tabContent">
                                     <div class="text-center py-md-5 py-4">
                                         <span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi Systems</span>
                                     </div>
                                     <!-- first tab-pane -->
                                     <div class="tab-pane fade show active" id="pills-network-cards-card" role="tabpanel" aria-labelledby="pills-network-cards-card-tab">
                                         <div class="row g-4 pb-5 px-md-4">
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
-                                                        <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+                                                    <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
-                                                            <h5 class="card-title satoshi_font mb-0">
-                                                                ORA 8GB DDR4 3200MHz Desktop RAM
-                                                            </h5>
-                                                        </a>
+                                                        <h5 class="card-title satoshi_font mb-0">ORA 8GB DDR4 3200MHz Desktop RAM </h5>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class="border-0 py-0">
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 8GB DDR4 3200MHz Desktop RAM "
                                                             data_version="DDR4"
                                                             data_device="Desktop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr5_desktop.png" class="card-img-top" alt="...">
-                                                    </a>
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 16GB DDR4 3200MHz Desktop RAM 
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 16GB DDR4 3200MHz Desktop RAM "
                                                             data_version="DDR4"
                                                             data_device="Desktop"
                                                     </div>
                                                 </div>
                                             </div>
-                                             <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                             <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+                                                  
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                                    
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
+                                                       
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 32GB DDR4 3200MHz Desktop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </div>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 32GB DDR4 3200MHz Desktop RAM "
                                                             data_version="DDR4"
                                                             data_device="Desktop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+                                                   
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                                  
                                                     <div class="card-body">
                                                         <a href="#"
                                                             class="text-decoration-none text-dark">
                                                     </div>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 8GB DDR4 3200MHz Laptop RAM "
                                                             data_version="DDR4"
                                                             data_device="Laptop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
-                                                    </a>
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 16GB DDR4 3200MHz Laptop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 16GB DDR4 3200MHz Laptop RAM "
                                                             data_version="DDR4"
                                                             data_device="Laptop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr5_desktop.png" class="card-img-top" alt="...">
-                                                    </a>
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 32GB DDR4 3200MHz Laptop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
                                                             data_version="DDR4"
                                                             data_device="Laptop"
                                                     </div>
                                                 </div>
                                             </div>
-                                             <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                             <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" class="card-img-top" alt="...">
-                                                    </a>
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 8GB DDR5 4800MHz Desktop RAM
-                                                            </h5>
-                                                        </a>
+                                                            </h5> 
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </div>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 8GB DDR5 4800MHz Desktop RAM "
                                                             data_version="DDR5"
                                                             data_device="Desktop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 -100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 -100">
+                                                   
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                                   
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
+                                                       
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 16GB DDR5 4800MHz Desktop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </div>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 16GB DDR5 4800MHz Desktop RAM "
                                                             data_version="DDR5"
                                                             data_device="Desktop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+                                                
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                                    
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
+                                                       
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 32GB DDR5 4800MHz Desktop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 32GB DDR5 4800MHz Desktop RAM "
                                                             data_version="DDR5"
                                                             data_device="Desktop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+                                                   
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr5_desktop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                                    
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
+                                                       
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 8GB DDR5 4800MHz Laptop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 8GB DDR5 4800MHz Laptop RAM "
                                                             data_version="DDR5"
                                                             data_device="Laptop"
                                                     </div>
                                                 </div>
                                             </div>
-                                             <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                             <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+                                                   
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                                   
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
+                                                       
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 16GB DDR5 4800MHz Laptop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </div>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 16GB DDR5 4800MHz Laptop RAM "
                                                             data_version="DDR5"
                                                             data_device="Laptop"
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6 ram_card">
-                                                <div class="card border rounded-3 p-1 h-100">
-                                                    <a href="#">
+                                            <div class="col-lg-4 col-md-6 col-md-6 ram_card">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
+                                                 
                                                         <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" class="card-img-top" alt="...">
-                                                    </a>
+                                                    
                                                     <div class="card-body">
-                                                        <a href="#"
-                                                            class="text-decoration-none text-dark">
+                                                       
                                                             <h5 class="card-title satoshi_font mb-0">
                                                                 ORA 32GB DDR5 4800MHz Laptop RAM
                                                             </h5>
-                                                        </a>
                                                     </div>
                                                     <ul class="border-0 d-flex h-100 justify-content-between px-md-3 px-4 list-group-flush p-0 text-secondary" style="list-style: none;">
                                                         <li class=" border-0 py-0">
                                                     </div>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_name="ORA 32GB DDR5 4800MHz Laptop RAM "
                                                             data_version="DDR5"
                                                             data_device="Laptop"
 
     <script>
        $("#pills-tabContent").find(".ram_card").each(function(){
+        $(this).addClass("cursor-pointer");
         $(this).click(function(){
         let product_name = $(this).find(".card-body").find("a.btn").attr("data_name");
         let version = $(this).find(".card-body").find("a.btn").attr("data_version");

storageproducts.html

             transform: scale(1.1);
             /* rotate: 10deg; */
         }
+        .card:hover .btn{
+            background-color: #000 !important;
+            color:#ffff !important;
+        }
         .card-title{
             font-size: 1.2rem;
         }
                                         Boasting an ultra-slim 1mm Heatsink, we defy temperature limits and redefine storage performance.
                                     </p>
                                 </div>
-                                <div class="tab-content bg-lg-white rounded-4" id="pills-tabContent">
+                                <div class="tab-content rounded-4" id="pills-tabContent">
                                     <div class="text-center py-md-5 py-4">
                                         <span class="bg-black fs-5 px-md-4 py-md-2 py-2 px-4 rounded-3 text-white">Join the future with Anwi Systems</span>
                                     </div>
                                     <!-- first tab-pane -->
                                     <div class="tab-pane fade show active" id="pills-network-cards-card" role="tabpanel" aria-labelledby="pills-network-cards-card-tab">
                                         <div class="row g-4 pb-5 px-md-4 storage_card">
-                                            <div class="col-lg-3 col-md-6">
-                                                <div class="card border rounded-3 p-1 h-100">
+                                            <div class="col-lg-4 col-md-6 col-md-6">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                     <a href="#">
                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" class="card-img-top" alt="...">
                                                     </a>
                                                             </h5>
                                                         </a>
                                                     </div>
-                                                    <ul class="list-group list-group-flush border-0">
+                                                    <ul class="bg-gray-3 border-0 list-group-flush ps-3">
                                                         <li class="list-group-item border-0 py-0">
                                                             <span class="satoshi_font">PCI Express 3.0</span>
                                                         </li>
                                                         </li>
                                                     </ul>
                                                     <div class="card-body text-center">
-                                                        <a href="#" class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                        <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                         data_des="High-speed PCIe Gen 3x4
                                                         interface with read speeds
                                                         up to 3500 MB/s and write
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6">
-                                                <div class="card border rounded-3 p-1 h-100">
+                                            <div class="col-lg-4 col-md-6 col-md-6">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                     <a href="#">
                                                         <img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">
                                                     </a>
                                                             </h5>
                                                         </a>
                                                     </div>
-                                                    <ul class="list-group list-group-flush border-0">
+                                                    <ul class="bg-gray-3 border-0 list-group-flush ps-3">
                                                         <li class="list-group-item border-0 py-0">
                                                             <span class="satoshi_font">PCI Express 3.0</span>
                                                         </li>
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_des="High-speed PCIe Gen 3x4
                                                         interface with read speeds
                                                         up to 3500 MB/s and write
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6">
-                                                <div class="card border rounded-3 p-1 h-100">
+                                            <div class="col-lg-4 col-md-6 col-md-6">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                     <a href="#">
                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" class="card-img-top" alt="...">
                                                     </a>
                                                             </h5>
                                                         </a>
                                                     </div>
-                                                    <ul class="list-group list-group-flush border-0">
+                                                    <ul class="bg-gray-3 border-0 list-group-flush ps-3">
                                                         <li class="list-group-item border-0 py-0">
                                                             <span class="satoshi_font">PCI Express 3.0</span>
                                                         </li>
                                                         </li>
                                                     </ul>
                                                     <div class="card-body text-center">
-                                                        <a href="#" class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                        <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                         data_des="High-speed PCIe Gen 3x4
                                                         interface with read speeds
                                                         up to 3500 MB/s and write
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6">
-                                                <div class="card border rounded-3 p-1 h-100">
+                                            <div class="col-lg-4 col-md-6 col-md-6">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                     <a href="#">
                                                         <img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">
                                                     </a>
                                                             </h5>
                                                         </a>
                                                     </div>
-                                                    <ul class="list-group list-group-flush border-0">
+                                                    <ul class="bg-gray-3 border-0 list-group-flush ps-3">
                                                         <li class="list-group-item border-0 py-0">
                                                             <span class="satoshi_font">PCI Express 4.0</span>
                                                         </li>
                                                     </ul>
                                                     <div class="card-body text-center">
                                                         <a href="#"
-                                                            class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                            class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                             data_des="High-speed PCIe Gen 4x4
                                                             interface with read speeds
                                                             up to 4900 MB/s and write
                                                     </div>
                                                 </div>
                                             </div>
-                                            <div class="col-lg-3 col-md-6">
-                                                <div class="card border rounded-3 p-1 h-100">
+                                            <div class="col-lg-4 col-md-6 col-md-6">
+                                                <div class="card border bg-gray-3 rounded-3 p-1 h-100">
                                                     <a href="#">
                                                         <img src="./dist/assets/imgs/Navbar/ora4_ram.png" class="card-img-top" alt="...">
                                                     </a>
                                                             </h5>
                                                         </a>
                                                     </div>
-                                                    <ul class="list-group list-group-flush border-0">
+                                                    <ul class="bg-gray-3 border-0 list-group-flush ps-3">
                                                         <li class="list-group-item border-0 py-0">
                                                             <span class="satoshi_font">PCI Express 4.0</span>
                                                         </li>
                                                         </li>
                                                     </ul>
                                                     <div class="card-body text-center">
-                                                        <a href="#" class="btn btn-outline-dark font-1-2 px-5 w-100 satoshi_font"
+                                                        <a href="#" class="btn bg-white font-1-2 px-5 w-100 satoshi_font"
                                                         data_des="High-speed PCIe Gen 4x4
                                                         interface with read speeds
                                                         up to 4900 MB/s and write

support.html

                         <div class="home-help--wrapper_content-items">
                             <a href="https://anwisystems.com/w" alt="" class="grow-1 text-dark">
                                 <div class="grow-width">
-                                    <img src="./dist/assets/imgs/support/warranty.png" alt="" class="icon">
+                                    <img src="./dist/assets/imgs/support/warranty-icon.png" alt="" class="icon">
                                     <div class="content">
                                         <p class="item_title">Warranty</p>
                                         <p class="item_dec">Enable Warranty / Check Warranty.</p>
                             </a>
                             <a href="#" alt="" class="grow-1 text-dark">
                                 <div class="grow-width"><img
-                                        src="./dist/assets/imgs/support/service.png"
+                                        src="./dist/assets/imgs/support/laptop-service.jpg"
                                         alt="" class="icon">
                                     <div class="content">
                                         <p class="item_title">Laptop Service</p>
                             </a>
                             <a href="#" alt="" class="grow-1 text-dark">
                                 <div class="grow-width">
-                                    <img src="./dist/assets/imgs/support/repair.png" alt="" class="icon">
+                                    <img src="./dist/assets/imgs/support/winfo-icon-system-management.png" alt="" class="icon">
                                     <div class="content">
                                         <p class="item_title">All in One Service</p>
                                         <p class="item_dec">Get your repair started here.</p>
                             </a>
                             <a href="#" alt=""class="grow-1 text-dark">
                                 <div class="grow-width">
-                                    <img src="./dist/assets/imgs/support/service-center.png" alt="" class="icon">
+                                    <img src="./dist/assets/imgs/support/accessories.png" alt="" class="icon">
                                     <div class="content">
                                         <p class="item_title">Accessories</p>
                                         <p class="item_dec">Get repair service in Anwi Service Center.</p>