Smart City Online 智慧城市線上展

<!doctype html> <html> <head> <meta content="text/html; charset=UTF-8; X-Content-Type-Options=nosniff" http-equiv="Content-Type" />  <meta http-equiv="Content-Security-Policy" content=" img-src *;" /> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta http-equiv="content-language" content="zh-tw"> <title>Smart City Online 智慧城市線上展</title> <meta property="og:type" content="website"> <meta property="og:title" content="Smart City Online 智慧城市線上展" /> <meta property="og:description" content="Smart City Online 智慧城市線上展" /> <meta property="og:url" content="https://smartcityonline.org.tw"> <meta property="og:image" content="/imgs/og.jpg"> <link rel="Shortcut Icon" type="image/ico" href="favicon.ico" /> <meta name="author" content="smartcity"> <meta name="description" content="Smart City Online Portal"> <meta name="keywords" content="smartcity,智慧城市,人工智慧,解決方案"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href=""> <link rel="apple-touch-icon-precomposed" sizes="114x114" href=""> <link rel="apple-touch-icon-precomposed" sizes="72x72" href=""> <link href="https://api.mapbox.com/mapbox-gl-js/v1.10.1/mapbox-gl.css" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Poppins:100i,200,300,300i,400,500,600,700,800,900&display=swap" rel="stylesheet"> <link href="stylesheets/flaticon/flaticon.css" rel="stylesheet" /> <link href="stylesheets/app.css" rel="stylesheet" /> <link href="stylesheets/extend.css" rel="stylesheet" /> <script src="javascripts/app.js"></script>     <script>(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','GTM-WN8WGXP');</script>  </head> <body class="en lang-en">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WN8WGXP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <nav class="navbar fixed-top p-0"> <div class="brand-logo mr-md-auto"> <a href="./" class="d-block"> <img src="images/logo-lg.png" class="brand-logo-img img-fluid" alt="Smart city logo" /> </a> </div> <nav class="mainmenu d-none d-lg-block">  <a class="mainmenu-item" href="solution.php">SCOPE</a> <a class="mainmenu-item" href="./?p=forum">Smart Live</a> <a class="mainmenu-item" href="./?p=pavilion_3D">Pavilion</a>  </nav> <a class="btn btn-primary d-none d-lg-block" href="http://smartcity.org.tw/m_service.php" target="_blank"><span>SIGN IN</span></a> <a class="btn btn-primary d-none d-lg-block" href="lang.php?lang=zh-tw"><span><img src="imgs/svg/icon_world.svg" alt="world icon" class="mx-auto d-block" />繁中</span></a> </nav>  <div id="menubtn" class="d-lg-none"> <div class="vmid"> <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="sr-only">Toggle navigation</span> <span class="navbar-icon"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></span> </button> </div> </div>  <div id="mobileMenu" class=""> <div class="mobile-head"> <div class="brand-logo"> <a href="./" class="d-block"> <img src="images/logo-xs.png" class="brand-logo-img img-fluid" alt="Smart city logo" /> </a> </div> </div> <div class="scroll"> <div class="mobile-wrap position-relative"> <div class="vmid"> <a href="lang.php?lang=zh-tw" class="lang-switch"><img src="imgs/svg/icon_world.svg" alt="world icon" class="d-inline-block" /> 繁中</a> <div class="mobile-body">  <a class="mainmenu-item" href="solution.php">SCOPE</a> <a class="mainmenu-item" href="./?p=forum">Smart Live</a> <a class="mainmenu-item" href="./?p=pavilion">Pavilion</a>  <a href="http://smartcity.org.tw/m_service.php" target="_blank" class="btn btn-outline-light">SIGN IN</a> </div>  </div> <div class="social text-center"> <a href="" target="_blank"><i class="fab fa-twitter"></i></a> <a href="" target="_blank"><i class="fab fa-facebook-square"></i></a> <a href="" target="_blank"><i class="fab fa-linkedin"></i></a> </div> </div>  </div>  </div>  <main id="main"> <h1 class="page-title">智慧城市與物聯網 Smart City online portal</h1> <div id="indexCarousel" class="carousel slide" data-ride="carousel" data-interval="5000"> <div class="carousel-inner"> <div class="carousel-item cover active" style="background-image: url('images/big-banner/2025Online_1500x700.jpg')"> <a href="" class="card-link" target=""></a>   </div>   <ol class="carousel-indicators font0"> <li data-target="#indexCarousel" data-slide-to="0" class="active" ></li>  </ol> </div>  </div>  <div id="content" class="indexpage"> <section class="section bg-text" data-title="pavilion"> <div class="level2 container"> <h2 class="section-title mb-4"><a href="?p=pavilion">Pavilion</a></h2> <div class="row"> <div class="col-4 col-md-2 border p-0"><a href="pavilion.php?vip=mitac" target="_self"><img src="images/pavilion/mitac.jpg" alt="" class="img-fluid" /></a> </div> <div class="col-4 col-md-2 border p-0"><a href="pavilion.php?vip=IBE" target="_self"><img src="images/pavilion/TIBA.jpg" alt="" class="img-fluid" /></a> </div> <div class="col-4 col-md-2 border p-0"><a href="pavilion.php?vip=taipei" target="_self"><img src="images/pavilion/taipei.jpg" alt="" class="img-fluid" /></a> </div> <div class="col-4 col-md-2 border p-0"><a href="pavilion.php?vip=secom" target="_self"><img src="images/pavilion/secom.jpg" alt="" class="img-fluid" /></a> </div> <div class="col-4 col-md-2 border p-0"><a href="pavilion.php?vip=fet" target="_self"><img src="images/pavilion/FET.jpg" alt="" class="img-fluid" /></a> </div> <div class="col-4 col-md-2 border p-0"><a href="pavilion.php?vip=cht" target="_self"><img src="images/pavilion/CHT.jpg" alt="" class="img-fluid" /></a> </div> </div> </div> </section> <div class="m-4"> </div> <section class="section bg-text" data-title="solution"> <div class="level2 container"> <h2 class="section-title mb-4"><a href="solution.php">solution</a></h2> <div class="row plan"> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_104_966.jpg" alt="Network Smarter"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_104_48.png" alt="Allied Telesis" class="img-fluid" /></div> <div class="d-table-cell">Allied Telesis</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 308.95k   <i class="fa fa-heart"></i> 4</div> <div class="solution-type">Smart Transportation</div> </div> <div class="solution-name" title="Network Smarter">Network Smarter</div> <div class="text-more"> <div class="heading">Since 30 years, Allied Telesis has been in the global smart transportation, railway monitoring, smart street lamps, airports, tunnels, IP video surveillance,IoT etc. It has been building and maintaining operations for more than 30 years, and has been support the enterprise and government to create a safe and reliable network. We can understand the difficulties faced by IT administrators; including time-consuming routines such as the task of replacing equipment, and tools that are insufficient to protect them from the errors, and security issue and its' recovery. According to our experience, The design of the intelligent network can reduce the above situation and Improve network operation efficiency. The network must have a smarter design, and this can be accomplished through the following switch equipment and network design concepts: 1. Automation and easy network management 2. Automatic security threat isolation and recovery 3. Network supporting Internet of Things (IoT) 4. Stable, robust and easy scalability</div> </div> <a href="scheme.php?id=343" class="card-link"></a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_51_654.png" alt="FORA Autonomous Temperature Measurement Station"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_51_46.png" alt="Taidoc Technology Corp." class="img-fluid" /></div> <div class="d-table-cell">Taidoc Technology Corp.</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 240.65k   <i class="fa fa-heart"></i> 1</div> <div class="solution-type">Smart Disease Control and Prevention</div> </div> <div class="solution-name" title="FORA Autonomous Temperature Measurement Station">FORA Autonomous Temperature Measurement Station</div> <div class="text-more"> <div class="heading">FORA Automatic temperature monitoring system Visitors who step up to the screening station can self-check their temperature within 2 sec - no need to hold thermometer manually to save man power and prevent cross infection - CE FDA Medical Certificate - audio alarm for high temperature - user photo (configurable) - configurable welcome voice and readings read-out - could dashboard for remote monitor - data upload to ATMS cloud with centralized account in a facility - High temperature email alert - QR code recognition as identification</div> </div> <a href="scheme.php?id=15" class="card-link"></a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_19_311.jpg" alt="Intelligent Manufacturing"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_19_70.png" alt="Taiwan Mobile" class="img-fluid" /></div> <div class="d-table-cell">Taiwan Mobile</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 133.31k   <i class="fa fa-heart"></i> 6</div> <div class="solution-type">Smart Manufacturing</div> </div> <div class="solution-name" title="Intelligent Manufacturing">Intelligent Manufacturing</div> <div class="text-more"> <div class="heading">AI Image Recognition (Intelligent Storage): Install surveillance cameras in the warehouse campus to accelerate the identification speed of AI Intelligent Image Analysis System through 5G network, and assist the management of the enterprise campus. AR Remote Equipment Maintenance: Use a 5G network to enable field workers to communicate with remote experts through AR smart glasses and simultaneously initiate multi-party video collaboration. Light A.I. Virtual Guard: Replace traditional human monitoring with AI cameras, connect to the cloud in 5G for real-time image recognition, and achieve real-time alerts via monitoring platforms and mobile app. AGV/AMR applications: Use 5G wireless connectivity technology to move cargo to designated picking stations and communicate with other equipment in the field to improve efficiency and reduce labor costs.</div> </div> <a href="scheme.php?id=195" class="card-link"></a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_1_79.jpg" alt="AIoT universal front-end development platform"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_1_45(3).png" alt="JOSN Electronic Co., Ltd." class="img-fluid" /></div> <div class="d-table-cell">JOSN Electronic Co., Ltd.</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 122.99k   <i class="fa fa-heart"></i> 2</div> <div class="solution-type">AI / AIoT</div> </div> <div class="solution-name" title="AIoT universal front-end development platform">AIoT universal front-end development platform</div> <div class="text-more"> <div class="heading">AIoT is the industry development trend these days, many industries are facing transformation or forced to transform. Many products need to be integrate with AIoT in order to create more new products. These new products often require new technical entry barrier during the development stage. In addition to hardware development(sensors, gateways, and servers), we have developed a AIoT monitoring platform that can be quickly matched with new products, shortening the development time for customer, also lower the requirements and quicker time frame to launch new product in public.</div> </div> <a href="scheme.php?id=32" class="card-link"></a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_272_62.jpg" alt="AptBee Cold Chain Monitoring and Tracking"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_272_92.jpg" alt="AptObject Corporation" class="img-fluid" /></div> <div class="d-table-cell">AptObject Corporation</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 95.11k   <i class="fa fa-heart"></i> 4</div> <div class="solution-type">Smart Energy Saving</div> </div> <div class="solution-name" title="AptBee Cold Chain Monitoring and Tracking">AptBee Cold Chain Monitoring and Tracking</div> <div class="text-more"> <div class="heading">from cold storage warehouse, transportation to customer, monitoring products temperature and alert if abnormal happens.</div> </div> <a href="scheme.php?id=72" class="card-link"></a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_271_88.jpeg" alt="OWLNEST"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_271_11.jpg" alt="OwlTing Group" class="img-fluid" /></div> <div class="d-table-cell">OwlTing Group</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 77.09k   <i class="fa fa-heart"></i> 4</div> <div class="solution-type">Other</div> </div> <div class="solution-name" title="OWLNEST">OWLNEST</div> <div class="text-more"> <div class="heading">Owlnest - launched in 2017, the world's first blockchain hotel management system using ethereum smart contract to reshape the original systems. OwlNest parters with global leading online travel agencies such as Agoda, Expedia, Booking.com, Ctrip, AsiaYo, Hotels.com, etc. we have been serving hotels businesses acrossTaiwan, USA, Japan, Malaysia, Thailand, Philippines, Cambodia, etc. OwlNest has been expanding with astonishing speed in recent years, drawing much attention in the hospitality industry.</div> </div> <a href="scheme.php?id=57" class="card-link"></a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_291_20.jpg" alt="BayPay"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_291_40.jpg" alt="BayPay" class="img-fluid" /></div> <div class="d-table-cell">BayPay</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 55.82k   <i class="fa fa-heart"></i> 0</div> <div class="solution-type">Other</div> </div> <div class="solution-name" title="BayPay">BayPay</div> <div class="text-more"> <div class="heading">BayPay poses as provider of payment gateway and SAAS (Software as a Service.) To combine company coins with cashier though WAAS (Wallet as a Service.) Thus, two groups of people could be target clients: people who want to digitize properties and people who accept digital properties. Three purposes of BayPay: first one is to reach maximum productivity with digitalization. Simplify paying process and create more value. Also, it is helpful for business to increase the loyalty of membership and the fluidity of coins, points or token. Second, enable to accept different type of currency without extra device, contract and spending. Bring complete authority of the assets to the merchant because BayPay is able to provide cash out service anytime and anywhere. Last, customer end could get benefits in daily life. At the same time, customers will be more willing for buying. To sum up, BayPay’s solutions are better than any impracticable discount promotions or coupons. BayPay believes to build a better consumer chain will create a win-win situation for both customer end and business end.</div> </div> <a href="scheme.php?id=53" class="card-link"></a> </div> </div> </div> <div class="col-6 col-md-3 col-lg-3 mb-5 px-3"> <div class="card solution text-center"> <img class="card-img-top" src="https://smartcity.org.tw/b2b/upload/ecatalog/supplier_p1_280_85.jpg" alt="Smart Agriculture Service"> <div class="card-body"> <div class="d-table border"> <div class="d-table-row border"> <div class="d-table-cell"><img src="https://smartcity.org.tw/b2b/upload/logo/supplier_280_78.jpg" alt="Foxconn Global Network Corporation" class="img-fluid" /></div> <div class="d-table-cell">Foxconn Global Network Corporation</div> </div> </div> <div class="clearfix"> <div class="solution-count"><i class="fa fa-eye font-15"></i> 52.88k   <i class="fa fa-heart"></i> 2</div> <div class="solution-type">Smart Agriculture</div> </div> <div class="solution-name" title="Smart Agriculture Service">Smart Agriculture Service</div> <div class="text-more"> <div class="heading">"Agri. Autom. control technology & cloud service Blockchain & prod traceable Field prod mgmt. service"</div> </div> <a href="scheme.php?id=58" class="card-link"></a> </div> </div> </div> <div class="w-100 text-right"> <h2 class="section-title"><a href="solution.php" style="text-transform:capitalize;">more...</a></h2> </div> </div>  </div>  </section> <section id="index-smart" class="section container position-relative"> <h2 class="big-title">SMART CITY<br />online</h2> <ul class="smart-list"> <li class="smart-item smart-item1"> <a href="solution.php"> <span class="icon-inner"> <img src="imgs/svg/smart-icon2.svg" alt="" class="smart-icon animate svgimg img-fluid" /> <img src="imgs/svg/icon-bottom.svg" alt="" class="icon-bottom animate img-fluid" /> </span> SCOPE </a> </li> <li class="smart-item smart-item2"> <a href="./?p=pavilion"> <span class="icon-inner"> <img src="imgs/svg/smart-icon4.svg" alt="" class="smart-icon animate svgimg img-fluid" /> <img src="imgs/svg/icon-bottom.svg" alt="" class="icon-bottom animate img-fluid" /> </span> Pavilion </a> </li> <li class="smart-item smart-item3"> <a href="./?p=about"> <span class="icon-inner"> <img src="imgs/svg/smart-icon1.svg" alt="" class="smart-icon animate svgimg img-fluid" /> <img src="imgs/svg/icon-bottom.svg" alt="" class="icon-bottom animate img-fluid" /> </span> About </a> </li> <li class="smart-item smart-item4"> <a href="./?p=forum"> <span class="icon-inner"> <img src="imgs/svg/smart-icon3.svg" alt="" class="smart-icon animate svgimg img-fluid" /> <img src="imgs/svg/icon-bottom.svg" alt="" class="icon-bottom animate img-fluid" /> </span> Smart Live </a> </li> <li class="smart-item smart-item5"> <a href="https://mayor.smartcityonline.org.tw/" target="_blank"> <span class="icon-inner"> <img src="imgs/svg/smart-icon5.svg" alt="" class="smart-icon animate svgimg img-fluid" /> <img src="imgs/svg/icon-bottom.svg" alt="" class="icon-bottom animate img-fluid" /> </span> City Page </a> </li> </ul> <hr class="clear" /> <div class="ad-list"> <div class="row"> <a href="https://www.startupterrace.tw/" target="_blank" class="col-6 col-md-3"> <div class="vmid"><img src="images/AD/startupterrace.jpg" alt="" class="img-fluid" style="height:160px" /></div> </a> <a href="pavilion.php?vip=taipei" target="_blank" class="col-6 col-md-3"> <div class="vmid"><img src="images/AD/taipei.jpg" alt="" class="img-fluid" style="height:160px" /></div> </a> <a href="#" target="_blank" class="col-6 col-md-3"> <div class="vmid"><img src="images/banner/promotion-banner-1.jpg" alt="" class="img-fluid" style="height:160px" /></div> </a> </div> </div> </section> <section id="index-news" class="section bg-text" data-title="smart live"> <div class="level2 container"> <h2 class="section-title">Smart Live</h2> <div id="newsCarousel" class="carousel news-carousel slide" data-ride="carousel" data-interval="5000"> <div class="carousel-inner"> <div class="carousel-item active"> <div class="news-board d-flex bg-shadow"> <div class="board-info position-relative"> <strong class="date"><span class="number">27</span>Nov</strong> <div class="bottom"> <h3 class="h3 text-primary">淨零城市系列論壇V-地方淨零自治條例加快城市能源轉型</h3> <p>依據臺北市淨零排放管理自治條例第10條之規定：「本市電力用戶與公用售電業所簽訂之用電契約，其契約容量在八百瓩以上者，應於用電場所或優先於本市適當場所，依市政府規定期程自行或提供場所設置一定裝置容量以上之再生能源發電設備、儲能設備或購買一定額度之再生能源電力及憑證。」，該自治條例將於2025年1月起開始執行，大型工業及服務業或商業用電都將面臨規範，目前除了臺北市之外，還有新北市、桃園市、臺中市、臺南市、高雄市皆有相關規定。<br /> 基於上述法令推動時程已迫在眉睫，為讓各界知悉縣市法令執行細則，並讓工業、商業、服務業等用電大戶了解如何因應法令規範，台灣智慧城市產業聯盟特別規劃本次座談會，誠摯邀請您報名參加!</p> </div> </div>  <div class="cover contain" style="background-image: url('images/no_thumb_post.png')"></div> </div> <a href="forum_detail.php?id=7884a9652e94555c70f96b6be63be216" target="_blank" class="play-btn btn btn-primary"><span class="triangle"></span></a> </div>  <ol class="carousel-indicators font0"> <li data-target="#newsCarousel" data-slide-to="0" class="active" ></li> </ol> </div>  </div>  <div class="feature-list"> <div class="row justify-content-center"> </div>  <a href="./?p=forum" class="more-link btn btn-primary d-block">More</a> </div>  </div>  </section> </div>  <script type="text/javascript"> </script> </main> <a href="#top" id="gotop">TOP</a> <footer id="footer"> <div class="container"> <div class="row"> <div class="footer-logo d-none d-md-block col-md-3"> <a href="https://en.smartcity.org.tw" target="_blank" class="d-block"><img src="imgs/svg/footer-scse-logo.svg" class="img-fluid" alt="Footer scse logo" /> <p>AIoT Invigorates Smart City</p> </a> </div> <div class="footer-smart-logo d-none d-md-block col-md-5 col-lg-5"> <div class="inner"> <div class="smart-city-logo"> <img src="images/logo/scse-logo.png" alt="Smart city logo" />  </div> <p>SCSE+ combines <br />online and offline event</p> </div> </div> <div class="footer-contact-info col-md-4 col-lg-4"> <h5>Contact</h5> <dl class="contact-info font0"> <dt><img src="imgs/svg/phone.svg" class="img-fluid contact-icon" alt="Phone" /></dt> <dd>(+886) 2-2577-4249 ext.255</dd> <dt><img src="imgs/svg/mail.svg" class="img-fluid contact-icon" alt="Mail" /></dt> <dd><a href="mailto:sam_shen@mail.tca.org.tw">sam_shen@mail.tca.org.tw</a></dd> <dt><img src="imgs/svg/ping.svg" class="img-fluid contact-icon" alt="Ping" /></dt> <dd>3F., No.2, Sec. 3, Bade Rd., Songshan Dist., Taipei, Taiwan, 10558</dd> </dl> </div>  </div>  </div>  <p class="copyright text-center">Copyright © 2024 - by Taipei Computer Association</p> </footer> <div class="modal fade" tabindex="-1" role="dialog" id="notification"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">提醒訊息</h5> <button type="button" class="close" data-dismiss="modal">×</button> </div> <div class="modal-body browser"> <h2>為獲得最佳瀏覽體驗，請使用Chrome <img src="images/browser/chrome.png" alt="Chrome">、Firefox <img src="images/browser/firefox.png" alt="Firefox">、Edge <img src="images/browser/edge.png" alt="Edge">瀏覽器！</h2> </div> </div> </div> </div> <script src="javascripts/jquery.scrollUp.min.js"></script> <script> $(function() { $.scrollUp({ scrollName: 'scrollUp', // Element ID topDistance: '300', // Distance from top before showing element (px) topSpeed: 300, // Speed back to top (ms) animation: 'fade', // Fade, slide, none animationInSpeed: 200, // Animation in speed (ms) animationOutSpeed: 200, // Animation out speed (ms) scrollText: '<i class="fas my-angle-up"></i>', // Text for element activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF' }); $('#notification').modal('show'); }); </script>   </body> </html>

CINXE.COM

Smart City Online 智慧城市線上展