Browse Source

404页面已完成

duanxiaoduan 2 years ago
commit
ea9abb6845
5 changed files with 130 additions and 0 deletions
  1. 130 0
      404.html
  2. BIN
      img/1.png
  3. BIN
      img/2.png
  4. BIN
      img/3.png
  5. BIN
      img/4.png

+ 130 - 0
404.html

@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+	</head>
+	<body>
+		<style type="text/css">
+			*{
+				margin: 0 0;
+				padding: 0 0;
+				overflow-y: hidden;
+			}
+			.top{
+				height:50vh;
+				width: 100%;
+				background:rgba(2, 125, 180, 1);
+			}
+			.top .top-l{
+				width: 70%;
+				float:left;
+				height:100%;
+				color: #fff;
+				position: relative;
+			}
+			.top .top-l .title{
+				padding: 30px 30px 20px;
+				font-size: 40px;
+			}
+			.top .top-l .content{
+				padding: 0 30px;
+			}
+			.top .top-l .content p{
+				line-height: 40px;
+				font-size: 20px;
+				font-weight: 600;
+			}
+			.tip{
+				position: absolute;
+				left: 30px;
+				bottom: 30px;
+			}
+			.tip img{
+				float: left;
+				width: 30px;
+				height: 40px;
+				height: auto;
+				margin-right: 10px;
+			}
+			.tip span{
+				line-height: 40px;
+			}
+			.top-r{
+				width: 30%;
+				float:left;
+				height:100%;
+			}
+			.top-r img{
+				width: 100%;
+				height: 100%;
+			}
+			
+			.bottom{
+				margin-top: 1vh;
+				height: 49vh;
+				width: 100%;
+			}
+			.bottom-l{
+				width: 60%;
+				float:left;
+				height:100%;
+				color: #fff;
+				/* background: url('https://tuchuangs.com/imgs/2022/09/22/7c9f3464ee4f71f1.png') no-repeat; */
+				background: url('./img/3.png') no-repeat;
+				background-size: 100% 100%;  
+			}
+			.bottom-l .title{
+				padding: 30px 30px 10px;
+				font-size: 45px;
+				font-weight: 600;
+			}
+			.bottom-l .content{
+				padding-left: 20px;
+				font-size: 20px;
+				font-weight: 600;
+				width: 73%;
+				line-height: 40px;
+			}
+			.bottom-r{
+				width: 40%;
+				float:left;
+				height:100%;
+			}
+			.bottom-r img{
+				width: 100%;
+				height: 100%;
+			}
+		</style>
+		<!-- <img src="https://tuchuangs.com/imgs/2022/09/22/d70a411b8701cd26.jpg" style="width: 100%;height: 100%;"/> -->
+		<div class="top">
+			<div class="top-l">
+				<div class="title">TMR饲喂系统类似牧场饲喂管控大脑</div>
+				<div class="content">
+					<p>TMR饲喂系统类似牧场饲喂管控大脑</p>
+					<p>发送指令给PLC系统并实时收集信息和发出告警</p>
+					<p>确保牧场使用饲料的精准性</p>
+				</div>
+				<div class="tip">
+					<img src="./img/4.png" />
+					<span>请检查域名是否正确或服务器是否联网......</span>
+				</div>
+			</div>
+			<div class="top-r">
+				<img src="./img/1.png" />
+			</div>
+		</div>
+		<div class="bottom">
+			<div class="bottom-l">
+				<div class="title"> 实力见证&nbsp;&nbsp;&nbsp;国货之光 </div>
+				<div class="content">
+					专业性极强的研发团队,其核心开发团队有着丰富的牧场管理与实践经验,并配备了标准化、精细化服务团队。作为伊利、阿里云的战略合作伙伴,科湃腾设立中国农业大学教育基金会“牛精英基金”,与新希望搭建战略合作饲喂系统平台,与青岛友宏战略合作启动牧场“智能化中央厨房”项目,与蒙牛战略合作铸镕计划(智慧牧场集成),并与现代牧业、蒙牛共同成立海南云养牛科技有限公司。
+				</div>
+			</div>
+			<div class="bottom-r">
+				<img src="./img/2.png" />
+				<!-- <img src="./img/3.png" /> -->
+			</div>
+		</div>
+	</body>
+</html>

BIN
img/1.png


BIN
img/2.png


BIN
img/3.png


BIN
img/4.png