https://www.howun.tw/lubro/

已提交的 URL:
https://www.howun.tw/lubro/
報告完成時間:

連結 · 找到 3 個

從頁面中識別的傳出連結

JavaScript 變數 · 找到 70 個

在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數,可從目前範圍內程式碼中的任何位置存取

主控台記錄訊息 · 找到 1 條

記錄到 Web 主控台的訊息

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>