gaima/themes/hugo-universal-theme/layouts/partials/main.html

<div class="banner-text">
  <img src="./img/banner.jpg" alt="Global AI Media Allianc" class="d-none d-md-block">
  <img src="./img/banner-mb.jpg" alt="Global AI Media Allianc" class="d-block d-md-none">
  <section>
    <h2>
      Global AI Media Alliance <br>
      <span> Your best marketing alliance partner</span>
    </h2>
    <p class="d-none d-md-block">GAIMA is established through mutual trust among its founding members. <br>
      As a solution provider for AI media production, we aim to connect and provide a quick interaction platform
      for
      businesses and organizations worldwide that are interested in AI media.</p>
    <p class="d-block d-md-none">
      GAIMA is established through <br>
      mutual trust among its founding members. <br>
      <br>
      As a solution provider for AI media production, <br>
      we aim to connect and provide a quick <br>
      interaction platform for businesses and organizations <br>
      worldwide that are interested in AI media.
    </p>
  </section>
</div>

<div class="content">
  <img src="./img/bg-01.png" alt="Global AI Media Allianc" class="top-bg">
  <img src="./img/bg-02.png" alt="Global AI Media Allianc" class="bottom-bg">
  <div class="container">
    <video poster="./img/video-img.jpg" controls>
      <source src="./img/ai-media-英文.mp4" type="video/mp4">
    </video>

    <section class="title">
      <h2>AI Media NEWS</h2>
    </section>

    <div class="row gy-4 px-2 img-block">
      <!-- 動態載入 -->
    </div>

    <section class="d-flex justify-content-center mt-5">
      <img src="./img/icon/drop-down-list.png" alt="drop-down-icon" class="dropdown">
    </section>

    <section class="title">
      <h2>AI Media Interview</h2>
    </section>

    <div class="row gy-4 px-2 video-block">
      <div class="col-6">
        <h3>Giftpack</h3>
        <section>
          <a data-fancybox data-small-btn="true" data-caption="【GAIMA】Giftpack - Global Gifting Made Easy"
            href="https://www.youtube.com/watch?v=lFkTOq_ZM-g">
            <span>
              <img src="./img/video-cover/Giftpack.jpg" class="cover-img" />
              <img src="./img/play.png" alt="" class="play-icon">
            </span>
          </a>
        </section>
      </div>
      <div class="col-6">
        <h3>ARaizen</h3>
        <section>
          <a data-fancybox data-small-btn="true" data-caption="【GAIMA】ARaizen - Create custom filters in 10 minutes"
            href="https://www.youtube.com/watch?v=54DVL7Eiks8">
            <span>
              <img src="./img/video-cover/ARaizen.jpg" class="cover-img" />
              <img src="./img/play.png" alt="" class="play-icon">
            </span>
          </a>
        </section>
      </div>
      <div class="col-6">
        <h3>SONY</h3>
        <section>
          <a data-fancybox data-small-btn="true" data-caption="【GAIMA】SONY - Metaverse"
            href="https://www.youtube.com/watch?v=k9QR0WZsIuI">
            <span>
              <img src="./img/video-cover/SONY.jpg" class="cover-img" />
              <img src="./img/play.png" alt="" class="play-icon">
            </span>
          </a>
        </section>
      </div>
      <div class="col-6">
        <h3>SONY</h3>
        <section>
          <a data-fancybox data-small-btn="true" data-caption="【GAIMA】SONY - Manchester VR Sport"
            href="https://www.youtube.com/watch?v=4aWJdx8Ilvc">
            <span>
              <img src="./img/video-cover/SONY-VR-Sport.jpg" class="cover-img" />
              <img src="./img/play.png" alt="" class="play-icon">
            </span>
          </a>
        </section>
      </div>
    </div>

    <section class="title">
      <h2>Coming soon</h2>
    </section>

    <div>
      <div class="row gy-4 coming-block">
      </div>
    </div>
  </div>
</div>

<div class="media-btn">
  <a href="https://www.facebook.com/Global-AI-Media-Alliance-100988796231417" target="_blank">
    <img src="./img/icon/1/facebook.png" alt="ai-media-facebook">
  </a>
  <a href="https://www.linkedin.com/company/global-ai-media-alliance/" class="mt-2" target="_blank">
    <img src="./img/icon/1/linkedin.png" alt="ai-media-linkedin">
  </a>
</div>

<footer>
  <h3>Copyright © 2023 ChoozMo. All rights reserved.</h3>
</footer>