Merge remote-tracking branch 'origin/main'
This commit is contained in:
@@ -7,15 +7,6 @@
|
||||
<meta name="description" content="专业的活牛采购数字化管理系统,提供从采购、运输到结算的全流程数字化解决方案,助力养殖企业提升采购效率。">
|
||||
<meta name="keywords" content="活牛采购,畜牧管理,数字化系统,SOP系统,农业数字化,养殖业">
|
||||
|
||||
<!-- Bootstrap 5 CSS -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Font Awesome Icons -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
|
||||
<!-- AOS Animation -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
||||
<!-- 自定义样式 -->
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
|
||||
<!-- 结构化数据 -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
@@ -29,23 +20,44 @@
|
||||
"@type": "Offer",
|
||||
"price": "0",
|
||||
"priceCurrency": "CNY"
|
||||
}
|
||||
},
|
||||
"aggregateRating": {
|
||||
"@type": "AggregateRating",
|
||||
"ratingValue": "4.8",
|
||||
"bestRating": "5",
|
||||
"worstRating": "1",
|
||||
"ratingCount": "156"
|
||||
},
|
||||
"softwareVersion": "3.2",
|
||||
"dateModified": "2023-12-15"
|
||||
}
|
||||
</script>
|
||||
<!-- Bootstrap 5 CSS -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Font Awesome Icons -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.7.2/css/all.css" rel="stylesheet">
|
||||
<!-- AOS Animation -->
|
||||
<link href="https://cdn.bootcdn.net/ajax/libs/aos/2.3.4/aos.css" rel="stylesheet">
|
||||
<!-- 自定义样式 -->
|
||||
<link href="css/custom.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<img src="images/logo.png" alt="活牛采购智能数字化系统" height="40">
|
||||
<span class="ms-2 fw-bold">活牛采购智能数字化系统</span>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
|
||||
<!-- 导航栏 -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top shadow-sm">
|
||||
<div class="container">
|
||||
<a class="navbar-brand d-flex align-items-center" href="index.html">
|
||||
<div class="logo-container me-2">
|
||||
<i class="fas fa-cow text-primary fs-2"></i>
|
||||
</div>
|
||||
<div class="brand-text">
|
||||
<div class="brand-name fw-bold">NiuMall</div>
|
||||
<div class="brand-subtitle">活牛采购智能系统</div>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item">
|
||||
@@ -78,21 +90,16 @@
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- 面包屑导航 -->
|
||||
<nav aria-label="breadcrumb" class="pt-5 mt-5">
|
||||
<div class="container">
|
||||
<ol class="breadcrumb">
|
||||
<li class="breadcrumb-item"><a href="index.html">首页</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page">活牛采购智能数字化系统</li>
|
||||
</ol>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<!-- 英雄区域 -->
|
||||
<section class="hero-section bg-dark text-white py-5">
|
||||
<div class="container py-5">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-lg-8 mx-auto text-center">
|
||||
<div class="hero-badge mb-3">
|
||||
<span class="badge bg-primary">行业领先</span>
|
||||
</div>
|
||||
<h1 class="display-4 fw-bold mb-4">数字化活牛采购全流程管理</h1>
|
||||
<p class="lead mb-4">专业的SOP采购管理系统,从供应商筛选、订单管理、运输跟踪到财务结算,一站式解决活牛采购的所有难题。</p>
|
||||
|
||||
@@ -100,7 +107,7 @@
|
||||
<a href="contact.html" class="btn btn-primary btn-lg">
|
||||
<i class="fas fa-rocket me-2"></i>立即试用
|
||||
</a>
|
||||
<a href="product.html" class="btn btn-outline-primary btn-lg">
|
||||
<a href="demo.html" class="btn btn-outline-light btn-lg">
|
||||
<i class="fas fa-play-circle me-2"></i>观看演示
|
||||
</a>
|
||||
</div>
|
||||
@@ -114,6 +121,71 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 核心功能亮点轮播 -->
|
||||
<section class="py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-6 mb-3">核心功能亮点</h2>
|
||||
<p class="text-muted">为什么选择我们的系统</p>
|
||||
</div>
|
||||
|
||||
<div id="featuresCarousel" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-indicators">
|
||||
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="0" class="active" aria-current="true"></button>
|
||||
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="1"></button>
|
||||
<button type="button" data-bs-target="#featuresCarousel" data-bs-slide-to="2"></button>
|
||||
</div>
|
||||
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-bolt"></i>
|
||||
</div>
|
||||
<h3 class="mb-3">智能采购建议</h3>
|
||||
<p class="lead">基于历史数据和市场趋势分析,系统能够为用户提供智能采购建议,包括采购时机、数量预测、价格趋势等,帮助用户做出更明智的采购决策。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-mobile-alt"></i>
|
||||
</div>
|
||||
<h3 class="mb-3">移动端优化</h3>
|
||||
<p class="lead">针对移动设备进行了全面优化,界面更加简洁直观,操作更加流畅便捷。无论您是在牧场、运输途中还是办公室,都能轻松管理采购流程。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="carousel-item">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 text-center">
|
||||
<div class="feature-icon mx-auto mb-4">
|
||||
<i class="fas fa-chart-line"></i>
|
||||
</div>
|
||||
<h3 class="mb-3">数据可视化</h3>
|
||||
<p class="lead">新增丰富的数据可视化功能,通过图表形式直观展示采购数据、成本分析、供应商绩效等关键指标,让数据更有价值。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button class="carousel-control-prev" type="button" data-bs-target="#featuresCarousel" data-bs-slide="prev">
|
||||
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Previous</span>
|
||||
</button>
|
||||
<button class="carousel-control-next" type="button" data-bs-target="#featuresCarousel" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 功能特性 -->
|
||||
<section class="features-section py-5">
|
||||
<div class="container">
|
||||
@@ -175,7 +247,7 @@
|
||||
</section>
|
||||
|
||||
<!-- 统计数据 -->
|
||||
<section class="stats-section">
|
||||
<section class="stats-section py-5 bg-dark text-white">
|
||||
<div class="container">
|
||||
<div class="row text-center">
|
||||
<div class="col-md-3 col-6">
|
||||
@@ -264,7 +336,7 @@
|
||||
</section>
|
||||
|
||||
<!-- 客户案例 -->
|
||||
<section class="cases-section py-5">
|
||||
<section class="cases-section py-5 bg-light">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="display-6 mb-3">客户案例</h2>
|
||||
|
||||
Reference in New Issue
Block a user