Browse Source

update, add content

huai-sian 3 years ago
parent
commit
a8035da851
4 changed files with 109 additions and 59 deletions
  1. 1 1
      .vscode/settings.json
  2. 1 1
      form.html
  3. BIN
      imgs/choo(colored).png
  4. 107 57
      index_withoutAmp.html

+ 1 - 1
.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-  "liveServer.settings.port": 5501
+  "liveServer.settings.port": 5502
 }

+ 1 - 1
form.html

@@ -79,7 +79,7 @@
             <div class="row">
                 <div class="col-xs-12 col-sm-6">
                   <div class="mx-auto">
-                    <img src="./imgs/CMM_LOGO.png" alt="" width="200" class="mx-auto">
+                    <img src="./imgs/choo(colored).png" alt="" width="200" class="mx-auto">
                     <div class="footer-follow">關注我們</div>
                     <div class="footer-socials">
                         <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>

BIN
imgs/choo(colored).png


+ 107 - 57
index_withoutAmp.html

@@ -18,6 +18,14 @@
     <script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/20485755.js"></script>
     <!-- End of HubSpot Embed Code -->
 
+    <!-- Google Tag Manager -->
+    <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-T2TPLJ6');
+    </script>
+    <!-- End Google Tag Manager -->
 
     <title>Choozmo AI無人電視台-公益頻道</title>
 
@@ -31,6 +39,10 @@
 
   </head>
   <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T2TPLJ6"
+      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <!-- <amp-mega-menu height="65" layout="fixed-height">
       <nav class="d-flex align-items-center">
         <span>
@@ -159,7 +171,6 @@
                 <p class="ps-3">各個國家弱勢族群資源補助、</p>
                 <p class="ps-5">流浪動物、導盲犬訓練....</p>
               </div>
-              
             </div>
           </div>
         </div>
@@ -170,7 +181,7 @@
           <div class="row">
             <div class="col-12 col-md-6 col-xl-4">
               <div class="card text-dark mb-4" style="border: none;">
-                <div class="card__imgfr" onclick="window.open('https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg')">
+                <div class="card__imgfr" onclick="window.open('https://youtu.be/43AwMD9tCI4')">
                   <img src="./imgs/4.png"
                     width="266"
                     layout="responsive"
@@ -207,7 +218,7 @@
             <div class="col-12 col-md-6 col-xl-4">
               <div class="card text-dark mb-4" style="border: none;">
                 <div class="card__imgfr">
-                  <img src="./imgs/01.png"
+                  <img src="./imgs/2.png"
                     width="266"
                     height="150"
                     layout="responsive"
@@ -224,21 +235,21 @@
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
                 <div class="card-body p-4">
-                  <h5 class="card-title text-start">婦女救援協會</h5>
-                  <p class="card-text text-start">婦女救援基金會基於尊重生命價值及追求社會正義,致力於關心受到性別暴力壓迫及被忽略的弱勢婦幼,
-                    以倡議推動社會改革,以服務充權弱勢婦幼,讓其得以自立及自主,提升婦幼人權。</p>
-                  <p class="card-text">
-                    <a href="https://www.twrf.org.tw" target="_blank" class="d-flex align-items-center card-learn">
-                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解婦女救援協會</small>
-                    </a>
-                  </p>
-                  <div class="d-flex justify-content-between">
-                    <div class="d-flex">
-                      <a href="https://www.youtube.com/user/helpwomen" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
-                      <a href="https://www.facebook.com/twrf.org" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
+                  <h5 class="card-title text-start mb-3">勵馨基金會</h5>
+                  <p class="card-text text-start mb-4">勵馨本著基督精神,以追求公義與愛的決心和勇氣,預防及消弭性侵害、性剥削及家庭暴力對婦女與兒少的傷害
+                    ,並致力於社會改造,創造對婦女及兒少的友善環境。</p>
+                    <p class="card-text">
+                      <a href="https://www.goh.org.tw" target="_blank" class="d-flex align-items-center card-learn">
+                        <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解勵馨基金會</small>
+                      </a>
+                    </p>
+                    <div class="d-flex justify-content-between">
+                      <div class="d-flex">
+                        <a href="https://www.youtube.com/channel/UCh5TK6vbha614CbyWijVXHg" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
+                        <a href="https://www.facebook.com/gohtaiwan" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
+                      </div>
+                      <a href="https://www.goh.org.tw/mobile/donation.asp" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
                     </div>
-                    <a href="https://www.twrf.org.tw/info/category/25" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
-                  </div>
                 </div>
               </div>
             </div>
@@ -283,7 +294,7 @@
             <div class="col-12 col-md-6 col-xl-4">
               <div class="card text-dark mb-4" style="border: none;">
                 <div class="card__imgfr">
-                  <img src="./imgs/2.png"
+                  <img src="./imgs/01.png"
                     width="266"
                     height="150"
                     layout="responsive"
@@ -300,21 +311,21 @@
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
                 <div class="card-body p-4">
-                  <h5 class="card-title text-start mb-3">勵馨基金會</h5>
-                  <p class="card-text text-start mb-4">勵馨本著基督精神,以追求公義與愛的決心和勇氣,預防及消弭性侵害、性剥削及家庭暴力對婦女與兒少的傷害
-                    ,並致力於社會改造,創造對婦女及兒少的友善環境。</p>
-                    <p class="card-text">
-                      <a href="https://www.goh.org.tw" target="_blank" class="d-flex align-items-center card-learn">
-                        <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解勵馨基金會</small>
-                      </a>
-                    </p>
-                    <div class="d-flex justify-content-between">
-                      <div class="d-flex">
-                        <a href="https://www.youtube.com/channel/UCh5TK6vbha614CbyWijVXHg" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
-                        <a href="https://www.facebook.com/gohtaiwan" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
-                      </div>
-                      <a href="https://www.goh.org.tw/mobile/donation.asp" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
+                  <h5 class="card-title text-start">婦女救援協會</h5>
+                  <p class="card-text text-start">婦女救援基金會基於尊重生命價值及追求社會正義,致力於關心受到性別暴力壓迫及被忽略的弱勢婦幼,
+                    以倡議推動社會改革,以服務充權弱勢婦幼,讓其得以自立及自主,提升婦幼人權。</p>
+                  <p class="card-text">
+                    <a href="https://www.twrf.org.tw" target="_blank" class="d-flex align-items-center card-learn">
+                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解婦女救援協會</small>
+                    </a>
+                  </p>
+                  <div class="d-flex justify-content-between">
+                    <div class="d-flex">
+                      <a href="https://www.youtube.com/user/helpwomen" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.facebook.com/twrf.org" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
                     </div>
+                    <a href="https://www.twrf.org.tw/info/category/25" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
+                  </div>
                 </div>
               </div>
             </div>
@@ -338,21 +349,21 @@
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
                 <div class="card-body p-4">
-                  <h5 class="card-title text-start">台灣導盲犬協會</h5>
-                  <p class="card-text text-start">協會主要目標是建立並推動導盲犬制度,讓台灣的視障者除了使用白手杖外,也有使用導盲犬的權利
-                    主要工作內容包括導盲犬觀念的推廣、本土導盲犬的培育繁殖、導盲犬的訓練、相關法令推動與宣導,並且將訓練成功的導盲犬,免費提供給視障者
+                  <h5 class="card-title text-start">度度客群眾募資平台</h5>
+                  <p class="card-text text-start">度度客dodoker是一個群眾募資平台,擔任陪跑教練的角色,陪伴提案人發想,並推行社會公益群募專案,提供上架諮詢、前置研究、文案撰寫、短片拍攝、行銷宣傳等服務
+                    我們希望透過網路科技及社群經營,集結眾人之力,改變或解決社會問題
                   </p>
                   <p class="card-text">
-                    <a href="http://www.guidedog.org.tw" target="_blank" class="d-flex align-items-center card-learn">
-                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解台灣導盲犬協會</small>
+                    <a href="https://www.dodoker.com/" target="_blank" class="d-flex align-items-center card-learn">
+                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解度度客群眾募資平台</small>
                     </a>
                   </p>
                   <div class="d-flex justify-content-between">
                     <div class="d-flex">
-                      <a href="https://www.youtube.com/channel/UCzsepV8mqo9vS3f4PWB0T2A" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
-                      <a href="https://www.facebook.com/TWGDA" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.youtube.com/channel/UCHvdB02DX58W2vRQPTLcAPw" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.facebook.com/dodoker/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
                     </div>
-                    <a href="http://www.guidedog.org.tw/donation/donation-1.html" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
+                    <a href="https://www.dodoker.com/index.php?r=project%2Findex" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
                   </div>
                 </div>
               </div>
@@ -377,20 +388,20 @@
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
                 <div class="card-body p-4">
-                  <h5 class="card-title text-start">台灣數位有聲書展學會</h5>
-                  <p class="card-text text-start">緣起於引進國際方便於視障者聽讀的DAISY(Digital Accessible Information System)技術,製作DAISY有聲書;其後以數位科技擴大服務範圍,關懷、輔助、教育視障者,增進他在就醫、就養、就學、就業上的福利
+                  <h5 class="card-title text-start">天下顧問</h5>
+                  <p class="card-text text-start">天下顧問是一個組織健檢平台,組織可在網上填答問卷內容,再經由具豐富經驗的顧問針對企業狀況能夠幫助企業將資源做最有效的整合,對診斷報告進行討論,進而規劃出合適的方案與策略,並確實執行與追蹤
                   </p>
                   <p class="card-text">
-                    <a href="http://www.tdtb.org/" target="_blank" class="d-flex align-items-center card-learn">
-                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解數位有聲書展學會</small>
+                    <a href="https://www.welohas.org/" target="_blank" class="d-flex align-items-center card-learn">
+                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解天下顧問</small>
                     </a>
                   </p>
                   <div class="d-flex justify-content-between">
                     <div class="d-flex">
-                      <a href="https://www.youtube.com/channel/UCBbDFO3Sjrl5YJDyg1b7o5A" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
-                      <a href="https://www.facebook.com/tdtborg/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.youtube.com/channel/UCHt-2v9UToNOB8-YDbbAGFg" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.facebook.com/%E5%A4%A9%E4%B8%8B%E9%A1%A7%E5%95%8F%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8-661010837376000/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
                     </div>
-                    <a href="http://www.tdtb.org/stand_by_me_1.aspx" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
+                    <a href="https://www.welohas.org/" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
                   </div>
                 </div>
               </div>
@@ -415,25 +426,63 @@
                   <span class="card__comingSoon">敬請期待</span>
                 </div>
                 <div class="card-body p-4">
-                  <h5 class="card-title text-start">度度客群眾募資平台</h5>
-                  <p class="card-text text-start">度度客dodoker是一個群眾募資平台,擔任陪跑教練的角色,陪伴提案人發想,並推行社會公益群募專案,提供上架諮詢、前置研究、文案撰寫、短片拍攝、行銷宣傳等服務
-                    我們希望透過網路科技及社群經營,集結眾人之力,改變或解決社會問題
+                  <h5 class="card-title text-start">台灣導盲犬協會</h5>
+                  <p class="card-text text-start">協會主要目標是建立並推動導盲犬制度,讓台灣的視障者除了使用白手杖外,也有使用導盲犬的權利
+                    主要工作內容包括導盲犬觀念的推廣、本土導盲犬的培育繁殖、導盲犬的訓練、相關法令推動與宣導,並且將訓練成功的導盲犬,免費提供給視障者
                   </p>
                   <p class="card-text">
-                    <a href="https://www.dodoker.com/" target="_blank" class="d-flex align-items-center card-learn">
-                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解度度客群眾募資平台</small>
+                    <a href="http://www.guidedog.org.tw" target="_blank" class="d-flex align-items-center card-learn">
+                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解台灣導盲犬協會</small>
                     </a>
                   </p>
                   <div class="d-flex justify-content-between">
                     <div class="d-flex">
-                      <a href="https://www.youtube.com/channel/UCHvdB02DX58W2vRQPTLcAPw" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
-                      <a href="https://www.facebook.com/dodoker/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.youtube.com/channel/UCzsepV8mqo9vS3f4PWB0T2A" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.facebook.com/TWGDA" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
                     </div>
-                    <a href="https://www.dodoker.com/index.php?r=project%2Findex" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
+                    <a href="http://www.guidedog.org.tw/donation/donation-1.html" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
                   </div>
                 </div>
               </div>
             </div>
+            <div class="col-12 col-md-6 col-xl-4">
+              <div class="card text-dark mb-4" style="border: none;">
+                <div class="card__imgfr">
+                  <img src="./imgs/hero-img.jpg"
+                    width="266"
+                    height="150"
+                    layout="responsive"
+                    alt="mountains"
+                    class="card-img-top">
+                  </img>
+                  <img src="./imgs/Icon-play.png"
+                    width="50"
+                    height="50"
+                    alt="mountains"
+                    class="card__play"
+                  >
+                  </img>
+                  <span class="card__comingSoon">敬請期待</span>
+                </div>
+                <div class="card-body p-4">
+                  <h5 class="card-title text-start">台灣數位有聲書展學會</h5>
+                  <p class="card-text text-start">緣起於引進國際方便於視障者聽讀的DAISY(Digital Accessible Information System)技術,製作DAISY有聲書;其後以數位科技擴大服務範圍,關懷、輔助、教育視障者,增進他在就醫、就養、就學、就業上的福利。
+                  </p>
+                  <p class="card-text">
+                    <a href="http://www.tdtb.org/" target="_blank" class="d-flex align-items-center card-learn">
+                      <i class="fas fa-angle-double-right"></i><small class="me-1">深入瞭解數位有聲書展學會</small>
+                    </a>
+                  </p>
+                  <div class="d-flex justify-content-between">
+                    <div class="d-flex">
+                      <a href="https://www.youtube.com/channel/UCBbDFO3Sjrl5YJDyg1b7o5A" class="me-1 card-learn"><i class="fab fa-youtube" style="font-size: 2rem;"></i></a>
+                      <a href="https://www.facebook.com/tdtborg/" class="ms-1 card-learn"><i class="fab fa-facebook-square" style="font-size: 2rem;"></i></a>
+                    </div>
+                    <a href="http://www.tdtb.org/stand_by_me_1.aspx" class="btn btn-yellow__fill"  target="_blank">愛心捐款</a>
+                  </div>
+                </div>
+              </div>
+            </div>          
             <div class="col-12 col-md-6 col-xl-4">
               <div class="card text-dark mb-4" style="border: none;">
                 <div class="card__imgfr">
@@ -536,7 +585,7 @@
             <div class="row">
                 <div class="col-xs-12 col-sm-6">
                   <div class="mx-auto">
-                    <img src="./imgs/CMM_LOGO.png" alt="" width="200" class="mx-auto">
+                    <img src="./imgs/choo(colored).png" alt="" width="200" class="mx-auto">
                     <div class="footer-follow">關注我們</div>
                     <div class="footer-socials">
                         <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
@@ -562,13 +611,14 @@
     </main>
     <!-- Global site tag (gtag.js) - Google Ads: 474336061 -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=AW-474336061"></script>
+
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());
-
       gtag('config', 'AW-474336061');
     </script>
+
     <script type="application/javascript">
       var doNotTrack = false;
       if (!doNotTrack) {