photos.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>《初见》响应式个人博客模板</title>
  6. <meta name="keywords" content="个人博客,个人网站,个人博客模板,个人网站模板" />
  7. <meta name="description" content="《初见》响应式个人博客模板是由前端设计师杨青青(www.qingqingblog.com)于2021年5月份设计完成的,模板主要展示个人博客、相册、视频、介绍等功能。" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <link href="css/base.css" rel="stylesheet">
  10. <link href="css/m.css" rel="stylesheet">
  11. <script src="js/jquery-3.6.0.min.js" ></script>
  12. <script src="js/comm.js"></script>
  13. </head>
  14. <body>
  15. <header>
  16. <div class="box">
  17. <div class="logo"><a href="/"><img src="images/logo.png" alt="logo"></a></div>
  18. <div class="ad_top"><a href="/"><img src="images/ad01.jpg" alt="广告"></a></div>
  19. <div class="contact_icon">
  20. <ul>
  21. <li><a href="http://wpa.qq.com/msgrd?v=3&uin=476847113&site=qq&menu=yes"><i class="icon_qq"></i></a></li>
  22. <li><a href="tel:186491309**"><i class="icon_tel"></i></a></li>
  23. <li><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=476847113@qq.com" target="_blank"><i class="icon_email"></i></a></li>
  24. <li><i class="icon_weixin"><img src="images/wx.png" alt="微信号:476847113"></i></li>
  25. </ul>
  26. </div>
  27. <div class="clear"></div>
  28. <nav>
  29. <ul id="starlist">
  30. <li><a href="index.html">网站首页</a></li>
  31. <li><a href="blog.html">博文日记</a></li>
  32. <li class="menu"><a href="#">所有内容</a>
  33. <ul class="sub">
  34. <li><a href="blog_info.html">文章内容</a></li>
  35. <li><a href="photos_info.html">相册内容</a></li>
  36. <li><a href="videos_info.html">视频内容</a></li>
  37. <li><a href="page_info.html">单页内容</a></li>
  38. </ul>
  39. <span></span></li>
  40. <li><a href="photos.html">我的相册<i></i></a></li>
  41. <li><a href="videos.html">我的视频</a></li>
  42. <li><a href="about.html">个人简历</a></li>
  43. </ul><h2 id="mnavh"><span class="navicon"></span></h2>
  44. <div class="is-search"> <i></i> </div>
  45. <div class="search-page">
  46. <div class="search_box">
  47. <div class="go-left"></div>
  48. <div class="search">
  49. <form action="http://zhuanti.ip3q.com/e/search/index.php" method="post" name="searchform" id="searchform">
  50. <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
  51. <input name="show" value="title" type="hidden">
  52. <input name="tempid" value="1" type="hidden">
  53. <input name="tbname" value="news" type="hidden">
  54. <input name="Submit" class="input_submit" value="搜索" type="submit">
  55. </form>
  56. </div>
  57. </div>
  58. </div>
  59. <!--search end-->
  60. </nav>
  61. </div>
  62. </header>
  63. <div class="ph_margin"></div>
  64. <div class="box">
  65. <div class="photos">
  66. <h2 class="h_title">我的相册</h2>
  67. <ul>
  68. <li><a href="/" target="_blank"><i><img src="images/01.jpg" alt=""></i>
  69. <p>因为路过,所以珍惜</p><section></section>
  70. <span>5 图</span></a></li>
  71. <li><a href="/" target="_blank"><i><img src="images/02.jpg" alt=""></i>
  72. <p>不惊艳才长久</p>
  73. <span>10 图</span></a></li>
  74. <li><a href="/" target="_blank"><i><img src="images/03.jpg" alt=""></i>
  75. <p>出场靠后,优势更大</p>
  76. <span>8 图</span></a></li>
  77. <li><a href="/" target="_blank"><i><img src="images/04.jpg" alt=""></i>
  78. <p>海蛎子的生存哲学</p>
  79. <span>14 图</span></a></li>
  80. <li><a href="/" target="_blank"><i><img src="images/05.jpg" alt=""></i>
  81. <p>孤男寡女其实是一种“浪费”</p>
  82. <span>8 图</span></a></li>
  83. <li><a href="/" target="_blank"><i><img src="images/06.jpg" alt=""></i>
  84. <p>残缺的身体,不妨碍我拥有完美人生</p>
  85. <span>10 图</span></a></li>
  86. <li><a href="/" target="_blank"><i><img src="images/01.jpg" alt=""></i>
  87. <p>因为路过,所以珍惜</p>
  88. <span>5 图</span></a></li>
  89. <li><a href="/" target="_blank"><i><img src="images/02.jpg" alt=""></i>
  90. <p>不惊艳才长久</p>
  91. <span>10 图</span></a></li>
  92. <li><a href="/" target="_blank"><i><img src="images/03.jpg" alt=""></i>
  93. <p>出场靠后,优势更大</p>
  94. <span>8 图</span></a></li>
  95. <li><a href="/" target="_blank"><i><img src="images/04.jpg" alt=""></i>
  96. <p>海蛎子的生存哲学</p>
  97. <span>14 图</span></a></li>
  98. <li><a href="/" target="_blank"><i><img src="images/05.jpg" alt=""></i>
  99. <p>孤男寡女其实是一种“浪费”</p>
  100. <span>8 图</span></a></li>
  101. <li><a href="/" target="_blank"><i><img src="images/06.jpg" alt=""></i>
  102. <p>残缺的身体,不妨碍我拥有完美人生</p>
  103. <span>10 图</span></a></li>
  104. </ul>
  105. </div>
  106. <div class="epages"><a title="Total record">&nbsp;<b>92</b> </a>&nbsp;&nbsp;&nbsp;<b>1</b>&nbsp;<a href="/">2</a>&nbsp;<a href="/">3</a>&nbsp;<a href="/">4</a>&nbsp;<a href="/">下一页</a>&nbsp;<a href="/">尾页</a></div>
  107. </div>
  108. <footer>
  109. <div class="box">
  110. <ul class="footer_nav">
  111. <li><a href="/" target="_blank">网站地图</a></li>
  112. <li><a href="all_list.html" target="_blank">所有文章</a></li>
  113. <li><a href="tags.html" target="_blank">标签合集</a></li>
  114. <li><a href="/" target="_blank">访问统计</a></li>
  115. </ul>
  116. <div class="guanzhu_img"><i><img src="images/wx.png" alt="微信:4768447113">微信号</i> <i><img src="images/wxgzh.jpg" alt="微信:4768447113">微信公众号</i></div>
  117. <div class="copyright">
  118. <p>杨青青个人博客网站 版权所有 </p>
  119. <p>Copyright © <a href="https://www.qingqingblog.com/" target="_blank">www.qingqingblog.com</a> All Rights Reserved.</p>
  120. <p>备案号:<a href="http://www.beian.miit.gov.cn/" target="_blank">津ICP备20005778号-1</a><i class="ga"><img src="images/ga.png" alt="公安备案号"></i>津公网安备 12011602000448 号</p>
  121. </div>
  122. </div>
  123. </footer>
  124. <a href="#" title="返回顶部" class="icon-top"></a>
  125. </body>
  126. </html>