html--酷炫背景引导主页

news2024/11/29 0:50:21

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


<!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>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1804619.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Ubuntu硬盘分区、挂载、修改用户权限

Ubuntu硬盘分区、挂载、修改用户权限

使用命令查看硬盘情况 sudo fdisk -l 可以看到这里有个未分区的4T硬盘 如&#xff1a;sdb 这样的是硬盘 sdb1 sdb2 这样的是分区&#xff0c;现在还没分区 分区 sudo parted /dev/sdb (sdb 是要挂载的硬盘) 输入一下命令分区&#xff1a; mklabel gpt (创建分区表) mkpart p…
阅读更多...
汇总 |国内外医疗器械网络安全法规与标准

汇总 |国内外医疗器械网络安全法规与标准

国内外关于医疗器械网络安全的法规和标准日益完善&#xff0c;旨在确保医疗器械在全生命周期内的网络安全&#xff0c;保障患者信息的安全和隐私&#xff0c;以及医疗器械的正常运行。不同国家和地区的法规和标准各有侧重&#xff0c;但都强调了医疗器械制造商、开发者、经营者…
阅读更多...
【Python】一文向您详细介绍 __str__ 的作用和用法

【Python】一文向您详细介绍 __str__ 的作用和用法

【Python】一文向您详细介绍 str 的作用和用法 下滑即可查看博客内容 &#x1f308; 欢迎莅临我的个人主页 &#x1f448;这里是我静心耕耘深度学习领域、真诚分享知识与智慧的小天地&#xff01;&#x1f387; &#x1f393; 博主简介&#xff1a;985高校的普通本硕&…
阅读更多...
极域卸载不干净导致无法重新安装问题：独家解决方案

极域卸载不干净导致无法重新安装问题：独家解决方案

文章目录 一、问题二、解决1.网上常规方法2.本贴特殊之处 三、致谢 一、问题 极域卸载不干净&#xff0c;导致无法重新安装。 二、解决 1.网上常规方法 1.regedit命令注册表删除 topdomain、mythware、{5FB4EEDF-6A79-45C3-B049-EF327CA03FCD} 2.删除极域对应tmp文件 网上…
阅读更多...
C语言如何判断⽂件的结束？

C语言如何判断⽂件的结束？

一、问题 在⽂件中查找匹配的信息时&#xff0c;需要遍历⽂件中的数据信息。在遍历的过程中&#xff0c;如何判断⽂件的指针已经到了⽂件的结尾呢&#xff1f; 二、解答 1. 问题解析 在对⽂件的操作函数中&#xff0c;除了存在读写⽂件的函数&#xff0c;还有⽤于测试⽂件流是…
阅读更多...
DS：树与二叉树的相关概念

DS：树与二叉树的相关概念

欢迎来到Harper.Lee的学习世界&#xff01;博主主页传送门&#xff1a;Harper.Lee的博客主页想要一起进步的uu可以来后台找我哦&#xff01; 一、树的概念及其结构 1.1 树的概念亲缘关系 树是一种非线性的数据结构&#xff0c;它是由n&#xff08;n>0&#xff09;个有限节点…
阅读更多...
【十大排序算法】快速排序

【十大排序算法】快速排序

在乱序的世界中&#xff0c;快速排序如同一位智慧的园丁&#xff0c; 以轻盈的手法&#xff0c;将无序的花朵们重新安排&#xff0c; 在每一次比较中&#xff0c;沐浴着理性的阳光&#xff0c; 终使它们在有序的花园里&#xff0c;开出绚烂的芬芳。 文章目录 一、快速排序二、…
阅读更多...
Mysql 中的case-when

Mysql 中的case-when

什么是 case-when case-when 是一种 sql 语句中的语法结构,结构如下&#xff1a; case 字段名 when 值 then 字段名|值 ... else 字段名|值 end case when 主要用于数据的 行列转换&#xff08;把一列数据转换为多列&#xff09; 前置条件&#xff1a; -- 表…
阅读更多...
Linux网络 - json，网络计算服务器与客户端改进

Linux网络 - json，网络计算服务器与客户端改进

文章目录 前言一、json1.引入库2. 使用步骤2.Calculator.hpp3.Task.hpp4.serverCal.hpp 新客户端 前言 本章内容主要对上一章的网络计算器客户端和服务器进行一些Bug修正与功能改进。 并学习如何使用json库和daemon函数。 一、json 在我们自己的电脑上一些软件的文件夹中&…
阅读更多...
Unity编辑器扩展，快捷键的使用

Unity编辑器扩展，快捷键的使用

代码部分 编辑器界面 使用方法&#xff1a; 使用方法和如图1一样&#xff0c;只需要在Menuitem的路径后面加上标识符号就行。 "#"对应的是shift "&"对应的是Alt "%"对应的是ctrl 比如我图中的是&#xff0c;%#s对应的是CtrlShifts&…
阅读更多...
聚醚醚酮（Polyether Ether Ketone）PEEK在粘接使用时使用UV胶水的优势有哪些？要注意哪些事项？

聚醚醚酮（Polyether Ether Ketone）PEEK在粘接使用时使用UV胶水的优势有哪些？要注意哪些事项？

聚醚醚酮&#xff08;Polyether Ether Ketone&#xff09;PEEK在粘接使用时使用UV胶水的优势有哪些&#xff1f;要注意哪些事项&#xff1f; 使用UV胶水在聚醚醚酮&#xff08;Polyether Ether Ketone&#xff0c;PEEK&#xff09;上进行粘接可能具有一些优势&#xff0c;但同时…
阅读更多...
11-数组与指针深入理解——题型理解

11-数组与指针深入理解——题型理解

11-数组与指针深入理解——题型理解 文章目录 11-数组与指针深入理解——题型理解一、理解题1二、理解题二三、理解题三四、理解题四五、理解题五六、理解题六 一、理解题1 #include <stdio.h>int main(void) {int (*p)[5] NULL; // 定义一个指向 拥有5个整型数据的数组…
阅读更多...
Linux---sudo命令

Linux---sudo命令

文章目录 目录 文章目录 一.sudo命令简介 二.sudo 命令的特点 三.sudo 相关文件 四.sudo 命令授权配置 一.sudo命令简介 sudo 命令全称“SuperUser Do”&#xff0c;是Linux系统中的一个命令能够使普通用户以超级用户身份去执行某些命令。 二.sudo 命令的特点 sudo能够授权…
阅读更多...
翻译《The Old New Thing》- How do I obtain the computer manufacturer’s name?

翻译《The Old New Thing》- How do I obtain the computer manufacturer’s name?

How do I obtain the computer manufacturers name? - The Old New Thing (microsoft.com)https://devblogs.microsoft.com/oldnewthing/20081218-00/?p19783 Raymond Chen 2008年08月08日 如何获取计算机制造商的名字&#xff1f; 一位客户想要一种方法来确定计算机制造商的…
阅读更多...
vuInhub靶场实战系列--prime:2

vuInhub靶场实战系列--prime:2

免责声明 本文档仅供学习和研究使用,请勿使用文中的技术源码用于非法用途,任何人造成的任何负面影响,与本人无关。 目录 免责声明前言一、环境配置1.1 靶场信息1.2 靶场配置 二、信息收集2.1 主机发现2.1.1 netdiscover2.1.2 nmap主机扫描2.1.3 arp-scan主机扫描 2.2 端口扫描…
阅读更多...
Flutter中同步与异步

Flutter中同步与异步

一&#xff0c;同步/异步的理解 1&#xff0c;await&#xff1a;同步机制 同步操作会阻止其他操作执行&#xff0c;直到完成为止。同步就好比打电话一样&#xff0c;打电话时都是一个人在说另一个人听&#xff0c;一个人在说的时候另一个人等待&#xff0c;等另一个人说完后再…
阅读更多...
OCP-042之：Oracle结构体系

OCP-042之：Oracle结构体系

1. Oracle结构体系 1.1 概述 1.1.1 版本 版本后缀所代表的含义 i：代表基于Internet架构的数据库，如9i g：代表基于grid（网格）的数据库，如11g grid的目的：降低成本，提高服务质量，简化管理 Storage Grid：ASM(automatic storage management)，继承了LVM技术，Oracl…
阅读更多...
Git【版本控制和Git的安装介绍】

Git【版本控制和Git的安装介绍】

01 【版本控制和Git的安装介绍】 工程设计领域中&#xff0c;使用“版本控制”管理工程蓝图的设计过程。在 IT 开发中也可以使用版本控制思想管理代码的版本迭代。 1.目的 协同修改&#xff1a;支持在服务器对同一个文件多人协同地修改&#xff1b; 数据备份&#xff1a;同时…
阅读更多...
java中的异常-异常处理（try、catch、finally、throw、throws）+自定义异常

java中的异常-异常处理（try、catch、finally、throw、throws）+自定义异常

一、概述 1、java程序员在编写程序时提前编写好对异常的处理程序&#xff0c;在程序发生异常时就可以执行预先设定好的处理程序&#xff0c;处理程序执行完之后&#xff0c;可以继续向后执行后面的程序 2、异常处理程序是在程序执行出现异常时才执行的 二、5个关键字 1、tr…
阅读更多...
11 gpio 与 pinctrl 子系统

11 gpio 与 pinctrl 子系统

1、GPIO 硬件结构 GPIO 是通用输入/输出端口的简称。GPIO 的引脚与外部硬件设备连接，可实现与外部通讯、控制外部硬件或者采集外部硬件数据的功能。 八种工作模式 GPIO_Mode_AIN 模拟输入 GPIO_Mode_IN_FLOATING 浮空输入 GPIO_Mode_IPD 下拉输入 GPIO_Mode_IPU 上拉输入GP…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023