test
allon
2025-04-16 11:42:49
testimg[/upload/image/20250416/588e8beb8bfdaee547d31104b914cd78.jpg]
-
04-16
very good[hr][pre]
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1.0">
<title>企业文化和培训演示</title>
<style>
:root { font-family: Arial sans-serif; line-height: 1.6; }
body { max-width: 1200px; margin: 0 auto; padding: 20px; }
.nav { background: #f0f0f0; padding: 1rem; margin-bottom: 2rem; }
.nav a { margin-right: 20px; text-decoration: none; color: #333; }
.section { margin-bottom: 3rem; padding: 1rem; border: 1px solid #eee; }
.grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }
.video-container { background: #000; color: white; text-align: center; padding: 1rem; }
.quiz { background: #f8f9fa; padding: 1.5rem; }
.footer { margin-top: 3rem; padding: 1rem; background: #333; color: white; }
@media (max-width: 768px) {
.grid { grid-template-columns: 1fr; }
.nav a { display: block; margin: 10px 0; }
}
</style>
</head>
<body>
<!-- 导航菜单 -->
<nav class="nav" aria-label="主导航">
<a href="#culture">企业文化</a>
<a href="#training">员工培训</a>
<a href="#quiz">能力测试</a>
<a href="#contact">联系我们</a>
</nav>
<!-- 企业文化展示区 -->
<section id="culture" class="section" aria-labelledby="culture-heading">
<h1 id="culture-heading">我们的价值观</h1>
<div class="grid">
<article>
<h2>创新驱动</h2>
<p>通过持续创新为客户创造价值...</p>
<ul>
<li>年度创新奖项</li>
<li>技术专利墙</li>
</ul>
</article>
<div class="video-container">
<video controls width="100%" poster="culture-poster.jpg">
<source src="corporate-culture.mp4" type="video/mp4">
您的浏览器不支持视频播放
</video>
<p>企业文化宣传片</p>
</div>
</div>
</section>
<!-- 培训材料区 -->
<section id="training" class="section" aria-labelledby="training-heading">
<h2 id="training-heading">新员工培训</h2>
<div class="grid">
<div>
<h3>安全操作指南</h3>
<img src="safety.jpg" alt="安全操作示意图" width="100%">
<p>关键步骤说明...</p>
<a href="safety-manual.pdf" download>下载手册</a>
</div>
<div>
<h3>系统操作模拟</h3>
<div style="border: 1px solid #ccc; padding: 1rem;">
<p>请输入工号: <input type="text" aria-label="工号输入"></p>
<button onclick="alert(\'模拟登录成功\')">登录系统</button>
</div>
</div>
</div>
</section>
<!-- 互动测试区 -->
<section id="quiz" class="section quiz" aria-labelledby="quiz-heading">
<h2 id="quiz-heading">知识小测试</h2>
<form onsubmit="alert(\'已提交！\'); return false;">
<fieldset>
<legend>我们的核心价值观包含哪些？</legend>
<input type="checkbox" id="q1" name="q1">
<label for="q1">客户至上</label><br>
<input type="checkbox" id="q2" name="q2">
<label for="q2">创新发展</label><br>
<input type="checkbox" id="q3" name="q3">
<label for="q3">团队协作</label>
</fieldset>
<button type="submit" style="margin-top: 1rem;">提交答案</button>
</form>
</section>
<!-- 页脚联系信息 -->
<footer class="footer" id="contact">
<h3>人力资源部联系方式</h3>
<p>电话: 400-123-4567</p>
<p>邮箱: <a href="mailto:hr@company.com" style="color: #fff;">hr@company.com</a></p>
</footer>
</body>
</html>
[/pre]
回复
-
04-16
very good
回复
-
04-16
ha ha~
回复
-
04-16
img[/upload/image/20250416/edeb2e41c9252bd75e22dac941cd18d4.jpg]
hello
回复
粤ICP备14038466号 |
|
举报邮箱 optmv@optmv.com
