choozmo
/
AI_Video_LP


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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
  <meta http-equiv="Cache-Control" content="no-cache">
  <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>
  {{ partial "navbar.html" . }}
  <main>
    <section class="header">
      <img src="/imgs/01.webp" alt="" class="header-lefttop">
      <div class="row align-items-center g-0">
        <div class="col-12 col-md-5 text-center ">
          <h2 class="header-title">趨勢日報</h2>
          <h4 class="header__sub">熱門排行</h4>
          <form class="d-flex header__form">
            <input class="form-control header__form__input" type="search" placeholder="輸入email 掌握最新資訊"
              aria-label="Search">
            <button class="btn header__form__sub" type="submit">訂閱</button>
          </form>
        </div>
        <div class="col-12 col-md-7">
          <div class="header-right">
            <img src="/imgs/02.webp" alt="" class="header-right-cir">
            <div class="header-right-video">
              <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//IzHhpC_bD6g?autoplay=1&mute=1'
                  frameborder='0' allowfullscreen></iframe></div>
            </div>
            <img class="header-right-magnifier" src="/imgs/放大鏡.webp" alt="">
            <img class="header-right-bubble" src="/imgs/對話.webp" alt="">
            <img class="header-right-linecir" src="/imgs/裝飾圓.webp" alt="">
          </div>
        </div>
      </div>
    </section>
    <section class="category container">
      <div class="d-flex justify-content-around category__btngrp">
        <a class="category__btn active" href="#">分類</a>
        <a class="category__btn" href="https://ai.choozmo.com/tags/vtuber/">Vtuber</a>
        <a class="category__btn">分類</a>
        <a class="category__btn">分類</a>
        <a class="category__btn">分類</a>
      </div>
    </section>
    <section class="top3">
      <div class="backfill"></div>
      <div class="container">
        <div class="row">
          <div class="col-md-4">
            <div class="card card__rank">
              <span class="top3__num">1</span>
              <strong class="card__rank__word">{{ .Params.no01 }}</strong>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_01/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <span class="top3__num">2</span>
              <strong class="card__rank__word">{{ .Params.no02 }}</strong>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_02/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <span class="top3__num">3</span>
              <strong class="card__rank__word">{{ .Params.no03 }}</strong>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_03/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section class="top20">
      <div class="container">
        <div class="row">
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">4</span>
                <strong class="card__rank__word">{{ .Params.no04 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_04/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">5</span>
                <strong class="card__rank__word">{{ .Params.no05 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_05/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">6</span>
                <strong class="card__rank__word">{{ .Params.no06 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_06/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">7</span>
                <strong class="card__rank__word">{{ .Params.no07 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_07/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">8</span>
                <strong class="card__rank__word">{{ .Params.no08 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_08/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">9</span>
                <strong class="card__rank__word">{{ .Params.no09 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_09/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">10</span>
                <strong class="card__rank__word">{{ .Params.no10 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_10/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">11</span>
                <strong class="card__rank__word">{{ .Params.no11 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_11/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">12</span>
                <strong class="card__rank__word">{{ .Params.no12 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_12/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">13</span>
                <strong class="card__rank__word">{{ .Params.no13 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_13/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">14</span>
                <strong class="card__rank__word">{{ .Params.no14 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_14/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">15</span>
                <strong class="card__rank__word">{{ .Params.no15 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_15/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">16</span>
                <strong class="card__rank__word">{{ .Params.no16 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_16/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">17</span>
                <strong class="card__rank__word">{{ .Params.no17 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_17/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">18</span>
                <strong class="card__rank__word">{{ .Params.no18 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_18/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">19</span>
                <strong class="card__rank__word">{{ .Params.no19 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_19/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card card__rank">
              <div class="d-flex align-items-center">
                <span class="top20__num">20</span>
                <strong class="card__rank__word">{{ .Params.no20 }}</strong>
              </div>
              <hr>
              <div class="card__rank__goto">
                <a href="/trenddetail/{{ .Params.date.Format " 20060102" }}_20/" class="card__rank__link">看新聞 ></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </main>

  {{ partial "footer.html" . }}

  <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>