<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>个人简约引导页</title>
  <!-- HTML -->
  <!-- Custom Styles -->
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/bc.css">
  <script>
    function showTime() {
      var date = new Date();
      var year = date.getFullYear();
      var month = date.getMonth() + 1;
      var day = date.getDate();
      var hour = date.getHours();
      var minute = date.getMinutes();
      var second = date.getSeconds();
      month = month < 10 ? '0' + month : month;
      day = day < 10 ? '0' + day : day;
      hour = hour < 10 ? '0' + hour : hour;
      minute = minute < 10 ? '0' + minute : minute;
      second = second < 10 ? '0' + second : second;
      var time = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
      document.getElementById('bc_time').innerHTML = time;
      setTimeout(showTime, 1000);
    }
    showTime();
  </script>
  <svg xmlns="http://www.w3.org/2000/svg" style="display:none">
    <symbol id="icon-shijian" viewBox="0 0 1024 1024">
      <title>shijian</title>
      <path class="path1" d="M800 192c-44.2 0-80 35.8-80 80v352c0 44.2 35.8 80 80 80s80-35.8 80-80v-352c0-44.2-35.8-80-80-80zM512 224c22.1 0 40 17.9 40 40v416c0 22.1-17.9 40-40 40s-40-17.9-40-40v-416c0-22.1 17.9-40 40-40zM224 192c-44.2 0-80 35.8-80 80v352c0 44.2 35.8 80 80 80s80-35.8 80-80v-352c0-44.2-35.8-80-80-80zM224 224c22.1 0 40 17.9 40 40v416c0 22.1-17.9 40-40 40s-40-17.9-40-40v-416c0-22.1 17.9-40 40-40zM800 768c-44.2 0-80 35.8-80 80v32c0 44.2 35.8 80 80 80s80-35.8 80-80v-32c0-44.2-35.8-80-80-80zM224 768c-44.2 0-80 35.8-80 80v32c0 44.2 35.8 80 80 80s80-35.8 80-80v-32c0-44.2-35.8-80-80-80z"></path>
  </symbol>
</svg>
</head>
<body style="max-width: 768px; margin: auto;">
  <div class="bc_content">
    <div class="bc-fluid">
      <div class="bc-row bc-space10">
        <div class="bc-xs12">
          <div class="bc_mbl bc_box" id="bc_mobile_head">
            <div class="bc-row">
              <div class="bc-xs3">
                <img class="bc_mbl bc_box img-avatar " style="border-radius: 50%;" src="img/logo.gif">
              </div>
              <div class="bc-xs9">
                <div class="bc-xs12">
                  <div id="bc_name">靓仔</div>
                  <div id="bc_tip">Tips:相信技术,传递价值!</div>
                </div>
                <div class="bc-xs12">
                  <a class="btn">标签:</a>
                  <a class="btn btn-orange">社牛</a>
                  <a class="btn btn-purple">野王</a>
                  <a class="btn btn-green">爱分享</a>
                  <a class="btn btn-blue">ฅ՞•ﻌ•՞ฅ</a>
                </div>
                <div class="bc-xs12">
                  <a class="btn">擅长:</a>
                  <a class="btn btn-green">JavaScript</a>
                  <a class="btn btn-yellow">html/css</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="bc-row bc-space10">
        <div class="bc-xs4">
          <div class="bc_box bc_mbl bc_center">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-weixin"></use>
            </svg>
            爱分享优化
          </div>
        </div>
        <div class="bc-xs4">
          <div class="bc_box bc_mbl bc_center">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-QQ"></use>
            </svg>
            爱分享优化
          </div>
        </div>
        <div class="bc-xs4">
          <div class="bc_box bc_mbl bc_center">
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-gitee"></use>
            </svg>
            爱分享优化
          </div>
        </div>
      </div>
      <div class="bc-row bc-space10">
        <div class="bc-sm12">
          <div class="bc_box bc_mbl">
            <div class="bc_box bc_mbl">
              <p>如果您喜欢我们的网站,请将本站添加到收藏夹,并<a class="btn btn-green" href="#"
                  target="_blank">设为浏览器主页</a>,方便您的下次访问,感谢支持。</p>
            </div>
          </div>
        </div>
      </div>
      <div class="bc-row bc-space10">
        <div class="bc-xs12">
          <div class="bc_box bc_mbl">
            <div class="bc-row">
              <h3 class="bc-xs12 bc_box"><svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-zhandian"></use>
                </svg>旗下站点</h3>
              <hr>
            </div>
            <div class="bc-row bc-space10" style="word-wrap:break-word;">
              <a href="#" class="bc-xs6 bc-sm4 bc-md4 bc-lg4" target="_blank">
                <div class="bc_a btn-orange bc_center"> <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianjie"></use>
                  </svg>爱分享</div>
              </a>
              <a href="#" class="bc-xs6 bc-sm4 bc-md4 bc-lg4" target="_blank">
                <div class="bc_a btn-orange bc_center"> <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianjie"></use>
                  </svg>域名检测</div>
              </a>
              <a href="#" class="bc-xs6 bc-sm4 bc-md4 bc-lg4" target="_blank">
                <div class="bc_a btn-orange bc_center"> <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianjie"></use>
                  </svg>QQ个人助手</div>
              </a>
              <a href="#" class="bc-xs6 bc-sm4 bc-md4 bc-lg4" target="_blank">
                <div class="bc_a btn-orange bc_center"> <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianjie"></use>
                  </svg>Tax短网址</div>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="bc-row bc-space10">
        <div class="bc-xs12">
          <div class="bc_box bc_mbl">
            <div class="bc-row">
              <h3 class="bc-xs12 bc_box"><svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-zhandian"></use>
                </svg>友情链接</h3>
              <hr>              
            </div>
            <div class="bc-row bc-space10" style="word-wrap:break-word;">
              <a href="#" class="bc-xs6 bc-sm4 bc-md4 bc-lg4" target="_blank">
                <div class="bc_a btn-orange bc_center"> <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianjie"></use>
                  </svg>爱分享</div>
              </a>
              <a href="#" class="bc-xs6 bc-sm4 bc-md4 bc-lg4" target="_blank">
                <div class="bc_a btn-orange bc_center"> <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianjie"></use>
                  </svg>Tax短网址</div>
              </a>
              <a href="#" class="bc-xs6 bc-sm4 bc-md4 bc-lg4" target="_blank">
                <div class="bc_a btn-orange bc_center"> <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-lianjie"></use>
                  </svg>QQ个人助手</div>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="bc-row bc-space10">
        <div class="bc-xs12">
          <div class="bc_mbl bc_box" id="bc_foot">
            © 2023 靓仔
            <span class="btn bc-hide-xs">时间:<span id="bc_time"></span></span>
          </div>
        </div>
      </div>
    </div>
  </div>
</body>
</html>

原文地址: https://www.cveoy.top/t/topic/mmsc 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录