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

Scan-ID:
b62e412a-70d4-488f-beb5-4884109ae4d7Beendet
Eingereichte URL:
https://www.howun.tw/lubro/
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

LinkText
https://www.facebook.com/lubrohelmet
https://www.instagram.com/lubro_helmet/
https://m.me/796345280524729

JavaScript-Variablen · 70 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
__sc_import_ioniconsfunction
Ioniconsobject
xtfunction
nobject
tfunction

Konsolenprotokoll-Meldungen · 1 gefunden

In der Web-Konsole protokollierte Meldungen

TypKategorieProtokoll
warningother
URL
https://unpkg.com/[email protected]/dist/ionicons.js
Text
[ionicons] Deprecated script, please remove: <script src="https://unpkg.com/[email protected]/dist/ionicons.js"></script> To improve performance it is recommended to set the differential scripts in the head as follows: <script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script> <script nomodule="" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>

HTML

Der HTML-Rohtext der Seite

<!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>