detail.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  6. <meta name="description" content="" />
  7. <meta name="author" content="" />
  8. <!--[if IE]>
  9. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  10. <![endif]-->
  11. <title>我的博客</title>
  12. <!-- BOOTSTRAP CORE STYLE CSS -->
  13. <link href="__PUBLIC__/css/bootstrap.css" rel="stylesheet" />
  14. <!-- FONTAWESOME STYLE CSS -->
  15. <link href="__PUBLIC__/css/font-awesome.css" rel="stylesheet" />
  16. <!-- CUSTOM STYLE CSS -->
  17. <link href="__PUBLIC__/css/style.css" rel="stylesheet" />
  18. </head>
  19. <body>
  20. <section class="header-section">
  21. <div class="container">
  22. <div class="row">
  23. <div class="col-md-2">
  24. <img src="__PUBLIC__/img/person.jpg" class="img-circle img-responsive" />
  25. </div>
  26. <div class="col-md-5 text-center">
  27. <h1><strong>余丹丹 </strong></h1>
  28. <h4>博客</h4>
  29. </div>
  30. <div class="col-md-5">
  31. <h3>sharing</h3>
  32. 相互分享心得,共同学习
  33. <i><strong>1762580721@qq,.com</strong></i>
  34. </div>
  35. </div>
  36. </div>
  37. </section>
  38. <!--HOME SECTION END-->
  39. <!--<section>-->
  40. <!--<div class="container">-->
  41. <!--<div class="row">-->
  42. <!--<div class="col-md-2 spon-txt">-->
  43. <!--<span>My Sponsers: </span>-->
  44. <!--</div>-->
  45. <!--<div class="col-md-10">-->
  46. <!--<img src="assets/img/clients.png" alt="" class="img-rounded img-responsive" />-->
  47. <!--</div>-->
  48. <!--</div>-->
  49. <!--</div>-->
  50. <!--</section>-->
  51. <!--SPONSORS SECTION END-->
  52. <hr />
  53. <section >
  54. <div class="container">
  55. <div class="row">
  56. <div class="col-md-9" >
  57. <div class="blog-main">
  58. <div class="heading-blog">
  59. {$art.title}
  60. </div>
  61. <img src="{$art.src}" class="img-responsive img-rounded" />
  62. <div class="blog-info">
  63. <span class="label label-primary">{$art.time|date="Y-m-d",###}</span>
  64. <span class="label label-success">{$art.category}</span>
  65. <span class="label label-danger">{$art.auth}</span>
  66. </div>
  67. <div class="blog-txt">
  68. <?php echo htmlspecialchars_decode($art['summary']);?>
  69. </div>
  70. <div class="blog-txt">
  71. <?php echo htmlspecialchars_decode($art['content']);?>
  72. </div>
  73. </div>
  74. <!--BLOG MAIN SECTION END-->
  75. <h3 ><strong>回复</strong></h3>
  76. <hr />
  77. <ul class="media-list">
  78. <li class="media">
  79. <a class="pull-left" href="#">
  80. <img class="media-object img-circle" src="assets/img/user2.png" />
  81. </a>
  82. <div class="media-body">
  83. </div>
  84. </li>
  85. <li class="media">
  86. <a class="pull-left" href="#">
  87. <img class="media-object img-circle" src="assets/img/user.gif" />
  88. </a>
  89. <div class="media-body">
  90. <h4 class="media-heading">Lorem ipsum dolor sit amet</h4>
  91. <p>
  92. Donec sit amet ligula enim. Duis vel condimentum massa.
  93. Maecenas eget congue dui. Vestibulum et eros consectetur,
  94. interdum nibh et, volutpat dolor.
  95. </p>
  96. <!-- Nested media object -->
  97. <div class="media">
  98. <a class="pull-left" href="#">
  99. <img class="media-object img-circle" src="assets/img/user2.png" />
  100. </a>
  101. <div class="media-body">
  102. <h4 class="media-heading">Vestibulum et eros consectetur</h4>
  103. Donec sit amet ligula enim. Duis vel condimentum massa.
  104. Maecenas eget congue dui. Vestibulum et eros consectetur,
  105. interdum nibh et, volutpat dolor.
  106. </div>
  107. </div>
  108. </div>
  109. </li>
  110. </ul>
  111. <!--COMMENTS SECTION END-->
  112. </div>
  113. <div class="col-md-3">
  114. <ul class="list-group">
  115. <li class="list-group-item">
  116. <strong>主要内容</strong>
  117. </li>
  118. <volist name="tag" id="vo">
  119. <li class="list-group-item">
  120. <span class="badge"> {$vo}</span>
  121. {$key}
  122. </li>
  123. </volist>
  124. </ul>
  125. <br />
  126. <!--<div style="padding-top:30px;">-->
  127. <!--<ul class="list-group">-->
  128. <!--<li class="list-group-item">Advrtisements</li>-->
  129. <!--<li class="list-group-item">-->
  130. <!--<a href="#">-->
  131. <!--<img src="assets/img/ad1.jpg" class="img-responsive" />-->
  132. <!--</a>-->
  133. <!--<br />-->
  134. <!--<a href="#">-->
  135. <!--<img src="assets/img/ad2.jpg" class="img-responsive" />-->
  136. <!--</a>-->
  137. <!--</li>-->
  138. <!--</ul>-->
  139. <!--</div>-->
  140. <br />
  141. </div>
  142. </div>
  143. </div>
  144. </section>
  145. <hr />
  146. <div class="container">
  147. <div class="row">
  148. <div class="col-md-12 text-center set-foot">
  149. <a href="https://weibo.com/u/5746288076/home?wvr=5" target="_blank" title="新浪微博">余丹丹的微博</a>
  150. </div>
  151. </div>
  152. </div>
  153. </body>
  154. </html>