pictures.html

<!DOCTYPE html>
<html>
<head>
  <link rel="icon" href="https://blog.sztiger.top/szxhz.github.io-source/img/cofee.png" type="image/x-icon">
  <!--自定义title图标-->
  <link rel="shortcut icon" href="https://blog.sztiger.top/szxhz.github.io-source/img/cofee.png" type="image/x-icon">
  <!--自定义收藏夹图标-->
  <meta charset="UTF-8">
  <title>回忆相册</title>
  <!--自定义title-->
<link href="pictures.css" type="text/css" rel="stylesheet" />
</head>
<body>
  <div class="navbar">
    <a href="#" class="navbar-item">By TigerW</a>
    <ul>
      <li><a href="index.html">首页看看~</a></li>
      <li><a href="#">回忆相册</a></li>
      <li><a href="#">送别的书</a></li>
   <li><a href="#">同学档案</a></li>
    </ul>
    <!--自定义导航栏-->
  </div>
  <div class="section">
    <h2>毕业照</h2>
    <div class="gallery-item">
      <img src="img/img.jpg" alt="毕业照">
      <div class="caption">我们毕业啦！</div>
    </div>
  </div>
  <!--自定义图片和内容-->

  <div class="section">
    <h2>班级合影</h2>
    <div class="gallery-item">
      <img src="img/img.jpg" alt="班级合影">
      <div class="caption">永远的回忆</div>
    </div>
  </div>

  <div class="section">
    <h2>出游合影</h2>
    <div class="gallery-item">
      <img src="img/img.jpg" alt="Go a trip!">
      <div class="caption">Go a trip!</div>
    </div>
  </div>

  <div class="section">
    <h2>”齐聚一堂“</h2>
    <div class="gallery-item">
      <img src="img/img.jpg" alt="齐聚一堂">
      <div class="caption">何时何地，友谊不减。</div>
    </div>
  </div>

  <!-- 添加更多的栏目和相册项 -->

<div style="text-align: center"><p><font size=1>友谊不是几张图片拼凑出来的，请尊重一下开发者，太累了... | 支持一下：<a href="https://github.com/szxhz/primary-book"><img src="https://img.shields.io/github/stars/szxhz/primary-book?style=social"></a><font></p></div>

</body>
</html>