index.html

﻿<html>

<head>
  <title>网页里的电脑博物馆</title>
  <meta name="description" content="云端的计算机博物馆，在网页模拟器中重现电脑发展史">
  <meta name="keywords" content="电脑, 计算机, 博物馆, 网页, 浏览器, 模拟器, 游戏, 历史">
  <link rel="stylesheet" href="https://lib.baomitu.com/meyer-reset/2.0/reset.min.css">
  <link rel="stylesheet" href="https://lib.baomitu.com/twitter-bootstrap/4.1.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="base.css" />
  <script src="https://lib.baomitu.com/jquery/3.3.1/jquery.min.js"></script>
  <script src="baidu-stat.js"></script>
  <script src="index.js"></script>
  <meta charset="UTF-8">
  <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' />
</head>

<body>
  <nav style="position: relative; z-index: 2; width:100%">
    <ul>
      <li>
        <a href="index.html">目录</a>
      </li>
      <li>
        <a href="http://www.famicn.com">游戏机</a>
      </li>
      <li>
        <a href="https://pengan1987.github.io/">专栏</a>
      </li>
      <li>
        <a href="https://github.com/pengan1987/computer-museum-dnbwg">Github</a>
      </li>
      <li>
        <a href="labs.html">实验室</a>
      </li>
      <li>
        <a href="special.html">专题展览</a>
      </li>
    </ul>
  </nav>
  <div class="pt-3 pb-1 text-center col-sm-12 col-md-12">
    <a class="bg-success text-light" href="notice.html">❤️用爱发电，请支持本站</a>&nbsp;
    <a class="bg-info text-light" href="special.html">（2023年1月27日）增设电脑学习机专题</a>
  </div>
  <div class="feature-wrapper pt-2 pb-5 mt-0 mt-lg-0">

    <div class="container">
      <div class="row" id="machine-list">
        <div id="base-cell" class="col-sm-12 col-md-3" style="display:none">

          <figure>
            <a href="#">
              <img class="figure-img img-fluid rounded" src="" alt="">
            </a>
            <figcaption class="machine-fig">Apple II</figcaption>
          </figure>
        </div>
      </div>
    </div>
  </div>
  <div style="display: none;">
    <img src="title.png">
  </div>
</body>

</html>