学习11
评估指标和方法
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>评估指标和方法 - 老年人评估系统</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<style>
body {
background-color: #f5f5f5;
font-family: "Microsoft YaHei", sans-serif;
}
.header {
background-color: #fff;
padding: 20px 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-style {
background: #007bff !important;
padding: 0;
}
.navbar-style .nav-link {
color: white !important;
padding: 15px 20px !important;
font-size: 16px;
}
.main-content {
padding: 40px 0;
}
/* 搜索框样式 */
.search-wrap {
padding: 10px 0;
}
.search-box {
display: flex;
margin-bottom: 10px;
}
.search-box input {
flex: 1;
padding: 8px 15px;
border: 2px solid #007bff;
border-right: none;
border-radius: 4px 0 0 4px;
outline: none;
}
.search-box button {
padding: 8px 20px;
background: #007bff;
color: white;
border: none;
border-radius: 0 4px 4px 0;
cursor: pointer;
}
.hot-search {
font-size: 14px;
color: #666;
}
/* 导航栏样式 */
.navbar-style {
background: #007bff !important;
padding: 0;
}
.navbar-style .navbar {
background: #007bff !important;
padding: 0;
}
.navbar-style .nav-link {
color: white !important;
padding: 15px 20px !important;
font-size: 16px;
transition: background-color 0.3s;
}
.navbar-style .nav-link:hover,
.navbar-style .nav-link.active {
background-color: #0056b3;
}
/* 内容卡片样式 */
.content-card {
background: #fff;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
margin-bottom: 30px;
overflow: hidden;
}
.section-header {
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
color: white;
padding: 20px 30px;
display: flex;
align-items: center;
gap: 15px;
}
.section-header h2 {
margin: 0;
font-size: 24px;
font-weight: 600;
}
.section-body {
padding: 30px;
}
/* 指标项样式 */
.indicator-item {
background: #f8f9fa;
border-radius: 8px;
padding: 25px;
margin-bottom: 20px;
transition: all 0.3s ease;
border-left: 4px solid #007bff;
}
.indicator-item:hover {
transform: translateX(10px);
box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.indicator-title {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.indicator-icon {
width: 40px;
height: 40px;
background: #007bff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
}
.indicator-name {
font-size: 20px;
font-weight: 600;
color: #333;
margin: 0;
}
.indicator-desc {
color: #666;
line-height: 1.6;
margin: 0;
padding-left: 55px;
}
/* 方法步骤样式 */
.method-steps {
counter-reset: step;
padding-left: 0;
list-style: none;
}
.method-step {
position: relative;
padding: 20px 0 20px 70px;
border-left: 2px solid #e9ecef;
margin-left: 20px;
}
.method-step::before {
counter-increment: step;
content: counter(step);
position: absolute;
left: -20px;
width: 40px;
height: 40px;
background: #007bff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-weight: bold;
}
.method-step:last-child {
border-left: none;
}
.step-title {
font-size: 18px;
font-weight: 600;
color: #333;
margin-bottom: 10px;
}
.step-desc {
color: #666;
line-height: 1.6;
}
/* 提示框样式 */
.info-box {
background: #e7f5ff;
border-left: 4px solid #007bff;
padding: 20px;
margin-top: 30px;
border-radius: 4px;
}
.info-box p {
margin: 0;
color: #0056b3;
}
</style>
</head>
<body>
<!-- 导航栏部分与原页面相同 -->
<div class="header">
<div class="containter">
<div class="row">
<div class="col-lg-8 col-md-6">
<a href="#" class="logo">
<img src="#" alt="">
</a>
</div>
<div class="col-lg-4 col-md-6">
<div class="search-wrap">
<form action="/Serach" method="get" class="search-box" target="_blank">
<input type="text" name="keys" autocomplete="off" value>
<button type="submit">搜索</button>
</form>
<dl class="hot-search">
<dt>
<span>热门搜索：</span>
</dt>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-style">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="./index.html">首页</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="assessmentDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
老年人定期评估
</a>
<ul class="dropdown-menu" aria-labelledby="assessmentDropdown">
<li><a class="dropdown-item" href="./评估目的.html">评估目的</a></li>
<li><a class="dropdown-item" href="./评估重要性.html">评估重要性</a></li>
<li><a class="dropdown-item" href="./评估指标和方法.html">评估指标和方法</a></li>
<li><a class="dropdown-item" href="./评估问卷.html">评估问卷</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./评估数据查询页面.html">评估数据查询</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./通知公告.html">通知公告</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./常见问题解答.html">常见问题解答</a>
<!-- </li>
<li class="nav-item">
<a class="nav-link" href="#">专家老师</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">课程中心</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="./联系方式.html">联系方式</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">证书查询</a>
</li> -->
</ul>
</div>
</div>
</nav>
</div>
<div class="main-content">
<div class="container">
<!-- 评估指标部分 -->
<div class="content-card">
<div class="section-header">
<i class="fas fa-clipboard-list fa-2x"></i>
<h2>评估指标体系</h2>
</div>
<div class="section-body">
<div class="indicator-item">
<div class="indicator-title">
<div class="indicator-icon">
<i class="fas fa-walking"></i>
</div>
<h3 class="indicator-name">日常生活活动</h3>
</div>
<p class="indicator-desc">
评估老年人在日常生活中的自理能力，包括：进食、洗漱、穿衣、如厕、室内走动、洗澡等基本生活活动的完成情况。通过观察和询问评估老年人的独立程度和是否需要他人协助。
</p>
</div>
<div class="indicator-item">
<div class="indicator-title">
<div class="indicator-icon">
<i class="fas fa-brain"></i>
</div>
<h3 class="indicator-name">精神状态</h3>
</div>
<p class="indicator-desc">
评估老年人的认知功能、情绪状态和行为表现，包括：记忆力、定向力、理解能力、情绪稳定性等。采用标准化的评估量表进行测评，及时发现可能存在的认知障碍或情绪问题。
</p>
</div>
<div class="indicator-item">
<div class="indicator-title">
<div class="indicator-icon">
<i class="fas fa-comments"></i>
</div>
<h3 class="indicator-name">感知觉与沟通</h3>
</div>
<p class="indicator-desc">
评估老年人的视觉、听觉功能和语言表达能力，包括：视力、听力状况，语言理解和表达能力，以及与他人沟通交流的效果。关注感官功能减退对日常生活的影响。
</p>
</div>
<div class="indicator-item">
<div class="indicator-title">
<div class="indicator-icon">
<i class="fas fa-users"></i>
</div>
<h3 class="indicator-name">社会参与</h3>
</div>
<p class="indicator-desc">
评估老年人参与社会活动的情况，包括：参加社区活动、与家人朋友交往、兴趣爱好的培养等。了解老年人的社会支持网络和社会融入程度。
</p>
</div>
</div>
</div>
<!-- 评估方法部分 -->
<div class="content-card">
<div class="section-header">
<i class="fas fa-tasks fa-2x"></i>
<h2>评估方法</h2>
</div>
<div class="section-body">
<ul class="method-steps">
<li class="method-step">
<div class="step-title">专业评估员评估</div>
<div class="step-desc">
由经过专业培训的评估员进行评估，确保评估的专业性和准确性。评估员需具备相关资质证书和实践经验。
</div>
</li>
<li class="method-step">
<div class="step-title">多维度信息采集</div>
<div class="step-desc">
通过以下方式收集评估信息：
<ul>
<li>直接询问被评估者</li>
<li>与照顾者沟通了解情况</li>
<li>现场观察评估对象的表现</li>
<li>进行必要的测试和量表评估</li>
</ul>
</div>
</li>
<li class="method-step">
<div class="step-title">评估表格填写与评分</div>
<div class="step-desc">
使用标准化的评估表格记录评估结果，根据评分标准进行量化评分。评分结果将用于确定老年人能力等级和制定相应的照护计划。
</div>
</li>
</ul>
<div class="info-box">
<p><i class="fas fa-info-circle me-2"></i>评估结果将作为制定个性化照护方案的重要依据，建议定期进行评估，及时了解能力状况的变化。</p>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
评估目的
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>评估目的 - 老年人评估系统</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<style>
body {
background-color: #f5f5f5;
font-family: "Microsoft YaHei", sans-serif;
}
.header {
background-color: #fff;
padding: 20px 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-style {
background: #007bff !important;
padding: 0;
}
.navbar-style .nav-link {
color: white !important;
padding: 15px 20px !important;
font-size: 16px;
}
.main-content {
padding: 40px 0;
}
/* 头部样式 */
.header {
background-color: #fff;
padding: 20px 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.logo img {
max-height: 60px;
}
/* 搜索框样式 */
.search-wrap {
padding: 10px 0;
}
.search-box {
display: flex;
margin-bottom: 10px;
}
.search-box input {
flex: 1;
padding: 8px 15px;
border: 2px solid #007bff;
border-right: none;
border-radius: 4px 0 0 4px;
outline: none;
}
.search-box button {
padding: 8px 20px;
background: #007bff;
color: white;
border: none;
border-radius: 0 4px 4px 0;
cursor: pointer;
}
.hot-search {
font-size: 14px;
color: #666;
}/* 搜索框样式 */
.search-wrap {
padding: 10px 0;
}
.search-box {
display: flex;
margin-bottom: 10px;
}
.search-box input {
flex: 1;
padding: 8px 15px;
border: 2px solid #007bff;
border-right: none;
border-radius: 4px 0 0 4px;
outline: none;
}
.search-box button {
padding: 8px 20px;
background: #007bff;
color: white;
border: none;
border-radius: 0 4px 4px 0;
cursor: pointer;
}
.hot-search {
font-size: 14px;
color: #666;
}
/* 导航栏样式 */
.navbar-style {
background: #007bff !important;
padding: 0;
}
.navbar-style .navbar {
background: #007bff !important;
padding: 0;
}
.navbar-style .nav-link {
color: white !important;
padding: 15px 20px !important;
font-size: 16px;
transition: background-color 0.3s;
}
.navbar-style .nav-link:hover,
.navbar-style .nav-link.active {
background-color: #0056b3;
}
/* 主要内容区域样式 */
.main-content {
padding: 30px 0;
}
.card {
border: none;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.card-header {
background-color: #f8f9fa;
border-bottom: 2px solid #007bff;
padding: 15px;
}
.card-header h5 {
color: #007bff;
font-weight: bold;
}
/* 页面标题样式 */
.page-title {
text-align: center;
margin-bottom: 40px;
position: relative;
padding-bottom: 15px;
}
.page-title h1 {
color: #007bff;
font-size: 32px;
font-weight: bold;
margin-bottom: 10px;
}
.page-title:after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100px;
height: 3px;
background: linear-gradient(to right, #007bff, #00c6ff);
}
/* 目的卡片样式 */
.purpose-card {
background: white;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
margin-bottom: 30px;
overflow: hidden;
transition: transform 0.3s ease;
}
.purpose-card:hover {
transform: translateY(-5px);
}
.purpose-icon {
background: linear-gradient(135deg, #007bff 0%, #00c6ff 100%);
padding: 30px;
text-align: center;
}
.purpose-icon i {
font-size: 48px;
color: white;
}
.purpose-content {
padding: 30px;
}
.purpose-content h3 {
color: #333;
font-size: 22px;
margin-bottom: 20px;
font-weight: 600;
}
.purpose-content p {
color: #666;
font-size: 16px;
line-height: 1.8;
margin-bottom: 0;
}
/* 补充信息样式 */
.info-section {
background: #f8f9fa;
padding: 40px 0;
margin-top: 40px;
border-radius: 15px;
}
.info-box {
text-align: center;
padding: 20px;
}
.info-number {
font-size: 36px;
font-weight: bold;
color: #007bff;
margin-bottom: 10px;
}
.info-text {
color: #666;
font-size: 16px;
}
@media (max-width: 768px) {
.page-title h1 {
font-size: 28px;
}
.purpose-content h3 {
font-size: 20px;
}
}
</style>
</head>
<body>
<!-- 导航栏部分与原页面相同 -->
<div class="header">
<div class="containter">
<div class="row">
<div class="col-lg-8 col-md-6">
<a href="#" class="logo">
<img src="#" alt="">
</a>
</div>
<div class="col-lg-4 col-md-6">
<div class="search-wrap">
<form action="/Serach" method="get" class="search-box" target="_blank">
<input type="text" name="keys" autocomplete="off" value>
<button type="submit">搜索</button>
</form>
<dl class="hot-search">
<dt>
<span>热门搜索：</span>
</dt>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-style">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="./index.html">首页</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="assessmentDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
老年人定期评估
</a>
<ul class="dropdown-menu" aria-labelledby="assessmentDropdown">
<li><a class="dropdown-item" href="./评估目的.html">评估目的</a></li>
<li><a class="dropdown-item" href="./评估重要性.html">评估重要性</a></li>
<li><a class="dropdown-item" href="./评估指标和方法.html">评估指标和方法</a></li>
<li><a class="dropdown-item" href="./评估问卷.html">评估问卷</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./评估数据查询页面.html">评估数据查询</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./通知公告.html">通知公告</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./常见问题解答.html">常见问题解答</a>
<!-- </li>
<li class="nav-item">
<a class="nav-link" href="#">专家老师</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">课程中心</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="./联系方式.html">联系方式</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">证书查询</a>
</li> -->
</ul>
</div>
</div>
</nav>
</div>
<div class="main-content">
<div class="container">
<!-- 页面标题 -->
<div class="page-title">
<h1>评估目的</h1>
<p class="text-muted">科学评估，精准服务，共创幸福晚年</p>
</div>
<!-- 主要目的展示 -->
<div class="row">
<!-- 目的1 -->
<div class="col-lg-4">
<div class="purpose-card">
<div class="purpose-icon">
<i class="fas fa-hand-holding-heart"></i>
</div>
<div class="purpose-content">
<h3>精准养老服务</h3>
<p>通过科学的评估体系，为老年人提供更精准、更个性化的养老服务，确保每位老年人都能获得最适合的照护方案。</p>
</div>
</div>
</div>
<!-- 目的2 -->
<div class="col-lg-4">
<div class="purpose-card">
<div class="purpose-icon">
<i class="fas fa-file-medical-alt"></i>
</div>
<div class="purpose-content">
<h3>了解身体状况</h3>
<p>帮助老年人及其家属全面了解老年人当前的身体状况，及时发现潜在健康问题，制定预防和改善计划。</p>
</div>
</div>
</div>
<!-- 目的3 -->
<div class="col-lg-4">
<div class="purpose-card">
<div class="purpose-icon">
<i class="fas fa-clipboard-list"></i>
</div>
<div class="purpose-content">
<h3>政策制定依据</h3>
<p>为政府制定养老政策提供科学依据，优化资源配置，完善养老服务体系，更好地满足老年人的实际需求。</p>
</div>
</div>
</div>
</div>
<!-- 补充信息 -->
<div class="info-section">
<div class="row">
<div class="col-md-4">
<div class="info-box">
<div class="info-number">98%</div>
<div class="info-text">评估满意度</div>
</div>
</div>
<div class="col-md-4">
<div class="info-box">
<div class="info-number">10000+</div>
<div class="info-text">已服务老年人数</div>
</div>
</div>
<div class="col-md-4">
<div class="info-box">
<div class="info-number">50+</div>
<div class="info-text">专业评估人员</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
联系方式
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>联系方式 - 老年人评估系统</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<style>
body {
background-color: #f5f5f5;
font-family: "Microsoft YaHei", sans-serif;
}
.header {
background-color: #fff;
padding: 20px 0;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.navbar-style {
background: #007bff !important;
padding: 0;
}
.navbar-style .nav-link {
color: white !important;
padding: 15px 20px !important;
font-size: 16px;
}
.main-content {
padding: 40px 0;
min-height: calc(100vh - 200px);
}/* 搜索框样式 */
.search-wrap {
padding: 10px 0;
}
.search-box {
display: flex;
margin-bottom: 10px;
}
.search-box input {
flex: 1;
padding: 8px 15px;
border: 2px solid #007bff;
border-right: none;
border-radius: 4px 0 0 4px;
outline: none;
}
.search-box button {
padding: 8px 20px;
background: #007bff;
color: white;
border: none;
border-radius: 0 4px 4px 0;
cursor: pointer;
}
.hot-search {
font-size: 14px;
color: #666;
}
/* 导航栏样式 */
.navbar-style {
background: #007bff !important;
padding: 0;
}
.navbar-style .navbar {
background: #007bff !important;
padding: 0;
}
.navbar-style .nav-link {
color: white !important;
padding: 15px 20px !important;
font-size: 16px;
transition: background-color 0.3s;
}
.navbar-style .nav-link:hover,
.navbar-style .nav-link.active {
background-color: #0056b3;
}
/* 联系方式卡片样式 */
.contact-card {
background: #fff;
border-radius: 15px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
overflow: hidden;
margin-bottom: 30px;
}
.contact-header {
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
color: white;
padding: 30px;
text-align: center;
}
.contact-header h2 {
margin: 0;
font-size: 28px;
font-weight: 600;
}
.contact-header p {
margin: 10px 0 0;
opacity: 0.9;
}
.contact-body {
padding: 40px;
}
.contact-info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.contact-item {
background: #f8f9fa;
border-radius: 10px;
padding: 25px;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 20px;
}
.contact-item:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
background: white;
}
.contact-icon {
width: 60px;
height: 60px;
background: #007bff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 24px;
flex-shrink: 0;
}
.contact-details h3 {
margin: 0 0 10px;
color: #333;
font-size: 18px;
font-weight: 600;
}
.contact-details p {
margin: 0;
color: #666;
font-size: 16px;
line-height: 1.6;
}
/* 地图容器样式 */
.map-container {
margin-top: 30px;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
height: 400px;
}
.map-container iframe {
width: 100%;
height: 100%;
border: none;
}
/* 工作时间表样式 */
.working-hours {
background: #f8f9fa;
border-radius: 10px;
padding: 25px;
margin-top: 30px;
}
.working-hours h3 {
color: #007bff;
margin-bottom: 15px;
font-weight: 600;
}
.hours-list {
list-style: none;
padding: 0;
margin: 0;
}
.hours-list li {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px dashed #dee2e6;
}
.hours-list li:last-child {
border-bottom: none;
}
@media (max-width: 768px) {
.contact-body {
padding: 20px;
}
.contact-item {
flex-direction: column;
text-align: center;
}
.contact-icon {
margin: 0 auto;
}
}
</style>
</head>
<body>
<!-- 导航栏部分与原页面相同 -->
<div class="header">
<div class="containter">
<div class="row">
<div class="col-lg-8 col-md-6">
<a href="#" class="logo">
<img src="#" alt="">
</a>
</div>
<div class="col-lg-4 col-md-6">
<div class="search-wrap">
<form action="/Serach" method="get" class="search-box" target="_blank">
<input type="text" name="keys" autocomplete="off" value>
<button type="submit">搜索</button>
</form>
<dl class="hot-search">
<dt>
<span>热门搜索：</span>
</dt>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="navbar-style">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" href="./index.html">首页</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="assessmentDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
老年人定期评估
</a>
<ul class="dropdown-menu" aria-labelledby="assessmentDropdown">
<li><a class="dropdown-item" href="./评估目的.html">评估目的</a></li>
<li><a class="dropdown-item" href="./评估重要性.html">评估重要性</a></li>
<li><a class="dropdown-item" href="./评估指标和方法.html">评估指标和方法</a></li>
<li><a class="dropdown-item" href="./评估问卷.html">评估问卷</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="./评估数据查询页面.html">评估数据查询</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./通知公告.html">通知公告</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./常见问题解答.html">常见问题解答</a>
<!-- </li>
<li class="nav-item">
<a class="nav-link" href="#">专家老师</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">课程中心</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="./联系方式.html">联系方式</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="#">证书查询</a>
</li> -->
</ul>
</div>
</div>
</nav>
</div>
<div class="main-content">
<div class="container">
<div class="contact-card">
<div class="contact-header">
<h2><i class="fas fa-address-card me-2"></i>联系我们</h2>
<p>欢迎通过以下方式与我们取得联系</p>
</div>
<div class="contact-body">
<div class="contact-info-grid">
<!-- 电话联系 -->
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-phone-alt"></i>
</div>
<div class="contact-details">
<h3>联系电话</h3>
<p>1234567890</p>
<p class="text-muted">工作日 9:00-17:00</p>
</div>
</div>
<!-- 邮箱联系 -->
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-envelope"></i>
</div>
<div class="contact-details">
<h3>电子邮箱</h3>
<p>1234567890@qq.com</p>
<p class="text-muted">24小时接收邮件</p>
</div>
</div>
<!-- 地址信息 -->
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="contact-details">
<h3>地址</h3>
<p>河北省石家庄市长安区</p>
<p class="text-muted">邮编: 050000</p>
</div>
</div>
</div>
<!-- 工作时间表 -->
<div class="working-hours">
<h3><i class="fas fa-clock me-2"></i>工作时间</h3>
<ul class="hours-list">
<li>
<span>周一至周五</span>
<span>9:00 - 17:00</span>
</li>
<li>
<span>周六</span>
<span>9:00 - 12:00</span>
</li>
<li>
<span>周日</span>
<span>休息</span>
</li>
</ul>
</div>
<!-- 地图嵌入 -->
<div class="map-container">
<iframe src="https://map.baidu.com/poi/石家庄市长安区/@13043097.465,4366901.33,12.92z"
allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
浙公网安备 33010602011771号