- 扫描 ID：
- b62e412a-70d4-488f-beb5-4884109ae4d7已完成
- 提交的 URL：
- https://www.howun.tw/lubro/
- 报告完成时间：
链接 · 找到 3 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://www.facebook.com/lubrohelmet | |
| https://www.instagram.com/lubro_helmet/ | |
| https://m.me/796345280524729 |
JavaScript 变量 · 找到 70 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| __sc_import_ionicons | function |
| Ionicons | object |
| xt | function |
| n | object |
| t | function |
控制台日志消息 · 找到 1 条
记录到 Web 控制台的消息
| 类型 | 类别 | 记录 |
|---|---|---|
| warning | other |
|
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en" class="hydrated" id="my"><head>
<meta charset="UTF-8"><style data-styles="">ion-icon{visibility:hidden}.hydrated{visibility:inherit}</style>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lubro 首頁</title>
<!-- BS of JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous" defer=""></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-lpyLfhYuitXl2zRZ5Bn2fqnhNAKOAaM/0Kr9laMspuaMiZfGmfwRNFh8HlMy49eQ" crossorigin="anonymous" defer=""></script>
<!-- JQ -->
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<!-- ionicon -->
<script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script><script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js" data-stencil-namespace="ionicons"></script><script nomodule="" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js" data-stencil-namespace="ionicons"></script>
<link rel="stylesheet" href="./scss/all.css?202410281525">
<script src="./javascripts/all.js" defer=""></script>
<script src="./javascripts/check_tw.js" defer=""></script>
<script src="./javascripts/functions_tw.js" defer=""></script>
<link rel="stylesheet" href="./scss/swiper-bundle.css">
<script src="./javascripts/jquery-ui.js" defer=""></script>
<link rel="stylesheet" href="./scss/jquery-ui.css">
<style>
.ani_up {
animation: ani_up 1s ease-out 1;
}
@keyframes ani_up {
from {
opacity: 0;
transform: translate(-50%, 50%);
top: 50%;
left: 50px;
}
to {
opacity: 1;
transform: translate(-50%, -50%);
top: 50%;
left: 50px;
}
}
.ani_up_lubro {
animation: ani_up_lubro 0.8s ease-out 1;
}
@keyframes ani_up_lubro {
from {
opacity: 0;
transform: translate(150%, -50%);
}
to {
opacity: 1;
transform: translate(50%, -50%);
}
}
.ani_up_lubro_PH {
animation: ani_up_lubro_PH 1s ease-out 1;
}
@keyframes ani_up_lubro_PH {
from {
opacity: 0;
transform: translate(-50%, 50%);
}
to {
opacity: 1;
transform: translate(-50%, -50%);
}
}
.ani_up2_lubro_PH {
animation: ani_up2_lubro_PH 1s ease-out 1;
}
@keyframes ani_up2_lubro_PH {
from {
opacity: 0;
transform: translate(50%, 100%);
}
to {
opacity: 1;
transform: translate(50%, 0%);
}
}
</style>
</head>
<body class="">
<section class="bg-black mb-0 mt-n4 navbar_top_box" id="top" style="z-index: 1 !important">
<ul class="container py-2 d-flex flex-wrap gap-2 mb-0">
<li>
<a href="https://www.howun.tw/">
<img src="https://www.howun.tw/upload/info/20230220091948N4j1.png" alt="好運車業">
</a>
</li><li>
<a href="https://www.howun.tw/pirelli">
<img src="https://www.howun.tw/upload/info/20230308105711xj06.png" alt="倍耐力輪胎">
</a>
</li><li>
<a href="https://www.howun.tw/sbs">
<img src="https://www.howun.tw/upload/info/20230308105637eul5.png" alt="SBS制動系統">
</a>
</li><li>
<a href="https://www.howun.tw/lubro">
<img src="https://www.howun.tw/upload/info/20230220155248HqPQ.png" alt="LUBRO安全帽">
</a>
</li><li>
<a href="https://www.howun.tw/orange">
<img src="https://www.howun.tw/upload/info/202302201557258g36.png" alt="橙的電子TPMS">
</a>
</li><li>
<a href="https://www.howun.tw/mr-dryer">
<img src="https://www.howun.tw/upload/info/202302201601591eQx.png" alt="Mr. Dryer多功能騎士裝備烘乾機">
</a>
</li> </ul>
<a href="https://www.howun.tw/lubro/../products/c1/3" class="navbar_shop_btn"><i class="fa-solid fa-shop"></i> 購物商城</a>
</section>
<!-- -->
<section class="mx-auto px-md-7 top-0 end-0 start-0 bg-white nav_main shadow animate__animated animate__faster" style="z-index: 9999 !important">
<nav class="d-flex justify-content-md-between justify-content-around py-3">
<ul class="d-flex justify-content-md-center align-items-center justify-content-around">
<!-- PH -->
<ion-icon name="menu-sharp" class="display-1 text-gray-800 d-md-none pe-3 pt-1 rounded-0 md hydrated" onclick="openNav()" role="img" aria-label="menu sharp"></ion-icon>
<!-- -->
<style>
@media (max-width: 768px) {
.brand_navbar_logo {
margin-right: 0px !important;
}
}
</style>
<a href="https://www.howun.tw/lubro/..">
<img class="brand_navbar_logo" src="https://www.howun.tw/upload/info/20230220155248p6c0.png" alt="LUBRO安全帽" style="height: 60px; vertical-align: center; margin-right: 200px">
</a>
<!-- PC -->
<li class="mx-0 d-md-block d-none">
<a class="text-black d-block p-3" href="https://www.howun.tw/lubro/">首頁</a>
</li>
<li class="mx-0 d-md-block d-none">
<a class="text-black d-block p-3" href="https://www.howun.tw/lubro/story">品牌故事</a>
</li>
<li class="position-relative mx-0 d-md-block d-none">
<a class="text-black d-block p-3" href="lubro_products_banner.html">產品目錄 <i class="fa fa-caret-down" aria-hidden="true"></i></a>
<ul class="position-absolute bg-white py-4" style="
width: 150px;
transform: translateY(-20px);
opacity: 0;
transition: transform 0.6s, z-index 0s, opacity 0.6s;
z-index: -1;
">
<li class="d-block text-start">
<a class="py-2 d-block link-dark" href="https://www.howun.tw/lubro/products/cID/4">CORSA TECH</a>
</li>
<li class="d-block text-start">
<a class="py-2 d-block link-dark" href="https://www.howun.tw/lubro/products/cID/6">GT TECH</a>
</li>
<li class="d-block text-start">
<a class="py-2 d-block link-dark" href="https://www.howun.tw/lubro/products/cID/5">NEO JET</a>
</li>
<li class="d-block text-start">
<a class="py-2 d-block link-dark" href="https://www.howun.tw/lubro/products/cID/1">AIR TECH VENTO</a>
</li>
<li class="d-block text-start">
<a class="py-2 d-block link-dark" href="https://www.howun.tw/lubro/products/cID/3">RACE TECH FINAL EDITION</a>
</li>
<li class="d-block text-start">
<a class="py-2 d-block link-dark" href="https://www.howun.tw/lubro/products/cID/2">CRUISE TECH</a>
</li>
</ul>
</li>
<li class="mx-0 d-md-block d-none">
<a class="text-black d-block p-3" href="https://www.howun.tw/lubro/qa">常見問題</a>
</li>
<li class="mx-0 d-md-block d-none">
<a class="text-black d-block p-3" href="https://www.howun.tw/lubro/sell">經銷據點</a>
</li>
</ul>
<!-- -->
<ul class="d-flex align-items-center g-0">
<li class="m-0 px-2">
<a class="text-danger fs-6" href="https://www.facebook.com/lubrohelmet"><i class="bi bi-facebook"></i></a>
</li>
<li class="m-0 px-2">
<a class="text-danger fs-6" href="https://www.instagram.com/lubro_helmet/"><i class="bi bi-instagram"></i></a>
</li>
</ul>
</nav>
<!-- PH -->
<style>
.sidenav {
height: 1000px !important;
width: 0%;
position: absolute;
z-index: 9999;
top: 0px;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(255, 255, 255);
-webkit-backdrop-filter: blur(15px) !important;
backdrop-filter: blur(15px) !important;
overflow-x: hidden;
transition: 0.5s;
padding-bottom: 1000px !important;
}
#nav_drop:checked + ul {
display: block !important;
}
#nav_branddrop:checked + ul {
display: block !important;
/* min-height: 300px; */
}
body:has(#nav_drop:checked) .fa-plus {
display: none;
}
body:has(#nav_drop:checked) .fa-minus {
display: block !important;
}
body:has(#nav_branddrop:checked) .brand_open {
display: none;
}
body:has(#nav_branddrop:checked) .brand_close {
display: block !important;
}
/* */
.uk-accordion-title::before {
content: "+" !important;
width: 1.4em;
height: 1.4em;
margin-left: 10px;
float: right;
background-image: none !important;
background-repeat: no-repeat;
background-position: 50% 50%;
padding: 0 0 0 8px;
background: #000;
border-radius: 50%;
color: #fff;
}
.uk-open > .uk-accordion-title::before {
content: "–" !important;
padding: 0 0 8px 8px;
background-image: none !important;
color: #fff;
background: #aaa;
border-radius: 50%;
}
</style>
<div id="mySidenav" class="sidenav d-flex flex-column">
<a href="javascript:void(0)" class="closebtn text-white bg-black d-inline-block rounded-circle align-self-end m-3 mb-5 fw-bold fs-3 px-2 py-1" onclick="closeNav()">×</a>
<a class="text-start d-inline-block ps-4 fs-5 s link-dark fw-bold pb-3" href="https://www.howun.tw/lubro/">首頁
</a>
<a class="text-start d-inline-block ps-4 fs-5 s link-dark fw-bold pb-3" href="https://www.howun.tw/lubro/story">品牌故事
</a>
<ul uk-accordion="" class="my-0 me-4 uk-accordion">
<li class="pb-3">
<a class="uk-accordion-title text-start d-block ps-4 fs-5 s link-dark fw-bold" href="#">產品目錄</a>
<div class="uk-accordion-content ps-4" hidden="">
<a class="text-start d-block ps-4 fs-6 link-dark pb-3" href="https://www.howun.tw/lubro/products/cID/4">CORSA TECH</a><a class="text-start d-block ps-4 fs-6 link-dark pb-3" href="https://www.howun.tw/lubro/products/cID/6">GT TECH</a><a class="text-start d-block ps-4 fs-6 link-dark pb-3" href="https://www.howun.tw/lubro/products/cID/5">NEO JET</a><a class="text-start d-block ps-4 fs-6 link-dark pb-3" href="https://www.howun.tw/lubro/products/cID/1">AIR TECH VENTO</a><a class="text-start d-block ps-4 fs-6 link-dark pb-3" href="https://www.howun.tw/lubro/products/cID/3">RACE TECH FINAL EDITION</a><a class="text-start d-block ps-4 fs-6 link-dark pb-3" href="https://www.howun.tw/lubro/products/cID/2">CRUISE TECH</a> </div>
</li>
</ul>
<a class="text-start d-block ps-4 fs-5 s link-dark fw-bold pb-3" href="https://www.howun.tw/lubro/qa">常見問題
</a>
<a class="text-start d-inline-block ps-4 fs-5 s link-dark fw-bold pb-3" href="https://www.howun.tw/lubro/sell">經銷據點
</a>
</div>
<!-- -->
</section>
<div onclick="closeNav()" class="mask"></div>
<!-- PC -->
<div id="carouselExampleIndicators" class="carousel slide d-md-block d-none" data-bs-ride="carousel02" data-bs-touch="true">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="" aria-label="Slide 1"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" class="" aria-current="" aria-label="Slide 2"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" class="" aria-current="" aria-label="Slide 3"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" class="" aria-current="" aria-label="Slide 4"></button><button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="4" class="" aria-current="" aria-label="Slide 5"></button> </div>
<div class="carousel-inner">
<div class="carousel-item active position-relative uk-animation-slide-right">
<img src="./images/temp/cruise-tech.jpg" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-30 ani_up" style="transform: translate(-50%, -50%)">
<h2 class="text-white" style="
font-size: 49px;
text-shadow: 5px 5px 5px #000000;
margin: 10px;
font-style: italic;
font-weight: 900;
color: #000000 !important;
">
</h2>
<p class="fw-bolder fs-3 text-white" style="color:#000000 !important"></p>
<a href="https://www.howun.tw/lubro/products/cID/6" target="_blank" class="btn btn-secondary rounded-2 py-3 px-4 my-3">瞭解更多</a>
</div>
<div class="text-center position-absolute top-50 start-30 ani_up_lubro d-none" style="transform: translate(50%, -50%)">
<img src="https://www.howun.tw/images/nopic.jpg" alt="">
</div>
</div><div class="carousel-item position-relative uk-animation-slide-right">
<img src="https://www.howun.tw/upload/swiperPC4/20240731173121T8aD.png" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-50 ani_up" style="transform: translate(-50%, -50%)">
<img src="https://www.howun.tw/images/nopic.jpg" class="d-block text-center mx-auto d-none" style="height: 150px !important" alt="">
<p class="fw-bold fs-1 text-white" style="color: #000000 !important;"></p>
<a href="https://www.howun.tw/lubro/products/cID/5" target="_blank" class="btn btn-secondary rounded-2 py-3 px-4 my-3">瞭解更多</a>
</div>
</div><div class="carousel-item position-relative uk-animation-slide-right">
<img src="https://www.howun.tw/upload/swiperPC4/20230621135021jgcN.png" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-30 ani_up" style="transform: translate(-50%, -50%)">
<h2 class="fw-bolder display-5 text-info" style="color:#000000 !important;"></h2>
<p class="fw-bolder fs-3 text-white" style="color:#000000 !important;"></p>
<a href="https://www.howun.tw/lubro/products/cID/4" target="_blank" class="btn btn-secondary rounded-2 py-3 px-4 my-3">瞭解更多</a>
</div>
<div class="text-center position-absolute top-50 start-30 ani_up_lubro d-none" style="transform: translate(50%, -50%)">
<img src="https://www.howun.tw/images/nopic.jpg" alt="">
</div>
</div><div class="carousel-item position-relative uk-animation-slide-right">
<img src="https://www.howun.tw/upload/swiperPC4/2023062113564069Ym.png" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-30 ani_up" style="transform: translate(-50%, -50%)">
<h2 class="fw-bolder display-5 text-info" style="color:#000000 !important;"></h2>
<p class="fw-bolder fs-3 text-white" style="color:#fa9200 !important;"></p>
<a href="https://www.howun.tw/lubro/products/cID/4" target="_blank" class="btn btn-secondary rounded-2 py-3 px-4 my-3">瞭解更多</a>
</div>
<div class="text-center position-absolute top-50 start-30 ani_up_lubro d-none" style="transform: translate(50%, -50%)">
<img src="https://www.howun.tw/images/nopic.jpg" alt="">
</div>
</div><div class="carousel-item position-relative uk-animation-slide-right">
<img src="https://www.howun.tw/upload/swiperPC4/20230309115611eB8m.jpg" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-50 ani_up" style="transform: translate(-50%, -50%)">
<img src="https://www.howun.tw/upload/swiperPC4/20230309115611GZ2W.png" class="d-block text-center mx-auto " style="height: 150px !important" alt="">
<p class="fw-bold fs-1 text-white" style="color: #ffffff !important;">讓氣流帶走充滿熱力的溫度</p>
<a href="http://www.howun.tw/lubro/products/cID/1" target="_blank" class="btn btn-secondary rounded-2 py-3 px-4 my-3">瞭解更多</a>
</div>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- -->
<div id="carouselExampleIndicators_PH" class="carousel slide d-md-none" data-bs-ride="carousel" data-bs-touch="true">
<div class="carousel-inner">
<div class="carousel-item active position-relative">
<img src="https://www.howun.tw/upload/swiperPH4/2023030913384009vm.jpg" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-50 ani_up_lubro_PH" style="transform: translate(-50%, -50%); width: 300px">
<img src="https://www.howun.tw/upload/swiperPH4/20230309133840UuU5.png" class="d-block text-center mx-auto " style="height: 150px !important" alt="">
<p class="fw-bolder fs-5 text-white lh-lg" style="color:#ffffff !important">讓氣流帶走充滿熱力的溫度</p>
<a href="http://www.howun.tw/lubro/products/cID/1" class="btn btn-secondary rounded-0 py-3 px-4">瞭解更多</a>
</div>
</div><div class="carousel-item position-relative">
<img src="https://www.howun.tw/upload/swiperPH4/202407311732240ep8.png" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-50 ani_up_lubro_PH" style="transform: translate(-50%, -50%); width: 300px">
<img src="https://www.howun.tw/images/nopic.jpg" class="d-block text-center mx-auto d-none" style="height: 150px !important" alt="">
<p class="fw-bolder fs-5 text-white lh-lg" style="color:#000000 !important"></p>
<a href="https://www.howun.tw/lubro/products/cID/5" target="_blank" class="btn btn-secondary rounded-0 py-3 px-4">瞭解更多</a>
</div>
</div><div class="carousel-item position-relative">
<img src="https://www.howun.tw/upload/swiperPH4/202407311732405s37.png" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-50 ani_up_lubro_PH" style="transform: translate(-50%, -50%); width: 300px">
<img src="https://www.howun.tw/images/nopic.jpg" class="d-block text-center mx-auto d-none" style="height: 150px !important" alt="">
<p class="fw-bolder fs-5 text-white lh-lg" style="color:#000000 !important"></p>
<a href="https://www.howun.tw/lubro/products/cID/6" target="_blank" class="btn btn-secondary rounded-0 py-3 px-4">瞭解更多</a>
</div>
</div><div class="carousel-item position-relative">
<img src="https://www.howun.tw/upload/swiperPH4/20240731173531IHQw.png" class="d-block w-100 of-cover" alt="..." style="height: 600px">
<div class="text-center position-absolute top-50 start-50 ani_up_lubro_PH" style="transform: translate(-50%, -50%); width: 300px">
<img src="https://www.howun.tw/images/nopic.jpg" class="d-block text-center mx-auto d-none" style="height: 150px !important" alt="">
<p class="fw-bolder fs-5 text-white lh-lg" style="color:#000000 !important"></p>
<a href="https://www.howun.tw/lubro/products/cID/4" target="_blank" class="btn btn-secondary rounded-0 py-3 px-4">瞭解更多</a>
</div>
</div> </div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators_PH" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators_PH" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<footer class="py-5 mt-n4" style="background: rgb(0, 0, 0, 0.9)">
<section class="container">
<div class="row row-cols-md-2 row-cols-1 g-5">
<div class="col-12 col-md-4">
<img class="w-100 pb-0" style="max-width: 150px" src="https://www.howun.tw/upload/info/20230220155248oC2T.png" alt="">
<p class="text-white">
稟持「不斷追求更完美產品」的核心精神，提供騎士高規格安全防護，<br>
結合個性帽體造型與多樣色彩或彩繪設計，LUBRO HELMET 『守護騎士 自由馳騁』 </p>
</div>
<div class="col-12 col-md-4">
<p class="text-white fw-bold">
<i class="pe-2 bi bi-geo-alt-fill text-white"></i>
地址：333桃園市龜山區文化三路564巷16-1號 </p>
<p class="text-white fw-bold">
<i class="pe-2 fa fa-phone text-white" aria-hidden="true"></i>
聯絡電話：03 328 8877 </p>
<p class="text-white fw-bold">
<i class="pe-2 bi bi-envelope-fill text-white"></i>
電子郵件：[email protected] </p>
<p class="text-white fw-bold">
<i class="pe-2 bi bi-clock-fill text-white"></i>
營業時間：週一至週五早上8:30 - 下午17:00 </p>
<p class="text-white fw-bold ms-n1">
<i class="bi bi-person-workspace pe-2 text-white fs-5"></i>
目前有 180 位訪客正在線上
</p>
<p class="text-white fw-bold ms-n1">
<i class="bi bi-person-add pe-2 text-white fs-5"></i>
總訪問量:8123444 本月訪問:577563 今日訪問:7772 </p>
</div>
</div>
</section>
</footer>
<div class="bg-black d-flex">
<div class="container d-md-flex w-100 justify-content-between">
<p class="text-white py-5 fw-bold">
Copyright© 2023 好運車業 MSB MOTOR CO., LTD
<a class="d-block text-center" href="https://www">網頁設計公司</a>
</p>
<ul class="py-md-5 d-flex gap-2 ms-auto flex-wrap">
<li>
<a href="https://www.howun.tw/">
<img src="https://www.howun.tw/upload/info/20230220091948N4j1.png" alt="好運車業">
</a>
</li><li>
<a href="https://www.howun.tw/pirelli">
<img src="https://www.howun.tw/upload/info/20230308105711xj06.png" alt="倍耐力輪胎">
</a>
</li><li>
<a href="https://www.howun.tw/sbs">
<img src="https://www.howun.tw/upload/info/20230308105637eul5.png" alt="SBS制動系統">
</a>
</li><li>
<a href="https://www.howun.tw/lubro">
<img src="https://www.howun.tw/upload/info/20230220155248HqPQ.png" alt="LUBRO安全帽">
</a>
</li><li>
<a href="https://www.howun.tw/orange">
<img src="https://www.howun.tw/upload/info/202302201557258g36.png" alt="橙的電子TPMS">
</a>
</li><li>
<a href="https://www.howun.tw/mr-dryer">
<img src="https://www.howun.tw/upload/info/202302201601591eQx.png" alt="Mr. Dryer多功能騎士裝備烘乾機">
</a>
</li> </ul>
</div>
</div>
<!-- -->
<div class="position-fixed end-0 bg-black bottom-0 m-4 p-2 rounded-1 d-none" id="gotop">
<a href="#top">
<i class="fs-2 fa-sharp fa-solid fa-chevron-up text-white"></i>
</a>
</div>
<!-- -->
<div class="position-fixed start-0 bottom-0 bg-fb p-2 rounded-circle m-4" style="z-index: 10 !important; box-shadow: 0 0 50px 3px #aaa">
<div class="position-relative">
<a href="https://m.me/796345280524729" class="">
<i class="fs-3 fa-brands fa-facebook-messenger text-white"></i>
</a>
<div class="popover bs-popover-end d-none" role="tooltip" id="popover534255" style="position: absolute; margin-left: 50px; top: -12px" data-popper-placement="right">
<div class="popover-arrow" style="position: absolute; top: 0px; transform: translate(0px, 19px)"></div>
<div class="popover-body p-1 px-2 bg-white rounded-2 border-1 border-top border-bottom border-end" style="
width: 90px;
position: absolute;
top: 0px;
transform: translate(0px, 10px);
">
給我們留言
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/uikit.min.css">
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/uikit-icons.min.js"></script>
</body></html>