AI_Video_LP/layouts/shortcodes/video-marketing.html

<div id="block-carbon">
  <section class="row sec sec01 sec-5g">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <div class="txt-block">
                    <h2>影片行銷四大技巧</h2>
                    <ul class="item rankblock advantages-list">
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="30"></span> 了解受眾</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="30"></span> 確認目的</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="30"></span> 表達清楚</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="30"></span> 抓緊時間</li>
                    </ul>
                  </div>
              </div>
              <div class="col-md-6" style="position: relative;">
                  <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//PCJK4wGvea8?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec02 sec-5g">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//uQg029Luj0Y?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
              <div class="col-md-6">
                  <div class="txt-block">
                    <h2>行銷冷知識</h2>
                    <ul class="item rankblock advantages-list">
                      <li style="font-size: 1.8rem;"><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="20"></span> 消費者平均的注意力只有8秒</li>
                      <li style="font-size: 1.8rem;"><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="20"></span> 網頁中放上影片，平均提升86%的轉換率</li>
                      <li style="font-size: 1.8rem;"><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="20"></span> 針對相同的行銷內容，80%會選擇觀看影片</li>
                    </ul>
                  </div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec03">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <div class="txt-block">
                      <h2>5G應用-- 智慧商店</h2>
                      <p class="text-left">全家便利商店在智慧零售上持續發展，第二家科技概念店（簡稱二號店）
                        亮相，結合自助結帳、5G、自助咖啡機、IoT、智慧販賣機等科技，試圖帶來新的超商消費體驗。</p>
                  </div>
              </div>
              <div class="col-md-6">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//C0EHKQX-B4M?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec04">
      <div class="container">
          <div class="row">
              <div class="col-md-6">
                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//iZxOOUPWL-Q?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
              <div class="col-md-6">
                  <div class="txt-block">
                      <h2>5G應用-- 影音娛樂</h2>
                      <p>5G伴隨著新型表演型態產生，經由技術人員展示，可以看到VR裝置在手中的搖桿，變成了魔幻畫筆創造出各種視覺效果，透過5G技術就能夠同步結合舞台。
                        透過各種科技技術的整合，包括AI、Bigdata、Cloud，打造出各種不同場域的需求。 
                       </p>
                  </div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec05">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//iZxOOUPWL-Q?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
            </div>
            <div class="col-md-6">
                <div class="txt-block">
                    <h2>5G應用-- 影音娛樂</h2>
                    <p>5G伴隨著新型表演型態產生，經由技術人員展示，可以看到VR裝置在手中的搖桿，變成了魔幻畫筆創造出各種視覺效果，透過5G技術就能夠同步結合舞台。
                      透過各種科技技術的整合，包括AI、Bigdata、Cloud，打造出各種不同場域的需求。 
                     </p>
                </div>
            </div>
        </div>
    </div>
  </section>
</div>