form.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!doctype html>
  2. <html ⚡ lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width">
  6. <link rel="canonical" href="/article.html">
  7. <link rel="shortcut icon" href="amp_favicon.png">
  8. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
  9. integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  10. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
  11. rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
  12. crossorigin="anonymous">
  13. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
  14. <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
  15. <link rel="stylesheet" href="css/style.css">
  16. <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
  17. <title>Choozmo AI無人電視台-公益頻道</title>
  18. <style amp-custom>
  19. body {
  20. width: auto;
  21. margin: 0;
  22. padding: 0;
  23. }
  24. .container.loaded {
  25. max-width: 800px;
  26. background: #fff;
  27. box-shadow: 0 4px 8px 0 rgb(53, 105, 128, .3), 0 6px 20px 0 rgb(165, 200, 213, .41);
  28. margin-bottom: 6rem;
  29. transform: translateY(6rem);
  30. }
  31. .hero {
  32. height: 120vh;
  33. }
  34. @media (max-width: 576px) {
  35. .hero {
  36. height: 140vh;
  37. }
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <!-- <amp-mega-menu height="65" layout="fixed-height">
  43. <nav class="d-flex align-items-center">
  44. <span>
  45. <a href="/" >
  46. <img src="./imgs/Choozmo cloud logo.png" alt="" width="160">
  47. </a>
  48. </span>
  49. <ul class="ms-auto">
  50. <li>
  51. <a href="https://amp.dev/">Link</a>
  52. </li>
  53. <li>
  54. <a href="https://amp.dev/">Link</a>
  55. </li>
  56. </ul>
  57. </nav>
  58. </amp-mega-menu> -->
  59. <main>
  60. <section class="hero container-fluid">
  61. <h1 class="text-center text-light d-block mx-auto mb-0" style="transform: translateY(3rem);">加入夥伴</h1>
  62. <div class="container loaded" style="padding: 4rem auto;">
  63. <div style="padding: 40px;">
  64. <script>
  65. hbspt.forms.create({
  66. region: "na1",
  67. portalId: "20485755",
  68. formId: "081f46da-1ce0-4e53-b8e6-d1e718b142aa"
  69. });
  70. </script>
  71. </div>
  72. </div>
  73. </section>
  74. <footer class="footer">
  75. <div class="container">
  76. <div class="row">
  77. <div class="col-xs-12 col-sm-6">
  78. <div class="mx-auto">
  79. <img src="./imgs/choo(colored).png" alt="" width="200" class="mx-auto">
  80. <div class="footer-follow">關注我們</div>
  81. <div class="footer-socials">
  82. <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
  83. <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
  84. <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
  85. <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
  86. <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
  87. <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
  88. </div>
  89. </div>
  90. </div>
  91. <div class="col-xs-12 col-sm-6 right-column">
  92. <div class="footer-contacts mx-auto">
  93. <h5>CONTACT</h5>
  94. <div>
  95. 集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
  96. </div>
  97. </div>
  98. </div>
  99. </div>
  100. </div>
  101. </footer>
  102. </main>
  103. <script type="application/javascript">
  104. var doNotTrack = false;
  105. if (!doNotTrack) {
  106. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  107. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  108. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  109. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  110. ga('create', 'UA-153100602-5', 'auto');
  111. ga('send', 'pageview');
  112. }
  113. </script>
  114. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  115. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  116. crossorigin="anonymous"></script>
  117. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  118. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  119. crossorigin="anonymous"></script>
  120. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  121. <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  122. </body>
  123. </html>