news.html 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>宝智达冷链官网</title>
  6. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7. <meta content="" name="keywords">
  8. <meta content="" name="description">
  9. <meta content="Author" name="WebThemez">
  10. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
  11. <!-- Favicons -->
  12. <link href="../static/img/favicon.png" rel="icon">
  13. <link href="../static/img/apple-touch-icon.png" rel="apple-touch-icon">
  14. <!--字体 -->
  15. <link
  16. href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
  17. rel="stylesheet">
  18. <!-- Bootstrap CSS File -->
  19. <link href="../static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  20. <!-- Libraries CSS Files -->
  21. <link href="../static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  22. <link href="../static/lib/animate/animate.min.css" rel="stylesheet">
  23. <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  24. <link href="../static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
  25. <link href="../static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
  26. <link href="../static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
  27. <!-- Main Stylesheet File -->
  28. <link href="../static/css/style.css" rel="stylesheet">
  29. </head>
  30. <body id="body">
  31. <!--==========================
  32. Header
  33. ============================-->
  34. <header id="header">
  35. <div class="container">
  36. <div id="logo" class="pull-left">
  37. <h1><a href="#body" class="scrollto"><span>宝</span>智达冷链</a></h1>
  38. <!-- <a href="#body"><img src="img/logo.png" alt="" title="" /></a>-->
  39. </div>
  40. <nav id="nav-menu-container">
  41. <ul class="nav-menu">
  42. <li class="menu-active"><a href="/">首页</a></li>
  43. <li><a href="/about">关于我们</a></li>
  44. <li><a href="/services/1">服务介绍</a></li>
  45. <li><a href="/product?ptype=hardware">产品介绍</a>
  46. <ul>
  47. <li><a href="/product?ptype=software">软件</a></li>
  48. <li><a href="/product?ptype=hardware">硬件</a></li>
  49. </ul>
  50. </li>
  51. <li><a href="/recruit">全国代理招募</a></li>
  52. <li class="menu-has-children"><a href="">新闻</a>
  53. <ul>
  54. <li><a href="#">公司新闻</a></li>
  55. <li><a href="#">行业新闻</a></li>
  56. </ul>
  57. </li>
  58. <li><a href="/contact">联系我们</a></li>
  59. </ul>
  60. </nav><!-- #nav-menu-container -->
  61. </div>
  62. </header>
  63. <!--==========================
  64. Page Banner Section
  65. ============================-->
  66. <section id="innerBanner">
  67. <div class="inner-content">
  68. <h2><span>新闻资讯</span></h2>
  69. <div>
  70. </div>
  71. </div>
  72. </section><!-- #Page Banner -->
  73. <main id="main" class="container-fluid">
  74. <div class="btn-group btn-group-lg" role="group" aria-label="Large button group" style="margin-top: 10px">
  75. <button type="button" class="btn btn-outline-primary" onclick="location.href='news?types=industry'">行业新闻
  76. </button>
  77. <button type="button" class="btn btn-outline-primary" onclick="location.href='news?types=firm'">公司新闻
  78. </button>
  79. </div>
  80. <section id="news" class="row wow fadeInUp" style="margin-top: 20px;">
  81. {{range .News}}
  82. <div class="col-md-4 col-sm-6 mb-4">
  83. <div class="card shadow-sm">
  84. <img src="{{.Image}}" class="card-img-top img-fluid" alt="{{.Title}}">
  85. <div class="card-body">
  86. <h5 class="card-title"><a href="/news/{{.ID}}">{{.Title}}</a></h5>
  87. <!-- 如果有更多内容(如简介、日期等),可以在这里添加 -->
  88. </div>
  89. <div class="card-footer text-right text-muted">
  90. <small>发布时间:{{.UpdatedAt}}</small> <!-- 假设.PublishDate是发布时间 -->
  91. </div>
  92. </div>
  93. </div>
  94. {{end}}
  95. </section>
  96. </main>
  97. <section id="call-to-action" class="wow fadeInUp">
  98. <div class="container">
  99. <div class="row">
  100. <div class="col-lg-9 text-center text-lg-left">
  101. <h3 class="cta-title">获取我们的服务</h3>
  102. <p class="cta-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores quae porro
  103. consequatur aliquam, incidunt fugiat culpa esse aute nulla cupidatat non proident, sunt in culpa
  104. qui officia deserunt mollit anim id est laborum.</p>
  105. </div>
  106. <div class="col-lg-3 cta-btn-container text-center">
  107. <a class="cta-btn align-middle" href="#contact">联系我们</a>
  108. </div>
  109. </div>
  110. </div>
  111. </section>
  112. <footer id="footer">
  113. <div class="container">
  114. <div class="copyright">
  115. Copyright &copy; 2018.Company name All rights reserved.<a target="_blank"
  116. href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
  117. </div>
  118. <div class="credits">
  119. </div>
  120. </div>
  121. </footer><!-- #footer -->
  122. <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
  123. <!-- JavaScript -->
  124. <script src="../static/lib/jquery/jquery.min.js"></script>
  125. <script src="../static/lib/jquery/jquery-migrate.min.js"></script>
  126. <script src="../static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
  127. <script src="../static/lib/easing/easing.min.js"></script>
  128. <script src="../static/lib/superfish/hoverIntent.js"></script>
  129. <script src="../static/lib/superfish/superfish.min.js"></script>
  130. <script src="../static/lib/wow/wow.min.js"></script>
  131. <script src="../static/lib/owlcarousel/owl.carousel.min.js"></script>
  132. <script src="../static/lib/magnific-popup/magnific-popup.min.js"></script>
  133. <script src="../static/lib/sticky/sticky.js"></script>
  134. <script src="../static/js/main.js"></script>
  135. <script>
  136. </script>
  137. </body>
  138. </html>