footer.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <style>
  7. .footer-box {
  8. background-color: var(--bs-black);
  9. color: #fff;
  10. }
  11. .footer-p {
  12. font-size: small;
  13. margin: 10px 0;
  14. }
  15. @media (max-width: 768px) {
  16. .sm-none {
  17. display: none;
  18. }
  19. }
  20. @media (min-width: 768px) {
  21. .sm-none {
  22. display: initial;
  23. }
  24. }
  25. .footer-link {
  26. color: inherit;
  27. text-decoration: none;
  28. }
  29. .footer-code {
  30. margin-bottom: 10px;
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <footer>
  36. <div class="footer-box py-4 mt-2">
  37. <div class="container px-5 px-sm-0 px-md-0 py-4 py-md-5">
  38. <div class="row row-cols-1 row-cols-md-4 row-cols-lg-4 row-cols-xl-4 row-cols-xxl-4">
  39. <div class="col">
  40. <div><svg class="bi bi-geo-alt-fill fs-4" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16">
  41. <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"></path>
  42. </svg></div>
  43. <div>
  44. <p class="footer-p">地址:{dreamer-cms:variable name='lg_global_location'/}</p>
  45. </div>
  46. </div>
  47. <div class="col">
  48. <div><svg class="bi bi-person-fill fs-4" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16">
  49. <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"></path>
  50. </svg></div>
  51. <div>
  52. <p class="footer-p">电话:{dreamer-cms:variable name='lg_global_phone'/} {dreamer-cms:variable name='lg_global_person_name'/}</p>
  53. </div>
  54. </div>
  55. <div class="col">
  56. <div><svg class="bi bi-envelope-fill fs-4" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16">
  57. <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
  58. </svg></div>
  59. <div>
  60. <p class="footer-p">邮箱:{dreamer-cms:variable name='lg_global_email'/}</p>
  61. </div>
  62. </div>
  63. <div class="col sm-none">
  64. <div></div>
  65. <div>
  66. {dreamer-cms:sql sql="select image_path as litpic from system_archives where id = [cc3c8a326842433292ad1bf7cae7e1c1]"}
  67. <img class="footer-code" width="100px" height="100px"
  68. alt="111" loading="lazy" data-src="/resources/uploads/[field:litpic /]"
  69. src="{dreamer-cms:template /}assets/img/none.png"/>
  70. {/dreamer-cms:sql}
  71. </div>
  72. </div>
  73. </div>
  74. <div class="row row-cols-1 row-cols-md-2 row-cols-lg-2 row-cols-xl-2 row-cols-xxl-2 pb-3">
  75. <div class="col">
  76. <div>
  77. <p class="footer-p">{dreamer-cms:global name="copyright" /} {dreamer-cms:global name="icp" /}</p>
  78. </div>
  79. </div>
  80. <div class="col d-flex align-items-center">
  81. <ul class="list-inline mb-0 footer-icon-ul fs-5">
  82. <li class="list-inline-item"><a class="footer-link" href="#"><svg class="bi bi-sina-weibo" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16">
  83. <path d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305 4.225 4.225 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377 3.01 3.01 0 0 0-3.495-3.873.611.611 0 1 1-.256-1.196ZM3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411 1.304.338 1.971 1.568 1.437 2.764-.541 1.221-2.095 1.875-3.416 1.449-1.271-.411-1.812-1.67-1.254-2.802Zm2.658.567c.16.066.365-.009.458-.168.088-.16.03-.34-.129-.397-.156-.062-.353.013-.446.168-.09.154-.041.333.117.397Zm-1.607 1.314c.413.188.963.009 1.219-.4.252-.413.12-.883-.296-1.062-.41-.172-.94.005-1.194.402-.256.4-.135.874.271 1.06"></path>
  84. <path d="m12.014 7.238.005.001c.919.285 1.941.974 1.939 2.188 0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87-.132.405.38.182.38.182 1.63-.682 3.051-.722 3.57.02.278.397.252.951-.004 1.594-.116.293.035.34.257.407Zm-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674 2.647-.26 4.656-1.883 4.482-3.623-.17-1.738-2.458-2.937-5.107-2.674-2.647.263-4.656 1.883-4.484 3.623Zm11.681-6.484a2.056 2.056 0 0 0-1.962-.634.526.526 0 1 0 .219 1.031 1.008 1.008 0 0 1 1.17 1.296.528.528 0 0 0 1.005.325 2.062 2.062 0 0 0-.432-2.018Z"></path>
  85. </svg></a></li>
  86. <li class="list-inline-item"><svg class="bi bi-wechat" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16">
  87. <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356"></path>
  88. <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0"></path>
  89. </svg></li>
  90. <li class="list-inline-item"><svg class="icon icon-tabler icon-tabler-brand-baidu" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
  91. <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
  92. <path d="M5 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  93. <path d="M14.463 11.596c1.282 1.774 3.476 3.416 3.476 3.416s1.921 1.574 .593 3.636c-1.328 2.063 -4.892 1.152 -4.892 1.152s-1.416 -.44 -3.06 -.088c-1.644 .356 -3.06 .22 -3.06 .22s-2.055 -.22 -2.47 -2.304c-.416 -2.084 1.918 -3.638 2.102 -3.858c.182 -.222 1.409 -.966 2.284 -2.394c.875 -1.428 3.337 -2.287 5.027 .221z"></path>
  94. <path d="M9 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  95. <path d="M15 4.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  96. <path d="M19 9.5m-1 0a1 1.5 0 1 0 2 0a1 1.5 0 1 0 -2 0"></path>
  97. </svg></li>
  98. </ul>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </footer>
  104. </body>
  105. </html>