courseDetail.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
  6. <title>网络公司-动态详情页</title>
  7. <link rel="stylesheet" href="../res/layui/css/layui.css">
  8. <link rel="stylesheet" href="../res/static/css/index.css">
  9. <style>
  10. .content p {
  11. margin-top: 10px;
  12. margin-bottom: 10px;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <!-- nav部分 -->
  18. <div class="nav">
  19. <div class="layui-container">
  20. <!-- 公司logo -->
  21. <div class="nav-logo">
  22. <a href="index.html">
  23. <img src="../res/static/img/logo.png" alt="网络公司">
  24. </a>
  25. </div>
  26. <div class="nav-list">
  27. <button>
  28. <span></span><span></span><span></span>
  29. </button>
  30. <ul class="layui-nav" lay-filter="">
  31. <li class="layui-nav-item"><a href="product.html">产品</a></li>
  32. <li class="layui-nav-item layui-this"><a href="news.html">动态</a></li>
  33. <li class="layui-nav-item"><a href="case.html">案例</a></li>
  34. <li class="layui-nav-item"><a href="about.html">关于</a></li>
  35. <li class="layui-nav-item"><a href="https://fly.layui.com/store/" target="_blank">模板</a></li>
  36. </ul>
  37. </div>
  38. </div>
  39. </div>
  40. <!-- main部分 -->
  41. <div class="main-newsdate">
  42. <div class="layui-container">
  43. <p class="news"><a href="news.html">实时新闻</a> > <span>新闻详情</span></p>
  44. <h1>这家引爆ins的奶茶店终于空降南昌,开放加盟啦!</h1>
  45. <p class="pushtime">发布时间:<span>2018-06-06</span></p>
  46. <p class="introTop" style="display: none">TA家的珍珠是用黑糖熬制的,要熬整整四个小时才行,每熬一锅黑糖只能做出40杯奶茶,好味,是值得等待的。</p>
  47. </div>
  48. </div>
  49. <div class="layui-container">
  50. <div class="content" style="margin-bottom: 20px;">
  51. <div><img src="../res/static/img/news_big.jpg" alt="新闻详情图"></div>
  52. <p class="introBott">北极光的制作,需要300g葡萄来完成,要选用最新鲜的葡萄,才能做出最灿烂的北极光。满满一瓶葡萄,看着就让人倍感满足。喝之前,要先摇9下,才能喝出最好的果味。晨曦的寓意是,清晨的阳光。要用到一整颗百香果的晨曦,喝起来酸酸甜甜,果味浓郁。晨曦喝起来果味极浓,不仅仅有百香果,还有芒果、橙汁...的味道,十分清新,彷佛夏日的一抹凉风!</p>
  53. </div>
  54. </div>
  55. <!-- footer部分 -->
  56. <div class="footer">
  57. <div class="layui-container">
  58. <p class="footer-web">
  59. <a href="javascript:;">合作伙伴</a>
  60. <a href="javascript:;">企业画报</a>
  61. <a href="javascript:;">JS网</a>
  62. <a href="javascript:;">千图网</a>
  63. <a href="javascript:;">昵图网</a>
  64. <a href="javascript:;">素材网</a>
  65. <a href="javascript:;">花瓣网</a>
  66. </p>
  67. <div class="layui-row footer-contact">
  68. <div class="layui-col-sm2 layui-col-lg1"><img src="../res/static/img/erweima.jpg"></div>
  69. <div class="layui-col-sm10 layui-col-lg11">
  70. <div class="layui-row">
  71. <div class="layui-col-sm6 layui-col-md8 layui-col-lg9">
  72. <p class="contact-top"><i class="layui-icon layui-icon-cellphone"></i>&nbsp;<span id="tel">400-8888888</span>&nbsp;&nbsp;(<span id="curtime">9:00-18:00</span>)</p>
  73. <p class="contact-bottom"><i class="layui-icon layui-icon-home"></i>&nbsp;<span id="email">88888888@163.com</span></p>
  74. </div>
  75. <div class="layui-col-sm6 layui-col-md4 layui-col-lg3">
  76. <p class="contact-top"><span class="right">该模板版权归 <a href="https://www.layui.com/" target="_blank">layui.com</a> 所有</span></p>
  77. <p class="contact-bottom"><span class="right">Copyright&nbsp;©&nbsp;2016-2018&nbsp;&nbsp;ICP&nbsp;备888888号</span></p>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <script src="../res/layui/layui.js"></script>
  85. <!--[if lt IE 9]>
  86. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  87. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  88. <![endif]-->
  89. <script>
  90. layui.config({
  91. base: '../res/static/js/'
  92. }).use('firm');
  93. </script>
  94. </body>
  95. </html>