html--酷炫背景引导主页

在这里插入图片描述


<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>ZZVIPS酷炫背景引导主页</title><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><link rel="stylesheet" href="css/style.css"><link rel="shortcut icon" href="images/ds.png" type="images/x-icon">
</head><body><div class="centerBox"><div class="header"></div><div class="center-list"><div class="centerBody"><img src="images/ds.png" /><!-- <p class="btn-p"><a href="wxy" target="_blank" title="wxy">wxy</a><a href="wxy" target="_blank" title="wxy">wxy</a><a href="wxy" target="_blank" title="wxy">wxy</a></p> --><!-- 第一个 --><ul ><!-- 预选类名：class="main-list" --><li class="main-item main-itemHover"><div class="infoBlockWrap infoBlockWrap-easeMaintain"><div class="wrapBg"></div><div class="infoBlock infoBlock-fasico"><div class="bg"></div><div class="infoIcon"></div><div class="infoWrap"><div class="info-title">ZZVIPS</div><div class="info-desc">稳定运行3年 发布各类免费资源</div><a class="set_button raised hoverable button" href="http://www.zzvips.com/"><i class="anim"></i><span>点我前往</span></a></div></div><div class="infoBlock infoBlock-normal"><div class="bg"></div><div class="infoWrap"><div class="info-title">ZZVIPS</div><div class="info-desc">稳定运行3年 发布各类免费资源</div></div></div></div><div class="infoBlock-name">ZZVIPS</div></li><!-- 第二个 --><li class="main-item main-itemHover"><div class="infoBlockWrap infoBlockWrap-listedBrand"><div class="wrapBg"></div><div class="infoBlock infoBlock-fasico infoBlock-fasico-mulLine"><div class="bg"></div><div class="infoIcon infoIcon-superSevice"></div><div class="infoWrap"><div class="info-title">拓航网络</div><div class="info-desc">3折服务器 香港云服务器</div><a class="set_button raised hoverable button" href="http://www.tuohang.net/"><i class="anim"></i><span>点我前往</span></a></div></div><div class="infoBlock infoBlock-normal"><div class="bg"></div><div class="infoWrap "><div class="info-title">拓航网络</div><div class="info-desc">3折服务器 香港云服务器</div></div></div></div><div class="infoBlock-name">拓航网络</div></li><!-- 第三个 --><li class="main-item main-itemHover"><div class="infoBlockWrap infoBlockWrap-easeMaintain"><div class="wrapBg"></div><div class="infoBlock infoBlock-fasico infoBlock-fasico-mulLine"><div class="bg"></div><div class="infoIcon infoIcon-funcRich"></div><div class="infoWrap"><div class="info-title">聚站网</div><div class="info-desc">免费收录各类优秀网站</div><a class="set_button raised hoverable button" href="http://www.juzhan.com.cn/"><i class="anim"></i><span>点我前往</span></a></div></div><div class="infoBlock infoBlock-normal"><div class="bg"></div><div class="infoWrap"><div class="info-title">聚站网</div><div class="info-desc">免费收录各类优秀网站</div></div></div></div><div class="infoBlock-name">聚站网</div></li></ul><!-- 结束 --><p class="txt-w"><font style="color: #ffffff;font-size:12px;letter-spacing: 11px;font-weight: 100;padding-left:  20px;">敢于想象&nbsp;&nbsp;敢于创造</font></p></div></div><div class="footer"><div class="center-footer"><p class="banquan">备案号 FreeShow Copyright © www.zzvips.com. All Rights Reserved</p></div></div></div><embed height="0" width="0" src="audio/赵雷 - 理想.mp3"></embed>
</body>
<script src='js/simplex-noise.min.js'></script>
<script src="js/index.js"></script></html>