choozmo
/
AI_Video_LP


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Choozmo Marketing Cloud</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
  <link rel="stylesheet" href="/css/style.css">
</head>

<body>
  <div style="overflow: hidden;">
    {{ partial "navbar.html" . }}
    <main>
      <section class="cntheader">
        <img src="/imgs/01.png" alt="" class="header-lefttop">
        <div class="container">
          <div class="row align-items-center g-0">
            <div class="col-12 col-md-3 text-center ">
              <h2 class="header-title ">趨勢日報</h2>
              <h4 class="cntheader__sub">熱門排行</h4>
            </div>
            <div class="col-12 col-md-9 align-self-end">
              <div class="d-flex justify-content-around category__btngrp flex-wrap">
                <button class="category__btn active ctncategory__btn">分類</button>
                <button class="category__btn ctncategory__btn">分類</button>
                <button class="category__btn ctncategory__btn">分類</button>
                <button class="category__btn ctncategory__btn">分類</button>
                <button class="category__btn ctncategory__btn">分類</button>
              </div>
            </div>
          </div>
        </div>
      </section>
      <section class="top3">
        <div class="container">
          <div class="row">
            <div class="col-12 col-md-8 col-xl-9">
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title1 }}</h4>
                <p class="card__text"><a href="{{ .Params.link1 }}" class="card__link">東森新聞</a>{{
                  .Params.desc1 }}</p>
                <div class="card__rank__goto">
                  <a href="https://{{ .Params.link1 }}" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title2 }}</h4>
                <p class="card__text"><a href="{{ .Params.link2 }}" class="card__link">東森新聞</a>{{
                  .Params.desc2 }}</p>
                <div class="card__rank__goto">
                  <a href="https://{{ .Params.link2 }}" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title3 }}</h4>
                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc3 }}</p>
                <div class="card__rank__goto">
                  <a href="https://{{ .Params.link3 }}" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title4 }}</h4>
                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc4 }}</p>
                <div class="card__rank__goto">
                  <a href="https://{{ .Params.link4 }}" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title5 }}</h4>
                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc5 }}</p>
                <div class="card__rank__goto">
                  <a href="https://{{ .Params.link5 }}" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title6 }}</h4>
                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc6 }}</p>
                <div class="card__rank__goto">
                  <a href="https://{{ .Params.link6 }}" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title7 }}</h4>
                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc7 }}</p>
                <div class="card__rank__goto">
                  <a href="https://{{ .Params.link7 }}" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
              <div class="card card__art">
                <h4 class="card__title">{{ .Params.title8 }}</h4>
                <p class="card__text"><a href="" class="card__link">東森新聞</a>{{ .Params.desc8 }}</p>
                <div class="card__rank__goto">
                  <a href="" class="card__rank__link">查看完整新聞 ></a>
                </div>
              </div>
            </div>
            <div class="col-12 col-md-4 col-xl-3 row-right">
              <div class="toparticle mb-3">
                <div class="toparticle__title">熱門排行文章<img src="/imgs/放大鏡.webp" alt=""></div>
                <ul class="toparticle__list">
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num toparticle__top">1</strong>台灣民意基金會<small>></small></a>
                  </li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num toparticle__top">2</strong>台灣民意基金會<small>></small></a>
                  </li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num toparticle__top">3</strong>台灣民意基金會<small>></small></a>
                  </li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num">4</strong>台灣民意基金會<small>></small></a></li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num">5</strong>台灣民意基金會<small>></small></a></li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num">6</strong>台灣民意基金會<small>></small></a></li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num">7</strong>台灣民意基金會<small>></small></a></li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num">8</strong>台灣民意基金會<small>></small></a></li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num">9</strong>台灣民意基金會<small>></small></a></li>
                  <li class="toparticle__list-item"><a href=""><strong
                        class="toparticle__num">10</strong>台灣民意基金會<small>></small></a></li>
                </ul>
              </div>
              <div style="width:100%;">
                <iframe
                  src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fchoozmo&tabs=timeline&width=270&
                                height=900&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=831591714123614"
                  class="fb__fr" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0"
                  allowfullscreen="true"
                  allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
              </div>
              <div class="cntsubscribe mt-3">
                <h3>掌握最新資訊</h3>
                <form class="d-flex header__form cntsubscribe__form">
                  <input class="form-control cntsubscribe__input" type="search" placeholder="輸入email"
                    aria-label="Search">
                  <button class="btn cntsubscribe__sub" type="submit">訂閱</button>
                </form>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>

    {{ partial "footer.html" . }}

  </div>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
    integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
    crossorigin="anonymous"></script>
</body>

</html>