aiotadmin/caiyunniu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化项目结构并添加官网首页

Browse Source
This commit is contained in:
aiotagro
2025-12-08 15:22:56 +08:00
commit f776972645
44 changed files with 2593 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

275
website/about.html Normal file
View File

@@ -0,0 +1,275 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>关于我们 - 云南智慧牛产业平台</title>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://cdn.bootcdn.net/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
.about-header {
background-image: url('images/about-header.jpg');
background-size: cover;
background-position: center;
color: white;
padding: 120px 0 100px;
text-align: center;
position: relative;
}
.about-header::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.6);
}
.about-header .container {
position: relative;
z-index: 1;
}
.timeline {
position: relative;
padding: 40px 0;
list-style: none;
}
.timeline:before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 4px;
margin-left: -2px;
background-color: #ebeef5;
border-radius: 2px;
}
.timeline > li {
position: relative;
margin-bottom: 40px;
}
.timeline > li:before,
.timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
float: left;
position: relative;
width: 45%;
padding: 25px;
border: 1px solid #ebeef5;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
background: #fff;
transition: all 0.3s;
}
.timeline > li > .timeline-panel:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
border-color: #409EFF;
}
.timeline > li > .timeline-badge {
z-index: 100;
position: absolute;
top: 20px;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-radius: 50%;
background-color: #409EFF;
border: 4px solid #fff;
box-shadow: 0 0 0 2px #409EFF;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
}
.timeline-title {
margin-top: 0;
color: #303133;
font-weight: bold;
font-size: 20px;
margin-bottom: 10px;
}
.timeline-body p {
color: #606266;
font-size: 15px;
line-height: 1.6;
margin-bottom: 0;
}
.text-muted i {
margin-right: 5px;
}
</style>
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">切换导航</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">云南智慧牛产业平台</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">首页</a></li>
<li><a href="solutions.html">解决方案</a></li>
<li><a href="news.html">新闻中心</a></li>
<li class="active"><a href="about.html">关于我们</a></li>
<li><a href="help.html">帮助中心</a></li>
<li><a href="contact.html">联系我们</a></li>
<li><a href="#" class="btn btn-primary navbar-btn" style="margin-left: 10px;">登录 / 注册</a></li>
</ul>
</div>
</div>
</nav>
<div class="about-header">
<div class="container">
<h1 class="animated fadeInDown">关于我们</h1>
<p class="lead animated fadeInUp delay-1s">用科技连接牧场与餐桌，让养牛更简单</p>
</div>
</div>
<!-- 公司简介 -->
<div class="section-container">
<div class="container">
<div class="row">
<div class="col-md-6 wow fadeInLeft">
<h2 class="section-title">平台背景</h2>
<div class="section-divider" style="margin-left: 0;"></div>
<p class="lead">云南智慧牛产业平台是响应国家乡村振兴战略，依托云南省丰富的畜牧资源，由顶尖技术团队打造的综合性服务平台。</p>
<p>我们致力于解决传统养殖中的信息不对称、融资难、监管难等痛点。平台通过物联网、大数据、区块链等技术，构建了从养殖到餐桌的全产业链数字化闭环，为政府、企业、养殖户、金融机构提供一站式服务。</p>
<p>目前，平台已覆盖全省16个州市，服务养殖户超过5万户，管理牛只超过80万头，成为云南省数字农业的标杆项目。</p>
</div>
<div class="col-md-6 wow fadeInRight">
<img src="images/about-header.jpg" class="img-responsive img-rounded shadow-lg" alt="团队合作" style="margin-top: 20px;">
</div>
</div>
</div>
</div>
<!-- 发展历程 -->
<div class="section-container bg-gray">
<div class="container">
<div class="text-center">
<h2 class="section-title">发展历程</h2>
<div class="section-divider"></div>
</div>
<ul class="timeline">
<li class="wow fadeInUp" data-wow-delay="0.2s">
<div class="timeline-badge"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">2024年1月</h4>
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 起步</small></p>
</div>
<div class="timeline-body">
<p>云南智慧牛产业平台项目正式立项，组建核心研发团队。</p>
</div>
</div>
</li>
<li class="timeline-inverted wow fadeInUp" data-wow-delay="0.4s">
<div class="timeline-badge"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">2024年6月</h4>
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 上线</small></p>
</div>
<div class="timeline-body">
<p>平台V1.0版本发布，在昆明、曲靖等地开展试点应用。</p>
</div>
</div>
</li>
<li class="wow fadeInUp" data-wow-delay="0.6s">
<div class="timeline-badge"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">2024年12月</h4>
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 突破</small></p>
</div>
<div class="timeline-body">
<p>平台注册养殖户突破1万户，在栏牛只超过10万头，获得政府表彰。</p>
</div>
</div>
</li>
<li class="timeline-inverted wow fadeInUp" data-wow-delay="0.8s">
<div class="timeline-badge"></div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4 class="timeline-title">2025年5月</h4>
<p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 升级</small></p>
</div>
<div class="timeline-body">
<p>V2.0版本发布，新增活体抵押贷、在线交易大厅等核心功能，开启全面推广。</p>
</div>
</div>
</li>
</ul>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>联系我们</h3>
<p>电话：400-888-8888</p>
<p>邮箱：contact@caiyunniu.com</p>
<p>地址：云南省昆明市高新技术产业开发区</p>
</div>
<div class="col-md-4">
<h3>快速链接</h3>
<ul class="list-unstyled">
<li><a href="about.html">关于平台</a></li>
<li><a href="solutions.html">核心服务</a></li>
<li><a href="help.html">帮助中心</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</div>
<div class="col-md-4">
<h3>关注我们</h3>
<p>微信公众号：云南智慧牛</p>
</div>
</div>
<div class="footer-bottom text-center">
<p>&copy; 2025 云南智慧牛产业平台 版权所有</p>
</div>
</div>
</footer>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
// Navbar Scroll Effect
$(document).ready(function(){
$(window).scroll(function() {
if ($(this).scrollTop() > 50) {
$('.navbar-default').addClass('navbar-scrolled');
} else {
$('.navbar-default').removeClass('navbar-scrolled');
}
});
});
</script>
</body>
</html>