123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>ChoozMo AI-PR Service</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>
|