当前位置： 首页 > news >正文

单页404源码

news 2026/5/19 11:50:31

请添加图片描述


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简约 404错误页</title><link rel="shortcut icon" href="./favicon.png"><style>
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Catamaran:400,800");
.error-container {text-align: center;font-size: 106px;font-family: "Catamaran", sans-serif;font-weight: 800;margin: 70px 15px;
}
.error-container > span {display: inline-block;position: relative;
}
.error-container > span.four {width: 136px;height: 43px;border-radius: 999px;background: linear-gradient(140deg,rgba(0, 0, 0, 0.1) 0%,rgba(0, 0, 0, 0.07) 43%,transparent 44%,transparent 100%),linear-gradient(105deg,transparent 0%,transparent 40%,rgba(0, 0, 0, 0.06) 41%,rgba(0, 0, 0, 0.07) 76%,transparent 77%,transparent 100%),linear-gradient(to right, #d89ca4, #e27b7e);
}
.error-container > span.four:before,
.error-container > span.four:after {content: "";display: block;position: absolute;border-radius: 999px;
}
.error-container > span.four:before {width: 43px;height: 156px;left: 60px;bottom: -43px;background: linear-gradient(128deg,rgba(0, 0, 0, 0.1) 0%,rgba(0, 0, 0, 0.07) 40%,transparent 41%,transparent 100%),linear-gradient(116deg,rgba(0, 0, 0, 0.1) 0%,rgba(0, 0, 0, 0.07) 50%,transparent 51%,transparent 100%),linear-gradient(to top, #99749d, #b895ab, #cc9aa6, #d7969e, #e0787f);
}
.error-container > span.four:after {width: 137px;height: 43px;transform: rotate(-49.5deg);left: -18px;bottom: 36px;background: linear-gradient(to right,#99749d,#b895ab,#cc9aa6,#d7969e,#e0787f);
}.error-container > span.zero {vertical-align: text-top;width: 156px;height: 156px;border-radius: 999px;background: linear-gradient(-45deg,transparent 0%,rgba(0, 0, 0, 0.06) 50%,transparent 51%,transparent 100%),linear-gradient(to top right,#99749d,#99749d,#b895ab,#cc9aa6,#d7969e,#ed8687,#ed8687);overflow: hidden;animation: bgshadow 5s infinite;
}
.error-container > span.zero:before {content: "";display: block;position: absolute;transform: rotate(45deg);width: 90px;height: 90px;background-color: transparent;left: 0px;bottom: 0px;background: linear-gradient(95deg,transparent 0%,transparent 8%,rgba(0, 0, 0, 0.07) 9%,transparent 50%,transparent 100%),linear-gradient(85deg,transparent 0%,transparent 19%,rgba(0, 0, 0, 0.05) 20%,rgba(0, 0, 0, 0.07) 91%,transparent 92%,transparent 100%);
}
.error-container > span.zero:after {content: "";display: block;position: absolute;border-radius: 999px;width: 70px;height: 70px;left: 43px;bottom: 43px;background: #fdfaf5;box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}.screen-reader-text {position: absolute;top: -9999em;left: -9999em;
}@keyframes bgshadow {0% {box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4);}45% {box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);}55% {box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);}100% {box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4);}
}/* demo stuff */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
body {background-color: #fdfaf5;margin-bottom: 50px;
}
html,
button,
input,
select,
textarea {font-family: "Montserrat", Helvetica, sans-serif;color: #bbb;
}
h1 {text-align: center;margin: 30px 15px;
}
.zoom-area {max-width: 490px;margin: 30px auto 30px;font-size: 19px;text-align: center;
}
.link-container {text-align: center;
}
a.more-link {text-transform: uppercase;font-size: 13px;background-color: #de7e85;padding: 10px 15px;border-radius: 0;color: #fff;display: inline-block;margin-right: 5px;margin-bottom: 5px;line-height: 1.5;text-decoration: none;margin-top: 50px;letter-spacing: 1px;
}
a {display: inline-block;text-transform: uppercase;font: 1em 'Roboto';font-weight: 300;border: 1px solid #2f8f7f;border-radius: 4px;color: #2f8f7f;margin-top: 10%;padding: 8px 14px;text-decoration: none;opacity: .6;text-align: center;
}
a:hover{border: 1px solid #e27b7e;color: #e27b7e;}
</style>
</head>
<body><h1>404 Error 本页面不存在</h1><p class="zoom-area"><b></b> 不是每次相遇都是巧合~ </p><section class="error-container"><span class="four"><span class="screen-reader-text">4</span></span><span class="zero"><span class="screen-reader-text">0</span></span><span class="four"><span class="screen-reader-text">4</span></span>
</section>
<p class="zoom-area">
<a href="https://www.qqmu.com/">返回首页</a>
<a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=Y4By-EWjecaDw0euySk_OE8XwRogNm05&authKey=jLzq5pVhYF%2FIea%2BDmI2TMLzL67bFCZci3CoE9jDrCL13OAbV4eLGL6%2FNntOfXJDB&noverify=0&group_code=290987565">进入群聊</a>
</p></body>
</html>

相关文章：

单页404源码

<!doctype html> <html> <head> <meta charset"utf-8"> <title>简约 404错误页</title><link rel"shortcut icon" href"./favicon.png"><style> import url("https://fonts.googleapis.co…...

编程日记 2024/2/14 11:36:09

MySQL-运维

一、日志 1.错误日志 错误日志是MySQL中最重要的日志之一&#xff0c;它记录了当mysql启动和停止时&#xff0c;以及服务器在运行过程中发生任何严重错误时的相关性息。当数据库出现任何故障导致无法正常使用时&#xff0c;建议首先查看此日志。 该日志是默认开启的&#xf…...

编程日记 2024/2/14 11:27:00

Waymo数据集下载与使用

在撰写论文时&#xff0c;接触到一个自动驾驶数据集Waymo Dataset 论文链接为&#xff1a;https://arxiv.org/abs/1912.04838v7 项目链接为&#xff1a;https://github.com/waymo-research/waymo-open-dataset 数据集链接为&#xff1a;https://waymo.com/open waymo提供了两种…...

编程日记 2024/2/14 11:24:57

蓝桥杯每日一题----素数筛

素数筛 素数筛的作用是筛选出[2,N]范围内的所有素数&#xff0c;本次主要讲解两种方法&#xff0c;分别是埃氏筛和欧拉筛。证明时会提到唯一分解定理&#xff0c;如果不知道的小伙伴可以先去学一学&#xff0c;那我们开始啦&#xff01; 1.埃氏筛 主要思想&#xff1a;当找到…...

编程日记 2024/2/14 11:22:55

20240212请问如何将B站下载的软字幕转换成为SRT格式？

20240212请问如何将B站下载的软字幕转换成为SRT格式&#xff1f; 2024/2/12 12:47 百度搜索&#xff1a;字幕 json 转 srt json srt https://blog.csdn.net/a_wh_white/article/details/120687363?share_token2640663e-f468-4737-9b55-73c808f5dcf0 https://blog.csdn.net/a_w…...

编程日记 2024/2/14 11:21:53

《CSS 简易速速上手小册》第6章：高级 CSS 技巧（2024 最新版）

文章目录 6.1 使用 CSS 变量进行设计&#xff1a;魔法配方的调配6.1.1 基础知识6.1.2 重点案例&#xff1a;创建可定制的主题6.1.3 拓展案例 1&#xff1a;响应式字体大小6.1.4 拓展案例 2&#xff1a;使用 CSS 变量创建动态阴影效果 6.2 calc(), min(), max() 等函数的应用&am…...

编程日记 2024/2/14 11:15:46

2024-02-11 多进程、多线程 work

1. 创建一个多进程服务器和多线程服务器 a. 多进程 #include<myhead.h> #define PORT 9999 //端口号 #define IP "192.168.125.113" //IP地址//定义信号处理函数&#xff0c;用于回收僵尸进程 void handler(int signo) {if(signo S…...

编程日记 2024/2/14 11:11:41

详解结构体内存对齐及结构体如何实现位段~

目录 ​编辑 一&#xff1a;结构体内存对齐 1.1对齐规则 1.2.为什么存在内存对齐 1.3修改默认对齐数 二.结构体实现位段 2.1什么是位段 2.2位段的内存分配 2.3位段的跨平台问题 2.4位段的应用 2.5位段使用的注意事项 三.完结散花 悟已往之不谏&#xff0c;知来者犹可…...

编程日记 2024/2/14 11:10:40

Linux网络编程——tcp套接字

文章目录 主要代码关于构造listen监听accepttelnet测试读取信息掉线重连翻译服务器演示 本章Gitee仓库&#xff1a;tcp套接字 主要代码 客户端&#xff1a; #pragma once#include"Log.hpp"#include<iostream> #include<cstring>#include<sys/wait.h…...

编程日记 2024/2/14 11:08:38

【计算机网络】协议层次及其服务模型

协议栈&#xff08;protocol stack&#xff09; 物理层链路层网络层运输层应用层我们自顶向下&#xff0c;所以从应用层开始探究应用层 协议 HTTP 提供了WEB文档的请求和传送SMTP 提供电子邮件报文的传输FTP 提供两个端系统之间的文件传输报文&#xff08;message&#xff09;是…...

编程日记 2024/2/14 11:02:33

prometheus之redis_exporter部署

下载解压压缩包 mkdir /opt/redis_exporter/ cd /opt/redis_exporter/ wget http://soft.download/soft/linux/prometheus/redis_exporter/redis_exporter-v1.50.0.linux-amd64.tar.gz tar -zxvf redis_exporter-v1.50.0.linux-amd64.tar.gz ln -s /opt/redis_exporter/redis_…...

编程日记 2024/2/14 11:01:32

js 解构赋值

搬运&#xff1a;JavaScript系列之解构赋值_js解构赋值-CSDN博客...

编程日记 2024/2/14 10:59:31

Vivado用ILA抓波形保存为CSV文件

将ILA观察到的波形数据捕获为CSV文件&#xff0c;抓10次&#xff0c;把文件合并&#xff0c;把源文件删除 运行方法&#xff1a;Vivado的 Tcl console 窗口输入命令 set tcl_dir F:/KLD_FPGA/Code/sim set tcl_filename TCL_ILA_TRIG_V1.2.tcl source $tcl_dir/$tcl_filenam…...

编程日记 2024/2/14 10:54:25

微软AD域替代方案，助力企业摆脱hw期间被攻击的窘境

在红蓝攻防演练&#xff08;hw行动&#xff09;中&#xff0c;AD域若被攻击成功&#xff0c;是其中一个扣分最多的一项内容。每年&#xff0c;宁盾都会接到大量AD在hw期间被攻击&#xff0c;甚至是被打穿的企业客户。过去&#xff0c;企业还会借助2FA双因子认证加强OA、Exchang…...

编程日记 2024/2/14 10:53:22

Git教程I

Git教程I 本地Git创建git仓库将修改存到暂存区将暂存区提交到当前分支查看提交历史回退版本恢复到更晚的版本创建新分支切换分支简单的分支合并冲突分支合并不使用fast forward: --no-ff 远程Git连接远程仓库将本地分支上传到远程仓库从远程仓库拉取 本地Git 学习如何使用本地…...

编程日记 2024/2/14 10:51:21

containerd中文翻译系列(十)镜像验证

下面将介绍默认的 "bindir"ImageVerifier插件实现。 要启用图像验证&#xff0c;请在 containerd 配置中添加类似下面的一段&#xff1a; [plugins][plugins."io.containerd.image-verifier.v1.bindir"]bin_dir "/opt/containerd/image-verifier/b…...

编程日记 2024/2/14 10:50:19

假期day9(2024/2/14)

获取数据库查询的值并调用值使用函数&#xff1a;sqlite3_get_table 在回调函数中获取数据库查询值&#xff0c;无法在其他函数调用&#xff1a;使用函数sqlite3_exec(db, sql, select_callback, &flag, &errmsg&#xff09; 创建表 create table if not exists 表名…...

编程日记 2024/2/14 10:44:12

Leetcode 674 最长连续递增序列

题意理解&#xff1a; 给定一个未经排序的整数数组&#xff0c;找到最长且 连续递增的子序列&#xff0c;并返回该序列的长度。 连续递增的子序列 可以由两个下标 l 和 r&#xff08;l < r&#xff09;确定&#xff0c;如果对于每个 l < i < r&#xff0c;都有 nums[i…...

编程日记 2024/2/14 10:42:10

力扣题目训练（8）

2024年2月1日力扣题目训练 2024年2月1日力扣题目训练404. 左叶子之和405. 数字转换为十六进制数409. 最长回文串116. 填充每个节点的下一个右侧节点指针120. 三角形最小路径和60. 排列序列 2024年2月1日力扣题目训练 2024年2月1日第八天编程训练&#xff0c;今天主要是进行一些…...

编程日记 2024/2/14 10:40:08

理解JAVA EE设计模式

理解JAVA EE设计模式 在Web应用程序的设计和开发阶段，开发人员在开发类似的项目时可能会遇到相似的问题。每名开发人员可能会遇到的问题找出不同或相似的解决方案。但是，这导致一些时间和精力浪费在为相似的问题寻找解决方案上。因此，要啊节省时间和精力，需要记录常见问题…...

编程日记 2024/2/14 10:37:04

Taskbar11完全指南：解锁Windows 11任务栏自定义的终极解决方案

Taskbar11完全指南&#xff1a;解锁Windows 11任务栏自定义的终极解决方案 【免费下载链接】Taskbar11 Change the position and size of the Taskbar in Windows 11 项目地址: https://gitcode.com/gh_mirrors/ta/Taskbar11 还在为Windows 11任务栏的严格限制感到困扰吗…...

编程新知 2026/5/19 11:44:35

PTA天梯赛L2-007家庭房产题解：用C++并查集+结构体搞定复杂家庭关系统计（附完整代码）

PTA天梯赛L2-007家庭房产题解&#xff1a;C并查集与结构体的高效应用 在算法竞赛中&#xff0c;处理复杂关系网络是常见挑战。PTA天梯赛L2-007"家庭房产"题目正是这类问题的典型代表&#xff0c;要求选手统计每个家庭的人口、房产套数和人均面积。这道题看似简单&am…...

编程新知 2026/5/19 10:07:07

基于Google App Engine构建物联网能耗监测系统：从传感器到可视化全栈实践

1. 项目概述与核心价值如果你和我一样&#xff0c;对家里或办公室里那些“电老虎”设备到底消耗了多少能源感到好奇&#xff0c;甚至想为节能减排做点贡献&#xff0c;那么自己动手搭建一个能耗监测系统会是一个极具成就感的项目。这不仅仅是技术上的挑战&#xff0c;更是一种将…...

编程新知 2026/5/19 9:12:35

中兴光猫终极管理工具：一键开启工厂模式与永久Telnet完全指南

中兴光猫终极管理工具&#xff1a;一键开启工厂模式与永久Telnet完全指南 【免费下载链接】zteOnu A tool that can open ZTE onu device factory mode 项目地址: https://gitcode.com/gh_mirrors/zt/zteOnu zteOnu是一款专为中兴光猫设备设计的开源管理工具&#xff0c…...

编程新知 2026/5/19 8:57:17

CMOS概率计算芯片设计与工程实践

1. CMOS概率计算芯片的核心设计理念概率计算作为一种新兴的计算范式&#xff0c;正在突破传统冯诺依曼架构的局限。我们团队开发的这款440节点CMOS芯片&#xff0c;其核心创新点在于将物理启发的随机性与标准CMOS工艺完美结合。不同于传统计算机的确定性计算方式&#xff0c;每…...

编程新知 2026/5/19 8:45:09

Wireshark实战：从抓包到文件还原，手把手教你导出HTTP传输的图片和压缩包

Wireshark实战&#xff1a;从抓包到文件还原的完整指南 在数字化办公环境中&#xff0c;文件传输已成为日常工作的基础环节。无论是企业内部的文档共享&#xff0c;还是网站上的资源下载&#xff0c;HTTP协议承载着海量的文件传输任务。当我们需要排查文件传输故障、分析网络行…...

编程新知 2026/5/19 8:37:03

别再只会用阿里云加速了！手把手教你配置Docker daemon.json，优化日志与存储路径

深度优化Docker生产环境&#xff1a;daemon.json高阶配置实战指南 当Docker从开发测试环境走向生产部署时&#xff0c;默认配置往往成为性能瓶颈和系统隐患的源头。许多团队在遭遇磁盘爆满、日志失控或网络拥塞后&#xff0c;才意识到基础镜像加速只是Docker调优的冰山一角。本…...

编程新知 2026/5/19 6:29:11

离子阱量子计算机与SIMD编译优化技术解析

1. 离子阱量子计算机与SIMD的奇妙结合在量子计算领域&#xff0c;离子阱系统因其独特的物理特性而备受关注。与传统超导量子比特不同&#xff0c;离子阱量子计算机通过电磁场将带电原子&#xff08;通常是镱或钙离子&#xff09;悬浮在真空中&#xff0c;利用激光操控这些离子的…...

编程新知 2026/5/19 6:10:04

机器人碰撞检测2：FCL库进阶实战与性能优化

1. 从基础到进阶&#xff1a;FCL库在机器人运动规划中的角色 第一次接触FCL库时&#xff0c;你可能已经体验过它强大的基础碰撞检测功能。但当机器人需要在一个充满动态障碍物的工厂环境中自主导航&#xff0c;或者机械臂要在密集货架上精准抓取物品时&#xff0c;简单的两两碰…...

编程新知 2026/5/19 5:40:43

【亲测免费】 探索卷积神经网络之美：一键绘制专业结构图的利器

探索卷积神经网络之美&#xff1a;一键绘制专业结构图的利器 【下载地址】卷积神经网络结构绘制工具 本资源适用于需要展示卷积神经网络具体结构的研究人员。用户下载本项目后&#xff0c;按照README官方教程中的“Getting Started”部分进行操作&#xff0c;简单学习语法后即可…...

编程新知 2026/5/19 4:48:14