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"> <style> .side .field{ text-align:center; font-size:2.2rem; color:#FFF; border-radius:8px; margin-bottom:20px; padding:6px 5px 9px 5px; background-color:#8080C0; border:#6060C0 solid 2px; text-shadow:2px 2px 2px #4040A0; } .slide-item { position: relative; width: 24%; vertical-align: top; padding: 15px 0; display: inline-block; } @media screen and (max-width: 991px){ .slide-item { width: 32%; } } @media screen and (max-width: 767px){ .slide-item { width: 48%; padding: 0 10px 16px 10px; } } .modal-content .close span{ position: absolute; top:-4px; right:-2px; } </style> <article class="article container-975"> <div class="banner">  </div>  <div class="article-header d-flex justify-content-between"> <h2 class="article-title">【Invite-only】Matchmaking: UK</h2> <div class="btn-group top"> <div style="display:none;">2024-03-20 10:00 2024-03-20 12:00</div> <a href="https://www.google.com/calendar/render?action=TEMPLATE&trp=true&sf=true&output=xml&dates=20240320T020000Z/20240320T040000Z&text=【Invite-only】Matchmaking: UK&location=TaiNEX 2, Matchmaking Area" target="_blank" class="btn btn-primary">+ Google Calendar</a> </div> </div>  <div class="article-content-wrap"> <div class="side"> <div class="field"> Taipei </div> <div class="event-item"> <h4><img src="imgs/svg/calendar.svg" alt="" class="event-icon" /> Time</h4> <p>2024/03/20 10:00-12:00</p> </div> <div class="event-item"> <h4><img src="imgs/svg/map.svg" alt="" class="event-icon" /> Venue</h4> <p>TaiNEX 2, Matchmaking Area</p> </div> <div class="event-item"> <h4><img src="imgs/svg/mode.svg" alt="" class="event-icon" /> Mode</h4> <p>English</p> </div> </div> <div class="article-content ck-content"> <p></p> </div>  <hr class="clear" /> </div>  <div class="btn-group bot"> <a href="https://www.google.com/calendar/render?action=TEMPLATE&trp=true&sf=true&output=xml&dates=20240320T020000Z/20240320T040000Z&text=【Invite-only】Matchmaking: UK&location=TaiNEX 2, Matchmaking Area" target="_blank" class="btn btn-primary">+ Google Calendar</a> </div> </article> <div class="lecturer-wrap article-feature"> <h2 class="article-title container-975 mx-auto bg-text unset" data-title="Speakers">Speakers</h2> <div class="inner level2"> <div class="container-975"> <div class="slide-list xxxfont0"> </div>  </div>  </div>  </div>  <div class="schedule-wrap article-feature bg-text right container-975" data-title="agenda"> <h2 class="article-title">Agenda</h2> <div class="schedule-table"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> </tbody> </table> </div>  <script> function tableResize() { var screenW = $(window).width(); $(".schedule-table").find("tr").each(function(key, item) { var $tr = $(item); $tr.find("td:eq(0)").height('auto'); if (screenW <= 767) { var $tdH = $tr.innerHeight() - parseInt($tr.find("td:eq(0)").css("paddingTop")) - parseInt($tr.css("paddingBottom")); $tr.find("td:eq(0)").height($tdH); } else { } }) } $(function() { tableResize(); }); $(window).resize(function() { tableResize(); }) </script>  </div>  <script> $(function() { $("div[id^='p-modalbox-']").each(function() { var currentModal = $(this); //click next currentModal.find('.slider-next').click(function() { currentModal.modal('hide'); currentModal.closest("div[id^='p-modalbox-']").nextAll("div[id^='p-modalbox-']").first().modal('show'); }); //click prev currentModal.find('.slider-prev').click(function() { currentModal.modal('hide'); currentModal.closest("div[id^='p-modalbox-']").prevAll("div[id^='p-modalbox-']").first().modal('show'); }); }); }) // end function </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' }); }); </script>   </body> </html>

CINXE.COM

Smart City Online 智慧城市線上展