X7ROOT File Manager
Current Path:
/var/www/vhosts/hwtw.com.tw/httpdocs/origin/html
var
/
www
/
vhosts
/
hwtw.com.tw
/
httpdocs
/
origin
/
html
/
📁
..
📄
about.html
(12.28 KB)
📄
contact.html
(5.2 KB)
📁
css
📁
img
📄
index.html
(16.62 KB)
📁
js
📁
mobile
📄
product.html
(24.04 KB)
📄
product2.html
(16.22 KB)
📄
product3.html
(7.44 KB)
📄
product4.html
(12.91 KB)
📄
support.html
(8.64 KB)
📁
webfonts
Editing: index.html
<!DOCTYPE html> <html> <head> <!-- BASICS --> <meta charset="utf-8"> <title>海葳精密工業網站</title> <meta name="description" content=""> <!-- <meta id="viewport-meta" name="viewport" content="width=device-width, initial-scale=1.0"> --> <meta id="viewport-meta" name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/flexslider.css" type="text/css"> <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="css/all.min.css"> <link rel="stylesheet" href="css/style.css"> <script src="js/jquery.js"></script> <script src="js/effect.js"></script> </head> <style> .index_slider_1{ background: url(img/index/index_slider_img_1.png); background-size: cover; } .index_slider_2{ background: url(img/index/index_slider_img_2.png); background-size: cover; } .index_slider_3{ background: url(img/index/index_slider_img_3.png); background-size: cover; } </style> <body> <div style="overflow-x: hidden;"> <div id="index_navbar" class="navbar mobile" style="position: fixed; width: 100%;"> <div class="navbar-header about"> <div class="mobile" style="height: 92px;position: absolute;"> <a href="index.html"><img style="width: 80%;padding: 0 10px;" src="img/header/nav_logo.png"></a> </div> <button id="toggle_btn" type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> </button> </div> <div class="navbar-collapse collapse" style="padding: 0px;"> <a href="index.html"><img src='img/header/nav_bg.png' style="position: absolute;height: 100%;"></a> <i id="toggle_icon_mobile" class="fas fa-times mobile" style="font-size: 36px;cursor: pointer;position: absolute;top: 5%;right: 5%;"></i> <ul class="nav navbar-nav" id="header-ul"> <li class="item"><a href="about.html">關於海薇</a></li> <li class="item"><a href="product.html">產品與服務</a></li> <li class="item"><a href="support.html">技術支援</a></li> <li class="item"><a href="contact.html">聯絡我們</a></li> <li id="dropdown_menu_li"> <a class="fas fa-globe-asia pc" style="font-size: 20px;cursor: pointer;"></a> <span class="menu_item_mobile fas fa-globe-asia mobile" style="font-size: 26px;cursor: pointer;color: #fff;"></span> <span class="menu_item_mobile mobile">English</span> <span class="menu_item_mobile mobile selected">繁中</span> <span class="menu_item_mobile mobile">日本語</span> <div class="pc" id="dropdown_menu"> <ul class="globe_dropdown_menu"> <li><a href="#" style="text-decoration: none;color: inherit;">English</a></li> <li><a href="#" style="text-decoration: none;color: inherit;">繁體中文</a></li> <li><a href="#" style="text-decoration: none;color: inherit;">日本語</a></li> </ul> </div> </li> </ul> </div> </div> <div class="index_header_div pc"> </div> <div class="pc" style="position: absolute;z-index: 200;"> <ul class="nav navbar-nav" id="index-ul"> <li class="item active"><a href="about.html">關於海薇</a></li> <li class="item"><a href="product.html">產品與服務</a></li> <li class="item"><a href="support.html">技術支援</a></li> <li class="item"><a href="contact.html">聯絡我們</a></li> <li class="index_dropdown_menu" id="dropdown_menu_li"> <a class="fas fa-globe-asia" style="font-size: 20px;cursor: pointer;"></a> <div class="pc" id="dropdown_menu"> <ul class="globe_dropdown_menu"> <li><a href="#" style="text-decoration: none;color: inherit;">English</a></li> <li><a href="#" style="text-decoration: none;color: inherit;">繁體中文</a></li> <li><a href="#" style="text-decoration: none;color: inherit;">日本語</a></li> </ul> </div> </li> </ul> </div> <div class="index_header_div2 pc"> <div class="index_header_title"> <img src="img/index/index_main_icon.png"> <span>我們不僅是製造零件與設備<br> 而且還創建解決方案!</span> </div> <div class="index_main_div"> <div class="index_main_img_div"> <div class="index_square index_square_1"></div> <div class="index_square index_square_2"></div> <div class="index_square index_square_3"> <span>海葳堅持</span> <span style="padding-top: 70px;">高品質的製程服務</span> </div> <div class="index_square index_square_4"></div> <div class="index_square index_square_5"> <img src="img/index/index_square_logo.png"> </div> <div class="index_square index_square_6 index_slider_1"></div> <div class="index_square index_square_7 index_slider_2"></div> <div class="index_square index_square_8 index_slider_3"></div> </div> </div> </div> <div class="index_main_div_mobile"> <div class="index_main_title_mobile"> <p>我們不僅是製造零件與設備<br>而且還創建解決方案!</p> </div> <div class="index_main_div2_mobile"> <div class="index_main_square_img_div_mobile"> <div class="index_main_square_mobile index_main_square_1_mobile index_slider_1"> </div> <div class="index_main_square_mobile index_main_square_2_mobile index_slider_2"> </div> <div class="index_main_square_mobile index_main_square_3_mobile index_slider_3"> </div> <div class="index_main_square_mobile index_main_square_4_mobile"> <span style="line-height: 55px;">產品與服務</span> </div> </div> </div> </div> <script> var now_slider_img_array=[1,2,3]; var total_slider_img_arraay=[1,2,3,4,5]; img_preload(); img_cycle(); function img_cycle(){ if(total_slider_img_arraay.length>now_slider_img_array.length){ var random_div = Math.floor(Math.random() * 3)+1; var check_img=false; var random_img=""; while(!check_img){ var random_img_index=Math.floor(Math.random() * total_slider_img_arraay.length); if($.inArray(total_slider_img_arraay[random_img_index],now_slider_img_array)<0){ check_img=true; random_img= total_slider_img_arraay[random_img_index]; now_slider_img_array[random_div-1]=random_img; } } $("div.index_slider_"+random_div).css("background-image","url(img/index/index_slider_img_"+random_img+".png)"); } setTimeout(img_cycle, 3000); }; function img_preload(){ for (var i = total_slider_img_arraay.length - 1; i >= 0; i--) { var img = new Image(); img.src="img/index/index_slider_img_"+total_slider_img_arraay[i]+".png"; } } </script> <div id="index"> <div class="container"> <div class="index_content_title pc"> <div class="index_content_title_img" style="text-align: center;"> <img src="img/about/about_title_icon.png"> <p style="line-height: 55px;">產品與服務</p> </div> </div> <div class="col-sm-12 index_content_block_div pc"> <div class="col-sm-6 index_content_img"> <img src="img/index/index_content_1.png"> </div> <div class="col-sm-6 index_content_div"> <div class="index_content_header">鑄造與加工</div> <div class="index_content_detail">海葳精密具備鑄件成品的一條龍加工製造能力，能符合客戶所要求的製程品質控管與精度，有效縮減客戶開發設備的時程與成本。</div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product.html';">VIEW</div> </div> </div> </div> <div class="col-sm-12 index_content_block_div pc"> <div class="col-sm-6 index_content_div"> <div class="index_content_header">精密零件加工</div> <div class="index_content_detail">對於各類材質的加工成型，海葳精密擁有多年的技術能力，我們整合了鍛造、壓鑄、脫蠟鑄造、粉末冶金，以及最終表面處理等製程，憑藉經驗。</div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product2.html';">VIEW</div> </div> </div> <div class="col-sm-6 index_content_img"> <img class="index_content_img_even" src="img/index/index_content_2.png"> </div> </div> <div class="col-sm-12 index_content_block_div pc"> <div class="col-sm-6 index_content_img"> <img src="img/index/index_content_1.png"> </div> <div class="col-sm-6 index_content_div"> <div class="index_content_header">自動化設計與製造</div> <div class="index_content_detail">對於客製自動化設備和鉛櫃的設計與製造，海葳精密以合理抑低(As Low As Reasonably Achievable；ALARA)的精神，提供符合客戶生產效率目標的設計方案、操作介面與空間配置，以及良善的售後教育訓練..</div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product3.html';">VIEW</div> </div> </div> </div> <div class="col-sm-12 index_content_block_div pc"> <div class="col-sm-6 index_content_div"> <div class="index_content_header">精密陶瓷製造</div> <div class="index_content_detail">工業精密陶瓷優異的耐腐蝕、耐高溫、耐磨損、超硬性、超軟性、超導性，還具有氣敏、光敏、熱敏、濕敏、壓電性能，這些性能是半導體產業、LED產業、電子產業、精密機械零件、醫療設備的最佳智慧材料基礎。</div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product4.html';">VIEW</div> </div> </div> <div class="col-sm-6 index_content_img"> <img class="index_content_img_even" src="img/index/index_content_2.png"> </div> </div> <div class="col-sm-12 mobile" style="background: white;padding: 0px;"> <div class="col-sm-12 index_content_img_mobile" style="padding: 0px; width: 100%;"> <img src="img/index/index_content_1_mobile.png"> </div> <div class="col-sm-12"> <div class="index_content_header">鑄造與加工</div> <div class="index_content_detail"> 海葳精密具備鑄件成品的一條龍加工製造能力，能符合客戶所要求的製程品質控管與精度，有效縮減客戶開發設備的時程與成本。 </div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product.html';">VIEW</div> </div> </div> </div> <div class="col-sm-12 mobile" style="background: white;padding: 0px;"> <div class="col-sm-12 index_content_img_mobile" style="padding: 0px; width: 100%;"> <img src="img/index/index_content_2_mobile.png"> </div> <div class="col-sm-12"> <div class="index_content_header">精密零件加工</div> <div class="index_content_detail"> 對於各類材質的加工成型，海葳精密擁有多年的技術能力，我們整合了鍛造、壓鑄、脫蠟鑄造、粉末冶金，以及最終表面處理等製程，憑藉經驗。 </div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product2.html';">VIEW</div> </div> </div> </div> <div class="col-sm-12 mobile" style="background: white;padding: 0px;"> <div class="col-sm-12 index_content_img_mobile" style="padding: 0px; width: 100%;"> <img src="img/index/index_content_3_mobile.png"> </div> <div class="col-sm-12"> <div class="index_content_header">自動化設計與製造</div> <div class="index_content_detail"> 對於客製自動化設備和鉛櫃的設計與製造，海葳精密以合理抑低(As Low As Reasonably Achievable；ALARA)的精神，提供符合客戶生產效率目標的設計方案、操作介面與空間配置，以及良善的售後教育訓練.. </div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product3.html';">VIEW</div> </div> </div> </div> <div class="col-sm-12 mobile" style="background: white;padding: 0px;"> <div class="col-sm-12 index_content_img_mobile" style="padding: 0px; width: 100%;"> <img src="img/index/index_content_4_mobile.png"> </div> <div class="col-sm-12"> <div class="index_content_header">精密陶瓷製造</div> <div class="index_content_detail"> 工業精密陶瓷優異的耐腐蝕、耐高溫、耐磨損、超硬性、超軟性、超導性，還具有氣敏、光敏、熱敏、濕敏、壓電性能，這些性能是半導體產業、LED產業、電子產業、精密機械零件、醫療設備的最佳智慧材料基礎。 </div> <div class="index_content_btn_div"> <div class="index_content_button effect-btn effect-slide" onclick="location.href='product4.html';">VIEW</div> </div> </div> </div> </div> </div> <div id="index_support"> <div class="container index_support_main_block"> <div class="col-md-12"> <div class="col-md-5 index_support_content_div"> <div class="index_support_content_header">技術支援</div> <div class="index_support_content_detail">降低產品不良率、減少售後維修成本，將是獲利的關鍵因素之一，強化企業競爭力。對此，海葳精密提供「有限元素分析」與「X-Ray非破壞性檢測」技術服務，協助客戶提升產品良率。</div> <div class="index_support_content_btn_div"> <div class="index_support_content_button effect-btn effect-slide">Read more</div> </div> </div> <div class="col-md-7"> <img style="width: 100%" src='img/index/index_support_main.png'> </div> </div> </div> </div> <div class="footer"> <div class="container" style="padding: 0px;"> <div class="footer_top_div"> <img src="img/footer/footer_top.png"> </div> <div class="footer_logo_div"> <div class="footer_logo"> <img class="img-responsive" src="img/footer/footer_logo.png"> </div> <div class="footer_info"> <p class="footer_info_phone">+886-4-26866440</p> <p class="footer_info_email">helen@jptc.com.tw</p> </div> </div> <div class="footer_nav_dis"> <ul class="nav navbar-nav footer_nav_bar pc"> <li class="item"><a href="index.html">關於海薇</a></li> <li class="item"><a href="product.html">產品與服務</a></li> <li class="item"><a href="support.html">技術支援</a></li> <li class="item"><a href="contact.html">聯絡我們</a></li> </ul> </div> </div> </div> <div class="copyright_div"> <span>©H&W PRECISION INDUSTRY LTD. All right reserved.</span> </div> <!-- Javascript Library Files --> <script src="js/jquery.easing.1.3.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.isotope.min.js"></script> <script src="js/jquery.nicescroll.min.js"></script> <script src="js/fancybox/jquery.fancybox.pack.js"></script> <script src="js/skrollr.min.js"></script> <script src="js/jquery.scrollTo.min.js"></script> <script src="js/jquery.localScroll.min.js"></script> <script src="js/stellar.js"></script> <script src="js/jquery.appear.js"></script> <script src="js/jquery.flexslider-min.js"></script> <!-- <script src="js/main.js"></script> --> </div> </body> </html>
Upload File
Create Folder