初始化项目结构并添加官网首页
This commit is contained in:
290
website/help.html
Normal file
290
website/help.html
Normal file
@@ -0,0 +1,290 @@
|
||||
<!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>
|
||||
.help-header {
|
||||
background-image: url('images/help-header.jpg');
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
color: white;
|
||||
padding: 120px 0 100px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
.help-header::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
.help-header .container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.search-box {
|
||||
max-width: 600px;
|
||||
margin: 30px auto 0;
|
||||
position: relative;
|
||||
}
|
||||
.search-box input {
|
||||
height: 56px;
|
||||
font-size: 16px;
|
||||
border-radius: 28px;
|
||||
padding-left: 25px;
|
||||
padding-right: 60px;
|
||||
border: none;
|
||||
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
|
||||
}
|
||||
.search-box .btn {
|
||||
position: absolute;
|
||||
right: 5px;
|
||||
top: 5px;
|
||||
height: 46px;
|
||||
width: 46px;
|
||||
border-radius: 50%;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #409EFF;
|
||||
border: none;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.search-box .btn:hover {
|
||||
transform: scale(1.05);
|
||||
background: #66b1ff;
|
||||
}
|
||||
.panel-group .panel {
|
||||
border-radius: 8px;
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
||||
border: 1px solid #ebeef5;
|
||||
margin-bottom: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.panel-default > .panel-heading {
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
.panel-title > a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
color: #303133;
|
||||
padding: 18px 20px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.panel-title > a:hover {
|
||||
color: #409EFF;
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
.panel-title > a .glyphicon {
|
||||
margin-right: 10px;
|
||||
color: #409EFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
.panel-body {
|
||||
border-top: 1px solid #f0f2f5;
|
||||
padding: 20px;
|
||||
color: #606266;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.list-group-item {
|
||||
border: none;
|
||||
padding: 12px 20px;
|
||||
color: #606266;
|
||||
border-radius: 4px !important;
|
||||
margin-bottom: 5px;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
|
||||
background-color: #ecf5ff;
|
||||
color: #409EFF;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
.list-group-item:hover {
|
||||
background-color: #f5f7fa;
|
||||
color: #409EFF;
|
||||
}
|
||||
</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><a href="about.html">关于我们</a></li>
|
||||
<li class="active"><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="help-header">
|
||||
<div class="container">
|
||||
<h1 class="animated fadeInDown">帮助中心</h1>
|
||||
<p class="lead animated fadeInUp delay-1s">有什么可以帮您？</p>
|
||||
<div class="search-box animated fadeInUp delay-2s">
|
||||
<input type="text" class="form-control" placeholder="搜索问题关键词，如“如何注册”">
|
||||
<button class="btn btn-primary"><i class="glyphicon glyphicon-search" style="color: white;"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container" style="margin-top: 50px; margin-bottom: 80px;">
|
||||
<div class="row">
|
||||
<div class="col-md-3 wow fadeInLeft">
|
||||
<div class="list-group">
|
||||
<a href="#" class="list-group-item active">常见问题</a>
|
||||
<a href="#" class="list-group-item">账号管理</a>
|
||||
<a href="#" class="list-group-item">牛只录入</a>
|
||||
<a href="#" class="list-group-item">交易指南</a>
|
||||
<a href="#" class="list-group-item">金融服务</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-9 wow fadeInRight">
|
||||
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingOne">
|
||||
<h4 class="panel-title">
|
||||
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 如何注册成为平台会员？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
|
||||
<div class="panel-body">
|
||||
您可以点击页面右上角的“登录/注册”按钮，选择“注册”，填写您的手机号码并获取验证码即可完成注册。如果是企业用户，注册后需要在个人中心进行企业认证。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingTwo">
|
||||
<h4 class="panel-title">
|
||||
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 忘记密码怎么办？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
|
||||
<div class="panel-body">
|
||||
在登录页面点击“忘记密码”，输入您注册时的手机号码，通过短信验证码验证身份后，即可重置密码。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingThree">
|
||||
<h4 class="panel-title">
|
||||
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 发布的牛只信息需要审核吗？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
|
||||
<div class="panel-body">
|
||||
是的，为了保证交易的真实性和安全性，所有发布的牛只信息都需要经过平台审核。审核通常在1-2个工作日内完成，审核结果会通过短信通知您。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading" role="tab" id="headingFour">
|
||||
<h4 class="panel-title">
|
||||
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
|
||||
<i class="glyphicon glyphicon-question-sign"></i> 申请活体抵押贷款需要什么条件？
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
|
||||
<div class="panel-body">
|
||||
申请人需为平台实名认证用户，且牛只已佩戴智能耳标并录入系统满3个月。具体额度和利率根据您的养殖规模和信用状况由合作银行评估决定。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center" style="margin-top: 50px;">
|
||||
<h3>没找到答案？</h3>
|
||||
<p class="text-muted">您可以直接联系我们的客服人员</p>
|
||||
<a href="contact.html" class="btn btn-primary btn-lg">联系客服</a>
|
||||
</div>
|
||||
</div>
|
||||
</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>© 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>
|
||||
Reference in New Issue
Block a user