个人网站网页底部模板

admin 2024年03月20日 06:05 38 0

以下是一个简单的个人网站网页底部模板示例：

<footer>
  <div class="footer-content">
    <div class="footer-column">
      <h4>关于我们</h4>
      <p>这里是关于我们的一些信息。</p>
    </div>
    <div class="footer-column">
      <h4>联系我们</h4>
      <ul>
        <li>邮箱: <a href="mailto:example@example.com">example@example.com</a></li>
        <li>电话: 123-456-7890</li>
        <li>地址: 123 Main Street, City, State</li>
      </ul>
    </div>
    <div class="footer-column">
      <h4>社交媒体</h4>
      <ul>
        <li><a href="https://www.facebook.com/"><img src="facebook-icon.png" alt="Facebook"></a></li>
        <li><a href="https://www.twitter.com/"><img src="twitter-icon.png" alt="Twitter"></a></li>
        <li><a href="https://www.instagram.com/"><img src="instagram-icon.png" alt="Instagram"></a></li>
      </ul>
    </div>
  </div>
  <div class="footer-bottom">
    <p>&copy; 2023 个人网站名称. All rights reserved.</p>
  </div>
</footer>

这个模板包括三个列（`footer-column`），分别包含关于我们、联系我们和社交媒体的信息，底部（`footer-bottom`）包含版权信息。

你可以根据自己的需求修改这个模板，例如添加更多的列、更改样式或添加其他元素，记得在HTML文件中引入相应的CSS样式来美化你的底部模板。

请注意，这只是一个简单的示例，你可以根据自己的喜好和网站的整体风格进行定制。