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="25"></span> 了解受眾</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 確認目的</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 表達清楚</li>
                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></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>影片行銷：SEO</h2>
                    <p>首先的必備條件是撰寫精彩的影片簡介，接下來則是建立反向連結，在社群媒體進行宣傳，讓網友可從不同管道得知訊息。最後則是做好關鍵字研究，
                      關鍵字不但要出現在影片標題中，最好也能反覆出現在影片簡介之中。
                     </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//smM29tzJY2I?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//rKtI_ipLqok?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
              </div>
              <div class="col-md-6">
                  <div class="txt-block">
                      <h2>3款免費/付費 影片剪輯軟體！</h2>
                      <ul class="item rankblock advantages-list" style="text-align: left; padding-left: 3rem;">
                        <li style="font-size: 1.8rem;"><span>1.</span> 威力導演</li>
                        <li style="font-size: 1.8rem;"><span>2.</span> iMovie</li>
                        <li style="font-size: 1.8rem;"><span>3.</span> Adobe Premiere Elements</li>
                      </ul>
                  </div>
              </div>
          </div>
      </div>
    </section>
    <section class="row sec sec05">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="txt-block">
                    <h2>影片行銷：你最該避免的錯誤</h2>
                    <ul class="item rankblock advantages-list" style="text-align: left; padding-left: 3rem;">
                      <li style="font-size: 1.8rem;"><span>1.</span> 缺少SEO</li>
                      <li style="font-size: 1.8rem;"><span>2.</span> 缺少CTA</li>
                      <li style="font-size: 1.8rem;"><span>3.</span> 訊息不夠清楚</li>
                    </ul>
                </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//4QmdXiUp9xw?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
          </div>
        </div>
    </div>
  </section>
</div>