1<!DOCTYPE html> 2<html itemscope="" itemtype="http://schema.org/WebSite" lang="zh-tw" prefix="og: http://ogp.me/ns#"> 3 <head> 4 <link href="/assets/css/lib/w3-4.13.css" rel="stylesheet"/> 5 <meta charset="utf-8"/> 6 <meta content="IE=edge" http-equiv="X-UA-Compatible"/> 7 <meta content="width=device-width,initial-scale=1" name="viewport"/> 8 <meta content="03873FB0DD336C8F3BDF0BBBEFB7EBF6" name="msvalidate.01"> 9 <meta content="h9SFIeatn2h8D2G08Mm-e5ZPK5IdyzVr47J1FaKrHTk" name="google-site-verification"> 10 <meta content="Tile客製å禮åã" name="description"/> 11 <meta content="" name="keywords"/> 12 <meta content="èçé²ä¸å¨ | Tile é²ä¸å°å¹«æ | å°ç£" name="author"/> 13 <meta content="" name="date" scheme="YYYY-MM-DD"/> 14 <meta content="Tile Mate | èçé²ä¸å¨ | Tile é²ä¸å°å¹«æ | å°ç£" property="og:title"> 15 <meta content="Tile客製å禮åã" property="og:description"> 16 <meta content="https://thetileapp.com.tw/assets/images/gift/mate/tile-logos-top.jpg" property="og:image"> 17 <meta content="website" property="og:type"> 18 <meta content="https://thetileapp.com.tw/gift_mate" property="og:url"> 19 <meta content="summary" name="twitter:card"/> 20 <meta content="Tile Mate | èçé²ä¸å¨ | Tile é²ä¸å°å¹«æ | å°ç£" name="twitter:title"/> 21 <meta content="Tile客製å禮åã" name="twitter:description"/> 22 <meta content="https://thetileapp.com.tw/assets/images/gift/mate/tile-logos-top.jpg" name="twitter:image"/> 23 <meta content="Polaroid" itemprop="name"/> 24 <meta content="Tile" itemprop="alternateName"/> 25 <meta content="Tile Mate | èçé²ä¸å¨ | Tile é²ä¸å°å¹«æ | å°ç£" itemprop="headline"/> 26 <meta content="Tile客製å禮åã" itemprop="description"/> 27 <meta content="" itemprop="datePublished"/> 28 <meta content="https://thetileapp.com.tw/assets/images/gift/mate/tile-logos-top.jpg" itemprop="image"/> 29 <meta content="èçé²ä¸å¨ | Tile é²ä¸å°å¹«æ | å°ç£" itemprop="author"/> 30 <meta content="èçé²ä¸å¨ | Tile é²ä¸å°å¹«æ | å°ç£" itemprop="publisher"/> 31 <meta content="https://thetileapp.com.tw/gift_mate" itemprop="url"/> 32 <link href="//apis.google.com" rel="dns-prefetch"> 33 <link href="//csi.gstatic.com" rel="dns-prefetch"/> 34 <link href="//fonts.googleapis.com" rel="dns-prefetch"/> 35 <link href="//fonts.gstatic.com" rel="dns-prefetch"/> 36 <link href="//www.google-analytics.com" rel="preconnect"/> 37 <link href="//www.googletagmanager.com" rel="dns-prefetch"/> 38 <link href="//maps.googleapis.com" rel="dns-prefetch"/> 39 <link href="//maps.gstatic.com" rel="dns-prefetch"/> 40 <link href="//pa.coolpix.com.tw" rel="dns-prefetch"/> 41 <link href="//platform.twitter.com" rel="dns-prefetch"/> 42 <link href="https://thetileapp.com.tw/gift_mate" rel="canonical"/> 43 <link href="/assets/images/favicon.ico" rel="shortcut icon"/> 44 <title> 45 Tile Mate | èçé²ä¸å¨ | Tile é²ä¸å°å¹«æ | å°ç£ 46 </title> 47 <link as="font" crossorigin="anonymous" href="/assets/fonts/font-icons.woff" rel="preload" type="font/woff"/> 48 <link as="font" crossorigin="anonymous" href="/assets/fonts/Simple-Line-Icons.woff" rel="preload" type="font/woff"/> 49 <link href="/assets/css/webflow.css" rel="stylesheet"/> 50 <link href="/assets/css/ex-misc.webflow.css?220816-3" rel="stylesheet"/> 51 <link href="/assets/css/lib/bs_callout.css" rel="stylesheet"/> 52 <link href="/assets/css/font-icons.css" rel="stylesheet"/> 53 <link href="/assets/css/lib/font-awesome.min.css" rel="stylesheet"/> 54 <link href="/assets/css/lib/animate.css" rel="stylesheet"/> 55 <link href="/assets/css/lib/jquery-ui-1.8.20.custom.css" rel="stylesheet"/> 56 <link href="/assets/css/lib/jPinning.min.css" rel="stylesheet"/> 57 <link href="/assets/css/lib/magnific-popup.css" rel="stylesheet"/> 58 <link href="/assets/css/lib/responsive.css" rel="stylesheet"/> 59 <link href="/assets/css/lib/swiper.css" rel="stylesheet"/> 60 <link href="/assets/css/lib/ui.totop.css" rel="stylesheet"/> 61 <link href="/assets/css/lib/lazyYT.css" rel="stylesheet"/> 62 <link href="/assets/css/lib/style2.css" rel="stylesheet"/> 63 <link href="/assets/css/lib/bootstrap_w.css?220816-3" rel="stylesheet"/> 64 <link href="/assets/css/main.css?r=110101" rel="stylesheet"/> 65
65<script src="/assets/js/lib/gtmeventhelper-1.1.0.min.js" type="text/javascript"> 66 </script>
66 67 <style> 68 </style> 69 <style> 70 html, body { text-rendering: optimizeLegibility; } a:hover { opacity: .8; transition: opacity .2s ease; } 71 </style> 72 <style> 73 .tile-navtop__link:hover .tile-topnav-text { color: white; } .tile-navtop__link:after { content: ''; display: block; height: 40%; width: 1px; position: absolute; right: 0; top: 0; background: #000; transform: translate(.5rem, 60%); } .tile-footer__nav-item:before { content: "\25C6"; font-size: 1.5rem; line-height: 1.5; margin-right: 5px; vertical-align: middle; } .tile-nav__prods { display: none; } @media screen and (max-width: 991px) { .tile-navtop__link:after { display: none; } .tile-nav__prods { display: block; } .tile-footer__nav-item:before { font-size: 1rem; } } 74 </style> 75 <style> 76 #header { height: 131px; position: absolute; z-index: 999; display: block; -webkit-transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .header-unpin { opacity: 0; pointer-events: none; } #tile_menu, #shop_menu { position: absolute; background: #fff; width: 100%; opacity: 0; z-index: 9999; left: 0; pointer-events: none; box-shadow: 0 2px 3px 1px #108b87; transition: all .3s ease; transform: translateY(-21px); } .fullmenu_show { opacity: 1 !important; pointer-events: all !important; } .tile_items_list { padding: 0 0 10px 0; } .tile_items { max-width: 180px; position: relative; transition: all .5s ease; } .tile_items:hover { opacity: .7; } .tile_items:after { content: ""; height: 5px; width: 100%; position: absolute; bottom: 0; left: 0; transition: all .5s ease; } .tile_items:hover:after { background: #66C236; } .menu_font { font-size: 16px; } .menu_active>a { color: #5B9BD5 !important; } .shop_menu_item { width: 250px; height: 150px; font-size: 26px; transition: background .5s ease; } .shop_menu_item:hover { background: rgba(91, 155, 212, .5); } .top_nav { height: 65px; } .top_nav>li { height: 100%; display: flex; align-items: center; } @media screen and (min-width: 769px) { .show_sm { display: none !important; } } @media screen and (max-width: 768px) { .top_nav { height: auto; } .top_nav>li { height: 100%; display: block; } } 77 </style> 78
78<script> 79 function loadScript(src) { var script = document.createElement('script'); script.src = src; document.getElementsByTagName("head")[0].appendChild(script); } (function() { !('IntersectionObserver' in window) ? loadScript("/assets/js/lib/intersection-observer.polyfill.js"): false; })(); (function() { if (!('fetch' in window && 'assign' in Object)) { loadScript("/assets/js/lib/array-foreach.polyfill.js"); loadScript("/assets/js/lib/object-assign.polyfill.js"); } })(); (function() { if (typeof window.CustomEvent === "function") return false; function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } window.CustomEvent = CustomEvent; })(); 80 </script>
80 81 <!--[if lt IE 9]>
81<script src="/assets/js/lib/html5shiv.min.js"></script>
81<script src="/assets/js/lib/respond.min.js"></script>
81<![endif]--> 82
82<script>
vendor: 410 bytes, lines 82-83
82 83 !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '
832404145553229597
vendor: 40 bytes, lines 83-84
83'); fbq('track', 'PageView'); 84
84</script>
84 85 <noscript> 86 <img height="1" src="https://www.facebook.com/tr?id=2404145553229597&ev=PageView&noscript=1" style="display:none" width="1"/> 87 </noscript> 88
88<script> 89 (function($w){ function pixel(){} pixel.prototype = { __eachCodes: function(codes$, $cb){ if(fbq && typeof $cb =='function'){ codes$ = Array.isArray(codes$)?codes$:[codes$]; codes$.forEach(function($c){ $cb.call(this, $c); }); } }, AddToCart: function(codes$, fld$){ this.__eachCodes(codes$, function($c){ fbq('trackSingle', $c, 'AddToCart', Object.assign({ value: 0, currency: 'TWD', contents: [], content_type: 'product' }, fld$)); }); }, InitiateCheckout: function(codes$, fld$){ this.__eachCodes(codes$, function($c){ fbq('trackSingle', $c, 'InitiateCheckout', Object.assign({ value: 0, currency: 'TWD' }, fld$)); }); }, Purchase: function(codes$, fld$){ this.__eachCodes(codes$, function($c){ fbq('trackSingle', $c, 'Purchase', Object.assign({ value: 0, currency: 'TWD', contents: [], content_type: 'product' }, fld$)); }); } }; $w.pixel$ = new pixel(); })(window); 90 </script>
90 91 <style> 92 .lh-md{line-height:2;} .bg{background-repeat: no-repeat;background-size: cover;background-position: center center;} td{vertical-align:middle!important;} .example{position:relative;} .example:after{content: 'åèç¯ä¾';position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);color: white;padding: 5px;} .process__icon{transform: translate3d(-50%, -50%, 0);} .bg-0{background: #00A9E9!important;} .border-0{border-color:#00A9E9!important;box-shadow: 2px 2px 5px #eee;} .btn-0{background: #00A9E9!important;color: white;} .p-img{} .p-img:before{padding-top:97.56%;} #corporate{max-width:348px;} #corporate:before{padding-top:146.264%;} #tile-logo{max-width:1482px;} #tile-logo:before{padding-top:24.493%;} #tile-mate-1{max-width:180px;} #tile-mate-1:before{padding-top:116.666%;} #tile-mate-2{max-width:179px;} #tile-mate-2:before{padding-top:117.318%;} .order-form-label{min-width:55px;} .notify-danger{background-color:red!important;color:white!important;} .notify-success{background-color:lightgreen!important;color:#333!important;} .p-img-nav{max-width:80px;cursor:pointer;} .p-img-nav:before{padding-top:100%;} .h-100{height:100%!important;} .wallet{height:500px;} .ratio-1by1:before{padding-top:100%;} #hiw_hero:before{padding-top:40%;} #vid-popup{max-width:100%;width:800px;} @media (max-width: 768px) { .wallet{height:310px;} .example:after{padding: 0px 3px;font-size: 10px;top: -5px;} }; 93 </style> 94 </link> 95 </meta> 96 </meta> 97 </meta> 98 </meta> 99 </meta> 100 </meta> 101 </meta> 102 </head> 103 <body> 104 <noscript> 105 <iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-MF6HPJD" style="display:none;visibility:hidden" width="0"> 106 </iframe> 107 </noscript> 108
108<script>
vendor: 331 bytes, lines 108-109
108 109 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
109GTM-MF6HPJD
vendor: 6 bytes, lines 109-110
109'); 110
110</script>
110 111 <div class="tile-header"> 112 <div class="tile-wrapper"> 113 <div class="container-fluid"> 114 <div class="row"> 115 <div class="col-xs-12"> 116 <header class="tile-wf-nav" id="nav"> 117 <div class="tile-wf-navbar w-nav" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner"> 118 <div class="tile-navtop"> 119 <div class="div-block-110"> 120 <a class="tile-navtop__brand w-nav-brand" href="/"> 121 <img alt="" class="tile-navtop__brand-img" src="/assets/images/tile_Page1_03_small.png"/> 122 </a> 123 <div class="tile-navtop__right"> 124 <nav class="tile-navtop__menu w-nav-menu" role="navigation"> 125 <div class="tile-navtop__link w-dropdown" data-delay="0" data-fullmenu="#tile_menu" data-hover="false"> 126 <div class="dropdown-toggle w-dropdown-toggle"> 127 <div class="teo-nav-angel w-icon-dropdown-toggle"> 128 </div> 129 <div class="tile-topnav-text"> 130 ç³»ååå 131 </div> 132 </div> 133 <nav class="dropdown-list w-dropdown-list" style="max-height:350px;overflow-y:auto;"> 134 <div class="tile-nav__prods" style="width:100%;"> 135 <div class="d-flex justify-content-start align-items-end" style="padding-top: 20px;"> 136 <div class="tile_items_list tile_items"> 137 <a href="/gift_mate"> 138 <img alt="客製åTile Mate / ç½è²" class="lazy img" data-src="/assets/images/icon/2110/mate_custom.png?4" itemprop="image"/> 139 </a> 140 </div> 141 <div class="tile_items_list tile_items"> 142 <a href="/mate4"> 143 <img alt="Tile Mate 4.0" class="lazy img" data-src="/assets/images/icon/2110/Mate4.0.png?4" itemprop="image"/> 144 </a> 145 </div> 146 <div class="tile_items_list tile_items"> 147 <a href="/pro3"> 148 <img alt="Tile Pro 3.0" class="lazy img" data-src="/assets/images/icon/2110/Pro3.0.png?4" itemprop="image"/> 149 </a> 150 </div> 151 <div class="tile_items_list tile_items"> 152 <a href="/slim2"> 153 <img alt="Tile Slim 2.0" class="lazy img" data-src="/assets/images/icon/2110/slim2.0.png?4" itemprop="image"/> 154 </a> 155 </div> 156 <div class="tile_items_list tile_items"> 157 <a href="/starter"> 158 <img alt="å ¥éæ¬¾" class="lazy img" data-src="/assets/images/icon/2110/starter.png?4" itemprop="image"/> 159 </a> 160 </div> 161 <div class="tile_items_list tile_items"> 162 <a href="/performance"> 163 <img alt="å°æ¥æ¬¾" class="lazy img" data-src="/assets/images/icon/2110/performance.png?4" itemprop="image"/> 164 </a> 165 </div> 166 <div class="tile_items_list tile_items"> 167 <a href="/tile_mate3"> 168 <img alt="Tile Mate" class="lazy img" data-src="/assets/images/icon/2110/Mate3.0.png?4" itemprop="image"/> 169 </a> 170 </div> 171 <div class="tile_items_list tile_items"> 172 <a href="/tile_pro2"> 173 <img alt="Tile Pro" class="lazy img" data-src="/assets/images/icon/2110/Pro2.0.png?4" itemprop="image"/> 174 </a> 175 </div> 176 <div class="tile_items_list tile_items"> 177 <a href="/tile_slim"> 178 <img alt="Tile Slim" class="lazy img" data-src="/assets/images/icon/2110/slim_new.png?4" itemprop="image"/> 179 </a> 180 </div> 181 <div class="tile_items_list tile_items"> 182 <a href="/tile_sticker"> 183 <img alt="Tile Sticker" class="lazy img" data-src="/assets/images/icon/2110/sticker.png?4" itemprop="image"/> 184 </a> 185 </div> 186 <div class="tile_items_list tile_items"> 187 <a href="/tile_combo"> 188 <img alt="ååå ¥éçµ" class="lazy img" data-src="/assets/images/icon/2110/combo.png?4" itemprop="image"/> 189 </a> 190 </div> 191 </div> 192 </div> 193 </nav> 194 </div> 195 <a class="tile-navtop__link w-nav-link" href="/easy_connect"> 196 è¼é¬é£ç· 197 </a> 198 <a class="tile-navtop__link w-nav-link" href="/articles"> 199 å£ç¢å享 200 </a> 201 <a class="tile-navtop__link w-nav-link" href="/shop"> 202 é»æè³¼è²· 203 </a> 204 <div class="tile-navtop__link w-dropdown" data-delay="0" data-hover="false"> 205 <div class="dropdown-toggle w-dropdown-toggle"> 206 <div class="teo-nav-angel w-icon-dropdown-toggle"> 207 </div> 208 <div class="tile-topnav-text"> 209 æåèæ¯æ´ 210 </div> 211 </div> 212 <nav class="dropdown-list w-dropdown-list"> 213 <a class="dropdown-link w-dropdown-link" href="/support#order"> 214 è¨å®æ¥è©¢ 215 </a> 216 <a class="dropdown-link w-dropdown-link" href="/support#service_location"> 217 ç¶ä¿®å°é» / æåæé 218 </a> 219 </nav> 220 </div> 221 </nav> 222 </div> 223 <div class="tile-navtop__funcs-sm"> 224 <a class="tile-cart w-inline-block" href="/shop/checkout"> 225 <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_09.png"/> 226 <div class="tile-cart__count" data-cart-total="data-cart-total"> 227 0 228 </div> 229 </a> 230 </div> 231 </div> 232 <div> 233 <div class="tile-navtop__funcs"> 234 <a class="w-inline-block" href="https://www.facebook.com/TileTaiwan" target="_blank"> 235 <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_15.png"/> 236 </a>
237 <a class="w-inline-block" href="https://bit.ly/3v3CBmN" target="_blank"> 238 <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_12.png"/> 239 </a> 240 <a class="tile-cart w-inline-block" href="/shop/checkout"> 241 <img alt="" class="tile-nav__icon" loading="lazy" src="/assets/images/tile_Page1_09.png"/> 242 <div class="tile-cart__count" data-cart-total="data-cart-total"> 243 0 244 </div> 245 </a> 246 </div> 247 <div> 248 <div class="tile-wf-nav__btn w-nav-button"> 249 <div class="icon w-icon-nav-menu"> 250 </div> 251 </div> 252 </div> 253 </div> 254 </div> 255 </div> 256 </header> 257 </div> 258 </div> 259 </div> 260 <div id="tile_menu"> 261 <div class="container-fluid"> 262 <div class="container"> 263 <div class="row"> 264 <div class="col-xs-12"> 265 <div class="d-flex justify-content-start align-items-end" style="padding-top: 20px;"> 266 <div class="tile_items_list tile_items"> 267 <a href="/gift_mate"> 268 <img alt="客製åTile Mate / ç½è²" class="lazy img" data-src="/assets/images/icon/2110/mate_custom.png?4" itemprop="image"/> 269 </a> 270 </div> 271 <div class="tile_items_list tile_items"> 272 <a href="/mate4"> 273 <img alt="Tile Mate 4.0" class="lazy img" data-src="/assets/images/icon/2110/Mate4.0.png?4" itemprop="image"/> 274 </a> 275 </div> 276 <div class="tile_items_list tile_items"> 277 <a href="/pro3"> 278 <img alt="Tile Pro 3.0" class="lazy img" data-src="/assets/images/icon/2110/Pro3.0.png?4" itemprop="image"/> 279 </a> 280 </div> 281 <div class="tile_items_list tile_items"> 282 <a href="/slim2"> 283 <img alt="Tile Slim 2.0" class="lazy img" data-src="/assets/images/icon/2110/slim2.0.png?4" itemprop="image"/> 284 </a> 285 </div> 286 <div class="tile_items_list tile_items"> 287 <a href="/starter"> 288 <img alt="å ¥éæ¬¾" class="lazy img" data-src="/assets/images/icon/2110/starter.png?4" itemprop="image"/> 289 </a> 290 </div> 291 <div class="tile_items_list tile_items"> 292 <a href="/performance"> 293 <img alt="å°æ¥æ¬¾" class="lazy img" data-src="/assets/images/icon/2110/performance.png?4" itemprop="image"/> 294 </a> 295 </div> 296 <div class="tile_items_list tile_items"> 297 <a href="/tile_mate3"> 298 <img alt="Tile Mate" class="lazy img" data-src="/assets/images/icon/2110/Mate3.0.png?4" itemprop="image"/> 299 </a> 300 </div> 301 <div class="tile_items_list tile_items"> 302 <a href="/tile_pro2"> 303 <img alt="Tile Pro" class="lazy img" data-src="/assets/images/icon/2110/Pro2.0.png?4" itemprop="image"/> 304 </a> 305 </div> 306 <div class="tile_items_list tile_items"> 307 <a href="/tile_slim"> 308 <img alt="Tile Slim" class="lazy img" data-src="/assets/images/icon/2110/slim_new.png?4" itemprop="image"/> 309 </a> 310 </div> 311 <div class="tile_items_list tile_items"> 312 <a href="/tile_sticker"> 313 <img alt="Tile Sticker" class="lazy img" data-src="/assets/images/icon/2110/sticker.png?4" itemprop="image"/> 314 </a> 315 </div> 316 <div class="tile_items_list tile_items"> 317 <a href="/tile_combo"> 318 <img alt="ååå ¥éçµ" class="lazy img" data-src="/assets/images/icon/2110/combo.png?4" itemprop="image"/> 319 </a> 320 </div> 321 </div> 322 </div> 323 </div> 324 </div> 325 </div> 326 </div> 327 </div> 328 </div> 329 <div class="tile-line-seperate__line--108b87"> 330 </div> 331 <main class="w3-padding-48"> 332 <div class="container"> 333 <div class="align-items-center d-flex justify-content-center row"> 334 <div class="col-md-5 col-xs-12 mb-xl"> 335 <div class="d-flex align-items-center"> 336 <div class="center-block img-wrap p-img"> 337 <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/tile-logos-top.jpg" id="p-img"/> 338 </div> 339 </div>
340 </div> 341 <div class="col-md-7 col-xs-12"> 342 <div class="h4 text-center" style="color:#333"> 343 Tile Mateèè½é²ä¸å°å¹«æ(客製å禮å) 344 </div> 345 <div class="color0 h2 text-center"> 346 NT $980 up 347 </div> 348 <div class="w3-padding-16 text-muted w3-row-padding"> 349 <div class="w3-col lh-md w3-medium"> 350 tileèè½é²ä¸å°å¹«æå¯ä»¥æå¨ä»»ä½æ¨éè¦çç©åä¸ï¼ééææ©éæ§é¿é´æ¾å°ç©åï¼æè¼ætileååå°æ¾ææ©ï¼è¼é¬æ¾å°æ¨è¦çã 351 </div> 352 </div> 353 <div class="w3-row-padding w3-margin-bottom"> 354 <div class="w3-col"> 355 <ul class="w3-margin-left text-muted lh-md w3-medium w3-text-red"> 356 <li> 357 æå°è¼èçè²¼å¿å¯¦ç¨ç¦® 358 </li> 359 <li> 360 å¯å®¢è£½åå°å±¬LOGOæåæ¡(æä½è¨è³¼é50ç)ã 361 </li> 362 </ul> 363 </div> 364 </div> 365 <div> 366 <div class="w3-row-padding w3-margin-bottom"> 367 <div class="w3-col"> 368 <a class="_popup w3-card w3-btn btn-0 w3-block w3-ripple" data-href="#_form" href="javascript:void(0);"> 369 æè¦è¨è£½ 370 <i class="icon-pencil2"> 371 </i> 372 </a> 373 </div> 374 </div> 375 </div> 376 <div> 377 <div class="w3-row-padding w3-margin-bottom"> 378 <div class="w3-col"> 379 <small class="text-muted"> 380 æ¬ååçºãæ¥å®è¨è£½ãã仿¬¾å¾ï¼å¾éå§è£½ä½å°å¯åºååçº 15-20åå·¥ä½å¤©ãï¼ä¸å å«åæ¥) 381 </small> 382 </div> 383 </div> 384 </div> 385 </div> 386 </div> 387 </div> 388 <div class="w3-padding-64"> 389 <div> 390 <div> 391 <div class="img-wrap" id="hiw_hero"> 392 <img class="lazy img-bg" data-src="/assets/images/gift/mate/hiw_hero_1500x500.jpg" style="width:100%;"/> 393 <div class="w3-display-position w3-round-xlarge w3-text-white hidden-xs hidden-sm" style="max-width:500px;top: 50%;left: 10%;transform: translateY(-51%);"> 394 <div class="h2"> 395 æ´å®¹ææ¾å°ä½ è¦ç 396 </div> 397 <p class="h4 lh-md py-md"> 398 tileèè½é²ä¸å°å¹«æåç´è¦ºæ§çAPPç¸è¼ç¸æï¼ä¸ç®¡æ±è¥¿é¢ä½ é éè¿é½è½è¿ é被æ¾å°ã 399 </p> 400 <div class="w3-card"> 401 <div class="embed-responsive embed-responsive-16by9" style="padding-bottom: 56.25%!important;"> 402 <video autoplay="" class="lazy vid" controls="" loop="" muted=""> 403 <source data-src="/assets/media/gift/mate/mate.mp4" type="video/mp4"/> 404 </video> 405 </div> 406 </div> 407 </div> 408 </div> 409 <div class="w3-padding-large w3-padding-32 w3-round-xlarge w3-white visible-xs visible-sm"> 410 <div class="h2"> 411 æ´å®¹ææ¾å°ä½ è¦ç 412 </div> 413 <p class="h4 lh-md py-xs"> 414 tileèè½é²ä¸å°å¹«æåç´è¦ºæ§çAPPç¸è¼ç¸æï¼ä¸ç®¡æ±è¥¿é¢ä½ é éè¿é½è½è¿ é被æ¾å°ã 415 </p> 416 <div class="w3-card"> 417 <div class="embed-responsive embed-responsive-16by9" style="padding-bottom: 56.25%!important;"> 418 <video autoplay="" class="lazy vid" controls="" loop="" muted=""> 419 <source data-src="/assets/media/gift/mate/mate.mp4" type="video/mp4"/> 420 </video> 421 </div> 422 </div> 423 </div> 424 </div> 425 </div> 426 </div> 427 <div class="container w3-padding-64"> 428 <div class="row"> 429 <div class="col-md-12"> 430 <div> 431 <span class="w3-xlarge"> 432 ååä»ç´¹ 433 </span> 434 <hr/> 435 </div> 436 <div> 437 <p class="lh-md w3-large"> 438 å¿æ±å¿è¥¿æ¯ç¾ä»£åå人士çéç ï¼æçµ±è¨æ¯å人平åä¸å¤©è¦è±24åé卿¾æ±è¥¿ï¼è©¦æ³ç¾å¨æä¸å禮åå¯ä»¥è§£æ±ºéåå°æ¾ï¼é£å°æ¯ä¸ä»¶å¤æ£çäºæ å¢ï¼ï¼é給身éæè¦ªè¿ç人貼å¿å實ç¨ï¼é給éè¦ç客æ¶ï¼å°è£½ä¸å°å±¬çååLOGOï¼å¨æ¯æ¬¡æ¾å°ååçéç¨ä¸ï¼åæå æ·±å°åççå°è±¡ï¼å½¢åçºè¡åç廣åçæ¿ï¼ 439 </p> 440 </div> 441 </div> 442 </div> 443 </div> 444 <div class="bg" style="height:500px;background-image:url('/assets/images/gift/mate/branded-swag-tile-logos2.jpg?1');"> 445 </div> 446 <div class="container w3-padding-64"> 447 <div class="row align-items-center d-flex justify-content-center row"> 448 <div class="col-md-4"> 449 <div class="center-block img-wrap" id="corporate"> 450 <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/bnp_corporate2.jpg"/> 451 </div>
452 </div> 453 <div class="col-md-8"> 454 <div class="container-fluid"> 455 <div class="row"> 456 <div class="col-md-12"> 457 <div class="w3-margin-bottom"> 458 <span class="w3-xlarge"> 459 è£½ä½æµç¨ 460 </span> 461 </div> 462 </div> 463 </div> 464 <div class="row d-flex"> 465 <div class="col-md-4 col-xs-6 w3-padding-16"> 466 <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100"> 467 <div class="lh-md text-muted w3-container w3-medium"> 468 <div> 469 填寫è¯çµ¡å® 470 </div> 471 <div> 472 è¨å®æ¸æä½çº50 473 <br/> 474 æå¤å¯ä¸è²å°å· 475 </div> 476 </div> 477 <span class="w3-badge bg-0 w3-display-topleft process__icon"> 478 1 479 </span> 480 </div> 481 </div> 482 <div class="col-md-4 col-xs-6 w3-padding-16"> 483 <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100"> 484 <div class="lh-md text-muted w3-container w3-medium"> 485 <div> 486 æä¾ç´ æ 487 </div> 488 <div> 489 妿LOGO , 490 <br/> 491 éæä¾å®æ¹ææ¬èæ 492 </div> 493 </div> 494 <span class="w3-badge bg-0 w3-display-topleft process__icon"> 495 2 496 </span> 497 </div> 498 </div> 499 <div class="col-md-4 col-xs-6 w3-padding-16"> 500 <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100"> 501 <div class="lh-md text-muted w3-container w3-medium"> 502 <div> 503 æ ¸å°æ ¡ç¨¿ 504 </div> 505 <div> 506 æå¤å¯ä¿®æ¹å ©æ¬¡ 507 </div> 508 </div> 509 <span class="w3-badge bg-0 w3-display-topleft process__icon"> 510 3 511 </span> 512 </div> 513 </div> 514 <div class="col-md-4 col-xs-6 w3-padding-16"> 515 <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100"> 516 <div class="lh-md text-muted w3-container w3-medium"> 517 <div> 518 è¨å®ç¢ºèª 519 </div> 520 <div> 521 éå æ¯ä»è¨å®5æéé¡ 522 </div> 523 </div> 524 <span class="w3-badge bg-0 w3-display-topleft process__icon"> 525 4 526 </span> 527 </div> 528 </div> 529 <div class="col-md-4 col-xs-6 w3-padding-16"> 530 <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100"> 531 <div class="lh-md text-muted w3-container w3-medium"> 532 <div> 533 éå§å°å· 534 </div> 535 <div> 536 ç´10-15å工使¥ 537 <br/> 538 (ä¸å å«åæ¥) 539 </div> 540 </div> 541 <span class="w3-badge bg-0 w3-display-topleft process__icon"> 542 5 543 </span> 544 </div> 545 </div> 546 <div class="col-md-4 col-xs-6 w3-padding-16"> 547 <div class="w3-border border-0 w3-display-container w3-padding-16 w3-round-large h-100"> 548 <div class="lh-md text-muted w3-container w3-medium"> 549 <div> 550 å è£åºè²¨ 551 </div> 552 <div> 553 åºè²¨ç´1è³2æ¥å¯é(åå §) 554 </div> 555 </div> 556 <span class="w3-badge bg-0 w3-display-topleft process__icon"> 557 6 558 </span> 559 </div> 560 </div> 561 </div> 562 <div class="row"> 563 <div class="col-md-12"> 564 <div class="text-right"> 565 <a class="_popup w3-btn w3-card btn-0 w3-ripple" data-href="#_form" href="javascript:void(0);"> 566 æè¦è¨è£½ 567 <i class="icon-pencil2"> 568 </i> 569 </a> 570 </div> 571 </div> 572 </div> 573 </div> 574 </div> 575 </div> 576 </div> 577 <div class="container w3-padding-64"> 578 <div class="row"> 579 <div class="col-md-12"> 580 <div class="h4 text-muted text-center"> 581 客製å-å¯ä»»æå°è£½æ¼ç©ºç½è 582 </div> 583 <div class="example"> 584 <div class="center-block img-wrap" id="tile-logo"> 585 <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/tile-logos.jpg"/> 586 </div> 587 </div>
588 </div> 589 </div> 590 <div class="row w3-padding-48"> 591 <div class="col-md-4 w3-padding-32"> 592 <div> 593 <div class="img-wrap center-block ratio-1by1" style="max-width:85px;"> 594 <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/icon-01.png"/> 595 </div> 596 </div> 597 <div class="text-center w3-padding-16"> 598 <span class="h3 text-muted"> 599 ééé´è²æ¾å°ç©å 600 </span> 601 </div> 602 <div class="w3-large"> 603 ç¨ææ©éæ§Tileé¿é´ï¼åªè¦Tileå¨èè½é£ç·ç¯åå §ï¼å°±æé¿é´ç´å°ä½ æä¸åæ¢çºæ¢ã 604 </div> 605 </div> 606 <div class="col-md-4 w3-padding-32"> 607 <div> 608 <div class="img-wrap center-block ratio-1by1" style="max-width:85px;"> 609 <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/icon-02.png"/> 610 </div> 611 </div> 612 <div class="text-center w3-padding-16"> 613 <span class="h3 text-muted"> 614 ååå°æ¾ææ© 615 </span> 616 </div> 617 <div class="w3-large"> 618 åªè¦é£çºè¼æå ©æ¬¡Tileï¼å³ä½¿æ¯é鳿¨¡å¼ä¹å¯ä»¥è®ææ©é¿é´ï¼å忾尿æ©ã 619 </div> 620 </div> 621 <div class="col-md-4 w3-padding-32"> 622 <div> 623 <div class="img-wrap center-block ratio-1by1" style="max-width:85px;"> 624 <img class="lazy img-wrap__img" data-src="/assets/images/gift/mate/icon-03.png"/> 625 </div> 626 </div> 627 <div class="text-center w3-padding-16"> 628 <span class="h3 text-muted"> 629 追蹤ç©åæå¾ä½ç½® 630 </span> 631 </div> 632 <div class="w3-large"> 633 Tileææå ¨çæå¤§å°ç©ç¤¾ç¾¤ï¼æ¯åç¨æ¶çææ©é½è½åå©å³éååTileçä½ç½®è³è¨ãå æ¤å°±ç®å®é¢éäºä½ çé£ç·ç¯åï¼åªè¦æå ¶ä»ç¨æ¶å¨éè¿ï¼ä½ å°±è½æ¶å°å®çä½ç½®è³è¨ã 634 </div> 635 </div> 636 </div> 637 </div> 638 <div class="bg wallet" style="background-image:url('/assets/images/gift/mate/corporate_hero2.jpg');"> 639 <div class="container"> 640 <div class="row"> 641 <div class="col-md-12"> 642 </div> 643 </div> 644 </div> 645 </div> 646 <div class="container w3-padding-64"> 647 <div class="row"> 648 <div class="col-md-12"> 649 <div class="w3-margin-bottom text-center"> 650 <span class="h2"> 651 è®äººæä¸éæï¼æ¨æ¼å±ç¤ºçç¦®ç© 652 </span> 653 </div> 654 <div class="text-center"> 655 <span class="w3-large lh-md"> 656 ä¸åæ¼ä¸è¬ç禮åï¼ç§æèæå°å ¼å ·ï¼å çºåå©äººåæ¾å°å°ä»åå¾éè¦çç©åï¼å¯¦ç¨æ§äº¦ä¸å®¹å°è¦·ï¼å®¢è£½åçTileå³éäºäººæ çæº«æï¼å 深使ç¨è å°åçç好æåº¦ï¼å¥ç¶è±«ç¾å¨å°±èæåé£ç¹«ã 657 </span> 658 </div> 659 </div> 660 <div class="col-md-12 w3-padding-32"> 661 <div class="center"> 662 <a class="_popup btn-lg w3-btn w3-card btn-0 w3-ripple" data-href="#_form" href="javascript:void(0);"> 663 æè¦è¨è£½ 664 <i class="icon-pencil2"> 665 </i> 666 </a> 667 </div> 668 </div> 669 </div> 670 </div> 671 <div class="container w3-padding-64"> 672 <div class="row"> 673 <div class="col-md-12"> 674 <small class="text-muted"> 675 <i class="icon-info-sign"> 676 </i> 677 æ¬é åç便ºçºåå» ç¶²é https://www.thetileapp.com/en-us/corporate-promotions 678 </small> 679 </div> 680 </div> 681 </div> 682 </main> 683 <footer> 684 <div class="tile-footer"> 685 <div class="tile-wrapper"> 686 <div class="container-fluid"> 687 <div class="row"> 688 <div class="col-xs-12"> 689 <div class="div-block-111"> 690 <div class="div-block-112" id="w-node-_09f01919-3689-b986-9375-1910da1dcb09-54429693"> 691 <div id="w-node-_7dae081c-c4d7-0a96-ceb5-a773f9229e7b-54429693"> 692 <img alt="" id="w-node-_532a0e03-cd53-b5db-7665-6809cc208eb3-54429693" loading="lazy" src="/assets/images/tile_Page1_88.png"/> 693 </div> 694 <div id="w-node-e253ee20-f6e1-513a-3ec4-9f7bfcd5a5b0-54429693"> 695 <div class="text-block-32"> 696 å è²»ä¸è¼æç¨ç¨å¼ 697 </div> 698 </div> 699 <div class="div-block-113" id="w-node-_47981eb6-731a-c7a4-bfcc-bf5d5ca9247d-54429693"> 700 <a class="w-inline-block" href="https://apps.apple.com/tw/app/id664939913" id="w-node-_03fe665b-6db2-bc02-e318-21c5c25ad38e-54429693"> 701 <img alt="" id="w-node-_42ca2710-9e7b-2707-dd3f-8754fc9af7b8-54429693" loading="lazy" src="/assets/images/tile_Page1_97.png?1"/> 702 </a> 703 <a class="w-inline-block" href="https://play.google.com/store/apps/details?id=com.thetileapp.tile" id="w-node-_134ea8c2-017f-994f-d40b-582d07565b78-54429693"> 704 <img alt="" id="w-node-f7530878-f225-bea8-6c44-791e3c79b87a-54429693" loading="lazy" src="/assets/images/tile_Page1_99.png?1"/> 705 </a> 706 </div> 707 </div> 708 <div class="div-block-114" id="w-node-b19ce751-d0c1-04c7-ee09-d809e370db7f-54429693"> 709 <div class="div-block-115" id="w-node-bab8eb44-7e32-62e6-09ec-191b1f757f5d-54429693"> 710 <div class="tile-footer__info" id="w-node-_0dbdf6bb-f45b-8c7f-c740-a0a1447d788a-54429693"> 711 å°ç£ç¸½ä»£ç | å祥貿æè¡ä»½æéå ¬å¸ 712 </div> 713 <div class="tile-footer__info"> 714 (02) 2740-3366 715 </div> 716 <div class="tile-footer__info"> 717 105å°åå¸å京æ±è·¯ä¸æ®µ272è3æ¨ 718 </div> 719 </div> 720 <div class="div-block-116" id="w-node-a5150184-a03d-7a8c-6022-6af6308c1b8a-54429693"> 721 <div id="w-node-_14fe5a81-574b-95d2-62bd-90433fe655df-54429693"> 722 <ul class="tile-footer__nav" role="list"> 723 <li class="tile-footer__nav-item"> 724 <a class="tile-footer__nav-link" href="/shop"> 725 ç³»ååå 726 </a> 727 </li> 728 <li class="tile-footer__nav-item"> 729 <a class="tile-footer__nav-link" href="/articles"> 730 å£ç¢å享 731 </a> 732 </li> 733 <li class="tile-footer__nav-item"> 734 <a class="tile-footer__nav-link" href="/support"> 735 æåèæ¯æ´ 736 </a> 737 </li> 738 <li class="tile-footer__nav-item"> 739 <a class="tile-footer__nav-link" href="/easy_connect"> 740 è¼é¬é£ç· 741 </a> 742 </li> 743 <li class="tile-footer__nav-item"> 744 <a class="tile-footer__nav-link" href="/shop"> 745 é»æè³¼è²· 746 </a> 747 </li> 748 </ul> 749 </div> 750 <div id="w-node-_69726d2d-134d-17b8-6d9c-40bde2ed0307-54429693"> 751 <div class="tile-footer__social"> 752 追蹤æåç社群 753 </div> 754 <div class="div-block-117"> 755 <a class="tile-social__tag w-inline-block" href="https://www.facebook.com/TileTaiwan" target="_blank"> 756 <img alt="" class="tile-social__tag-icon" loading="lazy" src="/assets/images/tile_Page1_92.png"/> 757 <div class="tile-social__tag-txt"> 758 Tile Taiwan 759 </div> 760 </a> 761 <a class="tile-social__tag w-inline-block" href="https://bit.ly/3v3
761CBmN" target="_blank"> 762 <img alt="" class="tile-social__tag-icon" loading="lazy" src="/assets/images/tile_Page1_94.png"/> 763 <div class="tile-social__tag-txt"> 764 tile.tw 765 </div> 766 </a> 767 </div> 768 </div> 769 </div> 770 </div> 771 </div> 772 </div> 773 </div> 774 </div> 775 </div> 776 </div> 777 <div class="container-fluid footer bg6 center" style="display:none;"> 778 <div class="container"> 779 <div class="col-md-12 none"> 780 <div class="br hidden-sm hidden-xs"> 781 </div> 782 <div class="col-md-8 none"> 783 <div class="col-md-4 hidden-xs hidden-sm"> 784 <div> 785 <img src="/assets/images/logo_w.png"/> 786 </div> 787 <div class="line_b"> 788 </div> 789 <div> 790 å°ç£ç¸½ä»£ç 791 </div> 792 <div> 793 å祥貿æå ¬å¸ 794 </div> 795 </div> 796 <div class="col-md-4 hidden-xs hidden-sm"> 797 <h4> 798 <i class="icon-instagram"> 799 </i> 800 ååä»ç´¹ 801 </h4> 802 <div class="line_b"> 803 </div> 804 <div class="item_list"> 805 <a href="/tile_mate3"> 806 <div> 807 <i class="icon-angle-right"> 808 </i> 809 Tile Mate3.0 810 </div> 811 </a> 812 <a href="/tile_pro2"> 813 <div> 814 <i class="icon-angle-right"> 815 </i> 816 Tile Pro2.0 817 </div> 818 </a> 819 <a href="/tile_slim"> 820 <div> 821 <i class="icon-angle-right"> 822 </i> 823 Tile Slim 824 </div> 825 </a> 826 <a href="/tile_sticker"> 827 <div> 828 <i class="icon-angle-right"> 829 </i> 830 Tile Sticker 831 </div> 832 </a> 833 </div> 834 </div> 835 <div class="col-md-4 hidden-xs hidden-sm"> 836 <h4> 837 <i class="icon-line2-link"> 838 </i> 839 ç¶²ç«å°å 840 </h4> 841 <div class="line_b"> 842 </div> 843 <div class="item_list"> 844 <a href="/shop"> 845 <div> 846 <i class="icon-angle-right"> 847 </i> 848 ç·ä¸åå 849 </div> 850 </a> 851 <a href="/support"> 852 <div> 853 <i class="icon-angle-right"> 854 </i> 855 æåèæ¯æ´ 856 </div> 857 </a> 858 <a href="/traffic"> 859 <div> 860 <i class="icon-angle-right"> 861 </i> 862 è¨å®ãé²åº¦æ¥è©¢ã 863 </div> 864 </a> 865 <a href="/warranty_terms"> 866 <div> 867 <i class="icon-angle-right"> 868 </i> 869 ä¿åºæ¢æ¬¾ 870 </div> 871 </a> 872 <a href="/privacy"> 873 <div> 874 <i class="icon-angle-right"> 875 </i> 876 é±ç§æ¬è²æ 877 </div> 878 </a> 879 <a href="/sale_terms"> 880 <div> 881 <i class="icon-angle-right"> 882 </i> 883 è³¼ç©ååé·å®æ¢æ¬¾ 884 </div> 885 </a> 886 </div> 887 </div> 888 <div class="br_s col-md-12"> 889 </div> 890 <div class="col-md-12 hidden-xs hidden-sm"> 891 <a href="https://itunes.apple.com/tw/app//id664939913?mt=8" target="_blank"> 892 <img class="br_ss" src="/assets/image/art/tile/home/app-store-download-en-US.png"/> 893 </a> 894 <a href="https://play.google.com/store/apps/details?id=com.thetileapp.tile" target="_blank"> 895 <img class="br_ss" src="/assets/image/art/tile/home/google-play-download-en-US.png"/> 896 </a> 897 </div> 898 </div> 899 <div class="col-md-4 none"> 900 <h4> 901 <i class="icon-facebook2"> 902 </i> 903 éæ³¨æå 904 </h4> 905 <div class="line_b"> 906 </div> 907 <iframe allow="encrypted-media" allowtransparency="true" class="lazy" data-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FTileTaiwan%2F&tabs=timeline&width=300&height=130&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=143420442752422" frameborder="0" height="130" scrolling="no" style="border:none;overflow:hidden" width="300"> 908 </iframe> 909 </div> 910 <div class="br hidden-md hidden-lg"> 911 </div> 912 <div class="col-md-3 hidden-md hidden-lg"> 913 <h4> 914 <i class="icon-line2-link"> 915 </i> 916 ç¶²ç«å°å 917 </h4> 918 <div class="line_b"> 919 </div> 920 <div class="item_list"> 921 <a href="/shop"> 922 <div> 923 <i class="icon-angle-right"> 924 </i> 925 ç·ä¸åå 926 </div> 927 </a> 928 <a href="/support"> 929 <div> 930 <i class="icon-angle-right"> 931 </i> 932 æåèæ¯æ´ 933 </div> 934 </a> 935 <a href="/traffic"> 936 <div> 937 <i class="icon-angle-right"> 938 </i> 939 è¨å®ãé²åº¦æ¥è©¢ã 940 </div> 941 </a> 942 <a href="/warranty_terms"> 943 <div> 944 <i class="icon-angle-right"> 945 </i> 946 ä¿åºæ¢æ¬¾ 947 </div> 948 </a> 949 <a href="/privacy"> 950 <div> 951 <i class="icon-angle-right"> 952 </i> 953 é±ç§æ¬è²æ 954 </div> 955 </a> 956 <a href="/sale_terms"> 957 <div> 958 <i class="icon-angle-right"> 959 </i> 960 è³¼ç©ååé·å®æ¢æ¬¾
961 </div> 962 </a> 963 </div> 964 </div> 965 <div class="br hidden-md hidden-lg"> 966 </div> 967 <div class="col-md-3 hidden-md hidden-lg"> 968 <div> 969 <img src="/assets/images/logo_w.png"/> 970 </div> 971 <div class="line_b"> 972 </div> 973 <div> 974 å°ç£ç¸½ä»£ç 975 </div> 976 <div> 977 å祥貿æå ¬å¸ 978 </div> 979 </div> 980 <div class="br hidden-md hidden-lg"> 981 </div> 982 <div class="col-md-12 hidden-md hidden-lg"> 983 <a href="https://itunes.apple.com/tw/app//id664939913?mt=8" target="_blank"> 984 <img class="br_ss" src="/assets/image/art/tile/home/app-store-download-en-US.png"/> 985 </a> 986 <a href="https://play.google.com/store/apps/details?id=com.thetileapp.tile" target="_blank"> 987 <img class="br_ss" src="/assets/image/art/tile/home/google-play-download-en-US.png"/> 988 </a> 989 </div> 990 </div> 991 </div> 992 <div class="br"> 993 </div> 994 </div> 995 <div id="snackbar"> 996 </div> 997 </footer> 998
998<script type="application/ld+json"> 999 { "@context": "http://schema.org", "@type": "Organization", "address": { "@type": "PostalAddress", "addressLocality": "å°ç£ TAIWAN", "addressRegion": "å°å TAIPEI", "streetAddress": "å°åå¸å京æ±è·¯ä¸æ®µ272è2æ¨" }, "description": "", "name": "Tile", "image": "https://thetileapp.com.tw/assets/images/logo.jpg", "logo": "https://thetileapp.com.tw/assets/images/logo.jpg", "telephone": "(02) 2778-9966 Ext.228", "url": "https://thetileapp.com.tw", "sameAs": [ "https://www.facebook.com" ], "aggregateRating": { "@type": "AggregateRating", "ratingValue": "88", "bestRating": "100", "ratingCount": "150-200" }, "potentialAction": { "@type": "SearchAction", "target": "https://thetileapp.com.tw/shop?k={keyword}", "query-input": "required" } } 1000 </script>
1000 1001
1001<script src="/assets/js/lib/TweenMax.min.js"> 1002 </script>
1002 1003
1003<script src="/assets/js/lib/ScrollMagic.min.js"> 1004 </script>
1004 1005
1005<script src="/assets/js/lib/animation.gsap.js"> 1006 </script>
1006 1007
1007<script src="/assets/js/lib/jquery.js"> 1008 </script>
1008 1009
1009<script src="/assets/js/lib/jquery.easing.1.3.js"> 1010 </script>
1010 1011
1011<script src="/assets/js/lib/bootstrap.js"> 1012 </script>
1012 1013
1013<script src="/assets/js/lib/jquery.number.min.js"> 1014 </script>
1014 1015
1015<script src="/assets/js/lib/jquery.form-validator.min.js"> 1016 </script>
1016 1017
1017<script src="/assets/js/lib/jquery.rwdImageMaps.js"> 1018 </script>
1018 1019
1019<script src="/assets/js/lib/jquery.ui.totop.min.js"> 1020 </script>
1020 1021
1021<script src="/assets/js/lib/lazyYT.js"> 1022 </script>
1022 1023
1023<script src="/assets/js/lib/jquery.magnific-popup.min.js"> 1024 </script>
1024 1025
1025<script src="/assets/js/lib/swiper.js"> 1026 </script>
1026 1027
1027<script src="/assets/js/lib/jquery.cookie.js"> 1028 </script>
1028 1029
1029<script src="/assets/js/lib/jquery.popupoverlay.js"> 1030 </script>
1030 1031
1031<script src="/assets/js/lib/lozad.min.js" type="text/javascript"> 1032 </script>
1032 1033
1033<script src="/assets/js/webflow.js" type="text/javascript"> 1034 </script>
1034 1035
1035<script defer="" src="/assets/js/main.js?r=2307"> 1036 </script>
1036 1037
1037<script defer="" src="/assets/js/lib/instantpage.js" type="module"> 1038 </script>
1038 1039
1039<script> 1040 document.addEventListener('DOMContentLoaded', function() { /* setHeaderPin(document.getElementById('header'), 100); */ fullMenu(); menuHover(); imgLazy(); }); function setHeaderPin(_ele, _offset) { var _lastKnownScrollY = 0, _currentScrollY = 0, _unpinClass = 'header-unpin', isPin = function(_f) { if (typeof _f == 'function') { var _of = _currentScrollY - _lastKnownScrollY; if (_currentScrollY == 0 || _of <= -_offset) _f(false); else if (_of > _offset) _f(true); } }; document.addEventListener('scroll', function() { _currentScrollY = window.pageYOffset; isPin(function(_t) { var _cl = _ele.classList; _t ? _cl.add(_unpinClass) : _cl.remove(_unpinClass); _lastKnownScrollY = _currentScrollY; }); }); } function fullMenu() { var _a = document.querySelectorAll('*[data-fullmenu]'), _in = false, _css = 'fullmenu_show', _wWidth = window.innerWidth, _sm = 992; _a.forEach(function(_ele) { var _ob = document.querySelector(_ele.dataset.fullmenu); [_ele, _ob].forEach(function(_t) { _t.addEventListener("mouseover", function(e) { _in = true; if (_wWidth >= _sm && _in) { _ob.classList.add(_css); } }); _t.addEventListener("mouseleave", function(e) { _in = false; _ob.classList.remove(_css); }); }); }); window.addEventListener('resize', debounce(function() { _wWidth = window.innerWidth; }, 200)); } function menuHover() { $('ul.nav li.dropdown').hover(function() { $(this).find('.one-menu').stop(true, true).delay(10).fadeIn(200); }, function() { $(this).find('.one-menu').stop(true, true).delay(10).fadeOut(200); }); } function imgLazy() { var observer = lozad('.lazy'); observer.observe(); } 1041 </script>
1041 1042
1042<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a8a00e8e00ab42cd8d03a0ac14b38089","r":1,"spa":2}' crossorigin="anonymous"></script>
1042 1043</body> 1044</html> 1045<div class="mfp-hide mfp-inner center" id="_form"> 1046 <form action="/gift_mate_form" data-callback="gift_mate_send" id="send_form" method="post"> 1047 <div class="container"> 1048 <div class="col-md-12"> 1049 <h3> 1050 è«å¡«å¯«è¯çµ¡è³è¨åè¨è£½è¦æ ¼ï¼å°ææå°äººèæ¨è¯çµ¡ï¼ 1051 </h3> 1052 <div class="br_s"> 1053 </div> 1054 <div class="col-md-6"> 1055 <div class="input-group"> 1056 <span class="input-group-addon order-form-label" id="basic-addon1"> 1057 <i class="icon-user3"> 1058 </i> 1059 </span> 1060 <input class="form-control" datavalidation="required" id="username" maxlength="100" name="username" placeholder="ç實å§å" type="text"/> 1061 <span class="input-group-addon text-muted" id="basic-addon1"> 1062 <small> 1063 å¿ å¡« 1064 </small> 1065 </span> 1066 </div> 1067 <div class="br_ss"> 1068 </div> 1069 </div> 1070 <div class="col-md-6"> 1071 <div class="input-group"> 1072 <span class="input-group-addon order-form-label" id="basic-addon1"> 1073 <i class="icon-phone3"> 1074 </i> 1075 </span> 1076 <input class="form-control" datavalidation="required" id="mobile" maxlength="100" name="mobile" placeholder="è¡åé»è©±" type="number"/> 1077 <span class="input-group-addon text-muted" id="basic-addon1"> 1078 <small> 1079 å¿ å¡« 1080 </small> 1081 </span> 1082 </div> 1083 <div class="br_ss"> 1084 </div> 1085 </div> 1086 <div class="col-md-6"> 1087 <div class="input-group"> 1088 <span class="input-group-addon order-form-label" id="basic-addon1"> 1089 <i class="icon-line2-envelope-open"> 1090 </i> 1091 </span> 1092 <input class="form-control" datavalidation="required" id="email" maxlength="100" name="email" placeholder="é»åéµä»¶" type="email"/> 1093 <span class="input-group-addon text-muted" id="basic-addon1"> 1094 <small> 1095 å¿ å¡« 1096 </small> 1097 </span> 1098 </div> 1099 <div class="br_ss"> 1100 </div> 1101 </div> 1102 <div class="col-md-6"> 1103 <div class="input-group"> 1104 <span class="input-group-addon order-form-label" id="basic-addon1"> 1105 <i class="icon-line2-reload"> 1106 </i> 1107 </span> 1108 <input class="form-control" id="company" maxlength="100" name="company" placeholder="å®ä½å稱" type="text"/> 1109 </div> 1110 <div class="br_ss"> 1111 </div> 1112 </div> 1113 <div class="col-md-6"> 1114 <div class="input-group"> 1115 <span class="input-group-addon order-form-label" id="basic-addon1"> 1116 <i class="icon-line-paper"> 1117 </i> 1118 </span> 1119 <select class="form-control" datavalidation="required" name="item"> 1120 <option disabled="" selected="" value=""> 1121 è«é¸æååè¦æ ¼ 1122 </option> 1123 <option value="mate"> 1124 ä¸å¯æé»æ±  $980 起 1125 </option> 1126 <option value="new_mate"> 1127 坿黿±  $1,050 起 1128 </option> 1129 </select> 1130 <span class="input-group-addon text-muted" id="basic-addon1"> 1131 <small> 1132 å¿ å¡« 1133 </small> 1134 </span> 1135 </div> 1136 <div class="br_ss"> 1137 </div> 1138 </div> 1139 <div class="col-md-6"> 1140 <div class="input-group"> 1141 <span class="input-group-addon order-form-label" id="basic-addon1"> 1142 æ¸é 1143 </span> 1144 <input class="form-control" id="quantity" max="100000" min="50" name="quantity" required="" type="number" value="50"/> 1145 <span class="input-group-addon text-muted" id="basic-addon1"> 1146 <small> 1147 å¿ å¡« 1148 </small> 1149 </span> 1150 </div> 1151 <div class="text-left"> 1152 <small class="text-muted"> 1153 <i class="icon-info-sign"> 1154 </i> 1155 æå°50å 1156 </small> 1157 </div> 1158 </div> 1159 </div> 1160 </div> 1161 <hr/> 1162 <div class="container"> 1163 <div class="col-md-12"> 1164 <button class="btn btn-0 w3-ripple w3-card" id="com_inquiry" type="submit"> 1165 確èªéåº 1166 <i class="icon-email2"> 1167 </i> 1168 </button> 1169 </div> 1170 </div> 1171 <div class="mfp-hide" id="vid-popup"> 1172 <div class="embed-responsive embed-responsive-16by9" style="padding-bottom: 56.25%!important;"> 1173 <video autoplay="" class="lazy vid" controls="" loop="" muted=""> 1174 <source data-src="/assets/media/gift/mate/mate.mp4" type="video/mp4"/> 1175 </video> 1176 </div> 1177 </div> 1178 </form> 1179</div>
1180<script> 1181 gee$.viewItem({ 'currency': 'TWD', 'value': 980, items: [{ item_id: "giftmate", item_name: "Tile Mate" }] }); 1182</script>
vendor: 1 bytes, line 1182
1182
1183<script> 1184 function gift_mate_send(){ var map = { mate: '980', new_mate: '1050' }; pixel$.AddToCart(["2404145553229597"], { value: map[this.find('select[name="item"]').val()], contents: [{ id: 'giftmate', quantity: this.find('input[name="quantity"]').val() }] }); } $( document ).ready(function() { /* $('.vid').magnificPopup({ items: { src: '#vid-popup', type: 'inline' } }); */ new IntersectionObserver(function(entries) { for (const entry of entries) { entry.target.autoplay = entry.isIntersecting ? true: false; entry.target.load(); } }).observe(document.querySelector('.vid')); /* (function (){ p_img$ = $('#p-img'); p_img_nav$ = $('.p-img__nav'); p_img_nav$.click(function(e){ p_img$.attr('src', this.src); }); })(); */ }); 1185</script>
vendor: 1 bytes, line 1185
1185
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.