白色简约弹窗公告HTML代码

本来是用在我CDN官网上的一个比较简单的白色简约弹窗公告，以下是该弹窗公告的HTML代码。

功能：三个按钮“关闭弹窗”、"跳转连接"、“子选项”，每小时弹出一次

代码如下：

<div id="popup" class="popup">
  <div class="popup-container">
    <div class="popup-content">
      <span class="close" aria-label="关闭弹窗">×</span>
      <div class="popup-header">
        <p class="popup-note">每小时弹出一次</p>
        <h2>欢迎来访~</h2>
        <p class="popup-desc">很高兴你的来访，不过您在了解我们的业务之前可以先进论坛或咨询客服，当然你已轻车熟路请无视我~</p>
        <div class="buttons">
          <a href="https://lt.scdn.io" class="popup-btn qq-group" target="_blank" rel="noopener noreferrer">交流论坛</a>
          <div class="popup-btn contact-us">
            联系客服
            <div class="contact-dropdown">
              <div class="contact-option" data-type="qq" data-value="3081366381">QQ</div>
              <div class="contact-option" data-type="wechat" data-href="https://work.weixin.qq.com/kfid/kfcbefb828791983859">微信</div>
              <div class="contact-option" data-type="tg" data-value="Martin_rmgy" data-href="https://t.me/Martin_rmgy">TG</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script defer src="https://assets.rnmcnm.com/assets/js/cdn/baisetanchuang/tanchuang.js"></script>

<link rel="stylesheet" type="text/css" href="https://assets.rnmcnm.com/assets/css/cdn/baisetanchuang/tanchuang.css">

演示如下：

演示站：https://www.scdn.io

使用教程：将第一个代码放置</body>之前，第二个代码放置</head>之前