video.html 3.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Ai_Anchor_Video</title>
  8. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
  9. integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
  10. <link rel="stylesheet" href="./style.css">
  11. </head>
  12. <body>
  13. <section class="sec01">
  14. <div class="card border-0">
  15. <!-- <img src="./img/T1.png" class="card-img img-fluid" alt="..."> -->
  16. <div class="card-img-overlay pb-0">
  17. <div class="ai-spokesgril">
  18. <a style="text-decoration: none;color:#000; font-size: 32px;font-weight: 900;"
  19. href="./index.html"><img class="me-3" style="width: 50px;" src="./img/圖片1.png" alt="">AI
  20. Spokesgirl</a>
  21. <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
  22. <li class="nav-item dropdown">
  23. <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  24. 中/En
  25. </a>
  26. <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  27. <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:en" onclick="changeLan(this)" value="en">English</button></li>
  28. <li><button class="nav-link lan-switch" aria-current="page" set-lan="html:zh" onclick="changeLan(this)" value="zh">中文</button></li>
  29. </ul>
  30. </li>
  31. </ul>
  32. </div>
  33. <section class="video-int text-center" style="margin-top:100px;">
  34. <div class="video-box">
  35. <button type="button" class="video-btn" set-lan="html:5G_network">5G網路</button>
  36. </div>
  37. <div class="video-box">
  38. <button type="button" class="video-btn">NFT</button>
  39. </div>
  40. <div class="video-box">
  41. <button type="button" class="video-btn" set-lan="html:metaverse">元宇宙</button>
  42. </div>
  43. <div class="video-box">
  44. <button type="button" class="video-btn" set-lan="html:local_news">地方日報</button>
  45. </div>
  46. <div class="video-box">
  47. <button type="button" class="video-btn">VTuber</button>
  48. </div>
  49. </section>
  50. </div>
  51. </div>
  52. </section>
  53. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  54. integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
  55. crossorigin="anonymous"></script>
  56. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
  57. integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
  58. crossorigin="anonymous"></script>
  59. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  60. <script src="js/lan.js"></script>
  61. </body>
  62. </html>