about.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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>glass-property</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.webp" class="card-img img-fluid" alt="...">
  16. <div class="card-img-overlay pb-0">
  17. <a style="text-decoration: none; position: absolute; top:15px;" href="./index.html">
  18. <img style="width: 80px;" src="./img/Button_Home.png" alt="">
  19. </a>
  20. <div class="text-center">
  21. <p style="font-size: 48px" class="propertytitle text-dark fw-bold">關於春池玻璃</p>
  22. </div>
  23. <div style="margin-top: -20px;" class="pb-5">
  24. <img style="position: relative; z-index: 2; top:15px;" class="img-fluid px-0 w-100"
  25. src="./img/line.png" alt="">
  26. <div style="background: #FFFFFF;" class="py-3 border">
  27. <div style="margin:0 auto; width: 95%;">
  28. <p style="font-size: 22px;" class="text-dark px-0 mb-5">
  29. 春池玻璃實業有限公司,目前跨足於工業原料、科技建材、文化藝術與觀光工廠。本業為專業回收玻璃與再處理之企業,總公司在台灣新竹,並擁有三家相關企業。目前每年回收並處理超過10萬噸的春池玻璃,目前為全台最具規模之廢棄玻璃回收業者。其企業理念為永續經營,綠色創新。在2015更獲得根留台灣,展望全球之「金根獎」之殊榮。蔡總統英文更在2016年九月親自參訪春池玻璃觀光工廠,並給予極高評價,稱春池玻璃為台灣「循環經濟」之典範。
  30. </p>
  31. <p style="font-size: 22px;" class="text-dark px-0">
  32. 春池玻璃創辦人吳春池,自1961年起,投入玻璃產業至今已超過50載。目前春池玻璃在新竹與苗栗有五座廢玻璃處理、再加工廠,回收的廢玻璃約占台灣的七成。其目標致力於把有限的資源,不停的循環使用,使其變成永續的材料,走出台灣循環經濟的下一條路。
  33. </p>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. <!-- <div style="margin-top: 100px;">
  39. <video style="width: 100%;" autoplay muted loop playsinline>
  40. <source src="./img/春池動畫.mp4" type="video/mp4">
  41. </video>
  42. </div> -->
  43. </div>
  44. </section>
  45. <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"
  46. integrity="sha384-W8fXfP3gkOKtndU4JGtKDvXbO53Wy8SZCQHczT5FMiiqmQfUpWbYdTil/SxwZgAN"
  47. crossorigin="anonymous"></script>
  48. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.min.js"
  49. integrity="sha384-skAcpIdS7UcVUC05LJ9Dxay8AXcDYfBJqt1CJ85S/CFujBsIzCIv+l9liuYLaMQ/"
  50. crossorigin="anonymous"></script>
  51. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  52. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  53. </body>
  54. </html>