sachin.ganesh
/
anwi_website
关注 1
点赞 0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
浏览代码

nav dropdown added for storage and memory links

saikiranbolli 2 年前
父节点
bf783a338b
当前提交
48625743b4
共有 6 个文件被更改，包括 327 次插入 和 54 次删除
合并视图 显示文件统计
  1. 1
    1
      about.html
  2. 56
    7
      allinone.html
  3. 64
    25
      dist/Js/main.js
  4. 166
    20
      dist/Js/navbar.js
  5. 39
    0
      dist/css/main.css
  6. 1
    1
      index.html

+ 1
- 1
about.html 查看文件

33 
     <title>About | Anwi</title>
 33 
     <title>About | Anwi</title>
34 
 </head>
 34 
 </head>
35
35
36 
-<body>
36 
+<body class="about_page">
37 
     <!-- navbar -->
 37 
     <!-- navbar -->
38 
     <div id="navbar-head"></div>
 38 
     <div id="navbar-head"></div>
39 
     <!-- end-navbar -->
 39 
     <!-- end-navbar -->

+ 56
- 7
allinone.html 查看文件

12 
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 12 
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
13
13
14 
     <link rel="stylesheet" href="styles/style.css">
 14 
     <link rel="stylesheet" href="styles/style.css">
15 
+    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
16 
+    <link rel="stylesheet" href="./dist/css/main.css" />
17 
+    <link rel="stylesheet" href="./dist/css/paymentmethod.css" />
18 
+    <link rel="stylesheet" href="./style.css">
19 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.carousel.min.css">
20 
+    <link rel="stylesheet" href="./libs/owlcarousel/Css/owl.theme.default.min.css">
21 
+
22 
+
23 
+
24 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
25 
+    <link rel="stylesheet" href="./dist/css/vendor/bootstrap.min.css">
26 
+    <link rel="stylesheet" href="./dist/css/vendor/vandella.css">
27 
+    <link rel="stylesheet" href="./dist/css/vendor/jellybelly.css">
28 
+    <!-- <link rel="stylesheet" href="./dist/css/vendor/icofont.min.css"> -->
29 
+    <link rel="stylesheet" href="./dist/css/vendor/fontello.css">
30 
+    <link rel="stylesheet" href="./dist/css/plugins/easyzoom.css">
31 
+    <link rel="stylesheet" href="./dist/css/plugins/slick.css">
32 
+    <link rel="stylesheet" href="./dist/css/plugins/nice-select.css">
33 
+    <link rel="stylesheet" href="./dist/css/plugins/animate.css">
34 
+    <link rel="stylesheet" href="./dist/css/plugins/magnific-popup.css">
35 
+    <link rel="stylesheet" href="./dist/css/plugins/jquery-ui.css">
36 
+    <link rel="stylesheet" href="./dist/css/style.css">
37 
+    <link rel="stylesheet" href="./dist/css/fontawesome.all.min.css">
38 
+    <link rel="stylesheet" href="./dist/css/fontawesome.min.css">
15 
     <title>project</title>
 39 
     <title>project</title>
16 
 </head>
 40 
 </head>
17
41
608
632
609
633
610 
     <script src="libs/owlcarousel/dist/owl.carousel.min.js"></script>
 634 
     <script src="libs/owlcarousel/dist/owl.carousel.min.js"></script>
611 
-    <script src="dist/Js/navbar.js"></script>
612 
-    <script src="dist/Js/footer.js"></script>
613 
-    <script src="dist/Js/allInOne.js"></script>
614 
-
615 
-    <script src="dist/Js/navbar.js"></script>
616 
-    <script src="dist/Js/footer.js"></script>
617 
-    <script src="dist/Js/laptopmuti.js"></script>
635 
+    <script src="dist/js/navbar.js"></script>
636 
+    <script src="dist/js/footer.js"></script>
637 
+    <script src="dist/js/allInOne.js"></script>
638 
+
639 
+    <script src="dist/js/navbar.js"></script>
640 
+    <script src="dist/js/footer.js"></script>
641 
+    <script src="dist/js/laptopmuti.js"></script>
642 
+
643 
+    <script src="./libs/bootstrap/js/bootstrap.bundle.min.js"></script>
644 
+    <script src="./dist/js/jquery.min.js"></script>
645 
+    <script src="./libs/owlcarousel/js/owl.carousel.min.js"></script>
646 
+    <script src="./dist/js/navbar.js"></script>
647 
+   <script src="./libs/axios.min.js"></script>
648 
+    <script src="./dist/js/footer.js"></script>
649 
+      <script src="./libs/cookies.min.js"></script>
650 
+    <script src="./dist/js/fontawesome.all.js"></script>
651 
+    <script src="./dist/js/fontawesome.min.js"></script>
652 
+    <script src="./dist/js/vendor/modernizr-3.11.7.min.js"></script>
653 
+    <script src="./dist/js/vendor/jquery-v3.6.0.min.js"></script>
654 
+    <script src="./dist/js/vendor/jquery-migrate-v3.3.2.min.js"></script>
655 
+    <script src="./dist/js/vendor/bootstrap.min.js"></script>
656 
+    <script src="./dist/js/plugins/slick.js"></script>
657 
+    <script src="./dist/js/plugins/wow.js"></script>
658 
+    <script src="./dist/js/plugins/svg-injector.min.js"></script>
659 
+    <script src="./dist/js/plugins/jquery.nice-select.min.js"></script>
660 
+    <script src="./dist/js/plugins/mouse-parallax.js"></script>
661 
+    <script src="./dist/js/plugins/images-loaded.js"></script>
662 
+    <script src="./dist/js/plugins/isotope.js"></script>
663 
+    <script src="./dist/js/plugins/jquery-ui.js"></script>
664 
+    <script src="./dist/js/plugins/magnific-popup.js"></script>
665 
+    <!-- Main JS -->
666 
+    <script src="./dist/js/main.js"></script>
618
667
619 
     <script>
 668 
     <script>
620 
         $('#navbar-head').css("background", "rgba( 255, 255, 255, 0.25 )")
 669 
         $('#navbar-head').css("background", "rgba( 255, 255, 255, 0.25 )")

+ 64
- 25
dist/Js/main.js 查看文件

15 
     if(ele_page == true){
 15 
     if(ele_page == true){
16
16
17 
     }
 17 
     }
18 
-   function naChanges(){
19 
-    $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
20 
-   }
21 
-   setTimeout(naChanges, 1000);
22 
-   win.on('scroll', function() {
23 
-    var scroll = win.scrollTop();
24 
-    if (scroll < 100) {
25 
-        header.removeClass('stick');
26 
-        $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
27 
-        let img_src = `./dist/assets/imgs/anwi-logo-2.png`;
28 
-        $(".logo-menu-wrap").find("a img").attr("src",img_src);
29 
-        $(".main-menu").find("nav ul li a").addClass("text-white");
30 
-
18 
+    function naChanges(){
31 
         $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
 19 
         $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
32 
-        $('.header-bottom-flex').find('svg path').attr('fill','#fff')
33 
-    } else {
34 
-        header.addClass('stick');
35 
-
36 
-            $(".header-bottom").addClass("sticky-bar stick");
37 
-            let src = `./dist/assets/imgs/anwi-logo-1.png`;
38 
-            $(".logo-menu-wrap").find("a img").attr("src",src);
39 
-            $(".main-menu").find("nav ul li a").removeClass("text-white");
40 
-            $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
41 
-            $('.header-bottom-flex').find('svg path').attr('fill','#000')
42 
-
20 
+       }
21 
+       setTimeout(naChanges, 1000);
22 
+       let $body_pg = $("body").hasClass("services_page");
23 
+       if ($body_pg == true) {
24 
+        $(".main-menu").find("nav ul li a").addClass("text-dark");
25 
+        let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
26 
+        $(".logo-menu-wrap").find("a img").attr("src",img_src);
27 
+        $(".header-bottom").addClass("sticky-bar stick");
28 
+        $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
43 
     }
 29 
     }
44 
-});
30 
+       win.on('scroll', function() {
31 
+        var scroll = win.scrollTop();
32 
+        if (scroll < 100) {
33 
+            header.removeClass('stick');
34 
+            $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
35 
+            $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#fff");
36 
+            $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
37 
+            // $('.header-bottom-flex').find('svg path').attr('fill','#fff');
38 
+
39 
+            if ($body_pg == true) {
40 
+                $(".main-menu").find("nav ul li a").addClass("text-dark");
41 
+                let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
42 
+                $(".logo-menu-wrap").find("a img").attr("src",img_src);
43 
+                $(".header-bottom").addClass("sticky-bar stick");
44 
+            }else{
45 
+                let $about_pg = $("body").hasClass("about_page");
46 
+                if($about_pg == true){
47 
+                    $(".main-menu").find("nav ul li a").addClass("text-dark");
48 
+                    let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
49 
+                    $(".logo-menu-wrap").find("a img").attr("src",img_src);
50 
+                    $(".header-bottom").addClass("sticky-bar stick");
51 
+                    $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
52 
+                }else{
53 
+                    let img_src = `./dist/assets/imgs/anwi-logo-2.png`;
54 
+                    $(".logo-menu-wrap").find("a img").attr("src",img_src);
55 
+                    $(".main-menu").find("nav ul li a").addClass("text-white");
56 
+                    $(".header-bottom.sticky-bar.stick").removeClass("sticky-bar stick");
57 
+                }
58 
+
59 
+            }
60 
+        } else {
61 
+            header.addClass('stick');
62 
+
63 
+                $(".header-bottom").addClass("sticky-bar stick");
64 
+                let src = `./dist/assets/imgs/anwi-logo-1.png`;
65 
+                $(".logo-menu-wrap").find("a img").attr("src",src);
66 
+                $(".main-menu").find("nav ul li a").removeClass("text-white");
67 
+                $("body.product_pg").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
68 
+                $('.header-bottom-flex').find('svg path').attr('fill','#000')
69 
+                let $body_pg = $("body").hasClass("services_page");
70 
+                if ($body_pg == true) {
71 
+                    let src = `../dist/assets/imgs/anwi-logo-1.png`;
72 
+                    $(".logo-menu-wrap").find("a img").attr("src",src);
73 
+                    $(".main-menu").find("nav ul li a").removeClass("text-white");
74 
+                }
75 
+                let $about_pg = $("body").hasClass("about_page");
76 
+                if($about_pg == true){
77 
+                    $(".main-menu").find("nav ul li a").addClass("text-dark");
78 
+                    let img_src = `../dist/assets/imgs/anwi-logo-1.png`;
79 
+                    $(".logo-menu-wrap").find("a img").attr("src",img_src);
80 
+                    $(".header-bottom").addClass("sticky-bar stick");
81 
+                }
82 
+        }
83 
+    });
45
84
46 
     /*--------------------------------
 85 
     /*--------------------------------
47 
         Slider active 1
 86 
         Slider active 1

+ 166
- 20
dist/Js/navbar.js 查看文件

61 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
 61 
                                 <div class="main-menu menu-lh-1 main-menu-padding-1">
62 
                                     <nav>
 62 
                                     <nav>
63 
                                         <ul class="mb-0 p-0">
 63 
                                         <ul class="mb-0 p-0">
64 
-                                            <li><a href="./storageproducts.html" class="satoshi_font">STORAGE</a></li>
65 
-                                            <li><a href="./ramproducts.html" class="satoshi_font">MEMORY</a></li>
64 
+                                        <li class="hover_tab_1"><a href="./storageproducts.html" class="satoshi_font">STORAGE</a>
65 
+                                        <ul class="py-3 px-3 rounded-bottom shadow">
66 
+                                            <li class="d-flex">
67 
+                                                <ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
68 
+                                                    <li class="nav-item">
69 
+                                                        <a class="nav-link active text-dark" data-bs-toggle="tab" href="#ora3">ORA 3</a>
70 
+                                                    </li>
71 
+                                                    <li class="nav-item">
72 
+                                                        <a class="nav-link text-dark" data-bs-toggle="tab" href="#ora4">ORA 4</a>
73 
+                                                    </li>
74 
+                                                </ul>
75 
+                                                <ul class="nav w-500">
76 
+                                                    <li>
77 
+                                                    <div class="tab-content">
78 
+                                                        <div id="ora3" class="container tab-pane active">
79 
+                                                            <div class="row">
80 
+                                                                <div class="col-4">
81 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
82 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
83 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 512GB</p>
84 
+                                                                    </div>
85 
+                                                                </div>
86 
+                                                                <div class="col-4">
87 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
88 
+                                                                         <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
89 
+                                                                         <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 1TB</p>
90 
+                                                                    </div>
91 
+                                                                </div>
92 
+                                                                <div class="col-4">
93 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
94 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
95 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora3 M.2 NVMe 2TB</p>
96 
+                                                                    </div>
97 
+                                                                </div>
98 
+                                                            </div>
99 
+                                                        </div>
100 
+                                                        <div id="ora4" class="container tab-pane fade">
101 
+                                                            <div class="row">
102 
+                                                                <div class="col-4">
103 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
104 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
105 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 512GB</p>
106 
+                                                                    </div>
107 
+                                                                </div>
108 
+                                                                <div class="col-4">
109 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
110 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
111 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 1TB</p>
112 
+                                                                    </div>
113 
+                                                                </div>
114 
+                                                                <div class="col-4">
115 
+                                                                    <div class="bg-gray-4 rounded-3 cursor-pointer">
116 
+                                                                        <img src="./dist/assets/imgs/Navbar/ora3_ram.png" alt="ora img" class=""/>
117 
+                                                                        <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora4 M.2 NVMe 2TB</p>
118 
+                                                                    </div>
119 
+                                                                </div>
120 
+                                                            </div>
121 
+                                                        </div>
122 
+                                                  </div>
123 
+                                                </li>
124 
+                                                </ul>
125 
+                                            </li>
126 
+                                        </ul>
127 
+                                    </li>
128 
+                                    <li class="hover_tab_2"><a href="./ramproducts.html" class="satoshi_font">MEMORY</a>
129 
+                                    <ul class="py-3 px-3 rounded-bottom shadow">
130 
+                                    <li class="d-flex">
131 
+                                        <ul class="nav nav-pills flex-column w-200 border-end" id="experienceTab" role="tablist">
132 
+                                            <li class="nav-item">
133 
+                                                <a class="nav-link active text-dark" data-bs-toggle="tab" href="#laptop">Laptop</a>
134 
+                                            </li>
135 
+                                            <li class="nav-item">
136 
+                                                <a class="nav-link text-dark" data-bs-toggle="tab" href="#desktop">Desktop</a>
137 
+                                            </li>
138 
+                                        </ul>
139 
+                                        <ul class="nav w-500">
140 
+                                            <li>
141 
+                                            <div class="tab-content">
142 
+                                                <div id="laptop" class="container tab-pane active">
143 
+                                                    <div class="row">
144 
+                                                        <div class="col-4">
145 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
146 
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_laptop.png" alt="ora img" class=""/>
147 
+                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center pb-1">Ora 8GB DDR5</p>
148 
+                                                            </div>
149 
+                                                        </div>
150 
+                                                        <div class="col-4">
151 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
152 
+                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
153 
+                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 16GB DDR5</p>
154 
+                                                            </div>
155 
+                                                        </div>
156 
+                                                        <div class="col-4 ">
157 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
158 
+                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr5_laptop.png" alt="ora img" class=""/>
159 
+                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 32GB DDR5</p>
160 
+                                                            </div>
161 
+                                                        </div>
162 
+                                                    </div>
163 
+                                                </div>
164 
+                                                <div id="desktop" class="container tab-pane fade">
165 
+                                                    <div class="row">
166 
+                                                        <div class="col-4">
167 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
168 
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
169 
+                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 8GB DDR4</p>
170 
+                                                            </div>
171 
+                                                        </div>
172 
+                                                        <div class="col-4">
173 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
174 
+                                                                <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
175 
+                                                                <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 16GB DDR4</p>
176 
+                                                            </div>
177 
+                                                        </div>
178 
+                                                        <div class="col-4">
179 
+                                                            <div class="bg-gray-4 rounded-3 cursor-pointer">
180 
+                                                                 <img src="./dist/assets/imgs/Navbar/ora_ddr4_desktop.png" alt="ora img" class=""/>
181 
+                                                                 <p class="fs-7 fw-600 mb-0 text-a-color text-center  pb-1">Ora 32GB DDR4</p>
182 
+                                                            </div>
183 
+                                                        </div>
184 
+                                                    </div>
185 
+                                                </div>
186 
+                                          </div>
187 
+                                        </li>
188 
+                                        </ul>
189 
+                                    </li>
190 
+                                </ul>
191 
+                                    </li>
66 
                                             <li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
 192 
                                             <li><a href="./support.html" class="satoshi_font">SUPPORT</a></li>
67 
                                             <li><a href="./press.html" class="satoshi_font">PRESS</a></li>
 193 
                                             <li><a href="./press.html" class="satoshi_font">PRESS</a></li>
68 
                                             <li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
 194 
                                             <li><a href="./index1.html" class="satoshi_font">COMING SOON</a></li>
236 
     })
 362 
     })
237
363
238
364
239 
-    $(".main-menu nav ul").find("li").each(function () {
240 
-        var current = window.location.pathname;
241 
-        var $this = $(this).find("a");
242 
-        if (current != "/") {
243 
-            if ($this.attr('href').indexOf(current) !== -1) {
244 
-                $(this).addClass('active_nav');
245 
-            }
246 
-        }
365 
+    // $(".main-menu nav ul").find("li").each(function () {
366 
+    //     var current = window.location.pathname;
367 
+    //     var $this = $(this).find("a");
368 
+    //     if (current != "/") {
369 
+    //         if ($this.attr('href').indexOf(current) !== -1) {
370 
+    //             $(this).addClass('active_nav');
371 
+    //         }
372 
+    //     }
247
373
248 
-    })
374 
+    // })
249
375
250 
     // destroy localstorage data
 376 
     // destroy localstorage data
251 
     let loc_path = '/productdetails.html';
 377 
     let loc_path = '/productdetails.html';
265 
     let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
 391 
     let $nav_img = "../dist/assets/imgs/anwi-logo-1.png";
266 
     let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
 392 
     let $footer_img = "../dist/assets/imgs/anwi-logo-2.png";
267 
     let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
 393 
     let $scrool_top_img = "../dist/assets/imgs/Home/rocket-footer.png";
268 
-
394 
+    let $about_pg = $("body").hasClass("about_page");
395 
+    if($about_pg == true){
396 
+        debugger
397 
+        $(".main-menu").find("nav ul li a").addClass("text-dark");
398 
+        let img_src = `./dist/assets/imgs/anwi-logo-1.png`;
399 
+        $(".logo-menu-wrap").find("a img").attr("src",img_src);
400 
+        $(".header-bottom").addClass("sticky-bar stick");
401 
+        $("body.about_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
402 
+    }
269 
     if ($body_pg == true) {
 403 
     if ($body_pg == true) {
270 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
 404 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a").attr("href", $hm_pg);
271 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
 405 
         $(".header-large-device").find(".logo-menu-wrap .logo").find("a img").attr("src", $nav_img);
272 
         $(".mobile-logo").find("a").attr("href", $hm_pg);
 406 
         $(".mobile-logo").find("a").attr("href", $hm_pg);
273 
         $(".mobile-logo").find("a img").attr("src", $nav_img);
 407 
         $(".mobile-logo").find("a img").attr("src", $nav_img);
408 
+        $("body.services_page").find(".header-large-device").find(".header-action-wrap").find(".same-style").find("svg").find("path").attr("fill","#000");
274 
         $(".main-menu").find("nav ul").find("li a").each(function () {
 409 
         $(".main-menu").find("nav ul").find("li a").each(function () {
410 
+            $(this).addClass("text-dark")
411 
+            $(".header-bottom").addClass("sticky-bar stick");
275 
             let $arc = $(this).attr("href");
 412 
             let $arc = $(this).attr("href");
276 
             let $spcial_char = $arc.includes("./");
 413 
             let $spcial_char = $arc.includes("./");
277 
             if ($spcial_char === true) {
 414 
             if ($spcial_char === true) {
278 
                 let $refarence = `.${$arc}`
 415 
                 let $refarence = `.${$arc}`
279 
                 $(this).attr("href", $refarence);
 416 
                 $(this).attr("href", $refarence);
280 
             }
 417 
             }
281 
-            $(".same-style").find("a").each(function () {
282 
-                let $arc1 = $(this).attr("href");
283 
-                let $spcial_char1 = $arc1.includes("./");
284 
-                if ($spcial_char1 === true) {
285 
-                    let $refarence1 = `.${$arc1}`
286 
-                    $(this).attr("href", $refarence1);
287 
-                }
288 
-            })
418 
+
419 
+        });
420 
+        $(".same-style").find("a").each(function () {
421 
+            let $arc1 = $(this).attr("href");
422 
+            let $spcial_char1 = $arc1.includes("./");
423 
+            if ($spcial_char1 === true) {
424 
+                let $refarence1 = `.${$arc1}`
425 
+                $(this).attr("href", $refarence1);
426 
+            }
427 
+        })
428 
+        $(".tab-content").find("img").each(function(){
429 
+            let $img_src = $(this).attr("src");
430 
+            let $img_src1 = $img_src.includes("./");
431 
+            if ($img_src1 === true) {
432 
+                let $refarenceimg1 = `.${$img_src}`;
433 
+                $(this).attr("src", $refarenceimg1);
434 
+            }
289 
         });
 435 
         });
290 
         $(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () {
 436 
         $(".clickable-mainmenu-wrap").find("nav ul").find("li a").each(function () {
291 
             let $arc_mbil = $(this).attr("href");
 437 
             let $arc_mbil = $(this).attr("href");

+ 39
- 0
dist/css/main.css 查看文件

1927 
 }
 1927 
 }
1928 
 .product_card_section .col-sm-4{
 1928 
 .product_card_section .col-sm-4{
1929 
     margin-top:100px;
 1929 
     margin-top:100px;
1930 
+}
1931 
+
1932 
+
1933 
+/* SECTION VERTICAL TABS */
1934 
+#experienceTab.nav-pills .nav-link.active {
1935 
+    color: rgb(3, 41, 90) !important;
1936 
+    background-color: transparent;
1937 
+    border-radius: 0px;
1938 
+    border-left: 3px solid  #191e71;
1939 
+
1940 
+}
1941 
+#experienceTab.nav-pills .nav-link {
1942 
+    border-radius: 0px;
1943 
+    line-height: 10px;
1944 
+    color: rgb(3, 41, 90) !important;
1945 
+    border-left: 3px solid rgb(222, 222, 222);
1946 
+}
1947 
+.date-range {
1948 
+    letter-spacing: 0.01em;
1949 
+    color: var(--theme-gray);
1950 
+}
1951 
+
1952 
+/* STUB  LINKS */
1953 
+a {
1954 
+    color: var(--theme-gray);
1955 
+    transition: 0.3s eas-in-out;
1956 
+}
1957 
+a:hover {
1958 
+    color: var(--theme-yellow);
1959 
+}
1960 
+.tab-content img{
1961 
+    width: 100%;
1962 
+    min-width:120px;
1963 
+}
1964 
+.w-250{
1965 
+    width: 250px;
1966 
+}
1967 
+.w-500{
1968 
+    width: 500px;
1930 
 }
 1969 
 }

+ 1
- 1
index.html 查看文件

347 
                                     <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
 347 
                                     <div class="card h-100 mx-1 text-center bg-gray-4 border-0 top_sell">
348 
                                         <div class="card-body">
 348 
                                         <div class="card-body">
349 
                                             <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
 349 
                                             <img src="./dist/assets/imgs/allin_imgs/32gb_laptop.png" class="w-100"/>
350 
-                                            <p class="mb-0 fs-7 py-2">oooooooooooooooooooDDR4 <br> 3200MHz Laptop Memory</p>
350 
+                                            <p class="mb-0 fs-7 py-2">ORA DDR4 <br> 3200MHz Laptop Memory</p>
351 
                                              <p class="fw-600 text-primary mb-0">Buy Now</p>
 351 
                                              <p class="fw-600 text-primary mb-0">Buy Now</p>
352 
                                              <p class="selling_product d-none"
352 
                                              <p class="selling_product d-none"
353 
                                                 data_name="ORA 32GB DDR4 3200MHz Laptop RAM "
 353 
                                                 data_name="ORA 32GB DDR4 3200MHz Laptop RAM "

撰写 预览
正在加载...
取消
保存