267 lines
14 KiB
PHP
267 lines
14 KiB
PHP
<!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 rel="stylesheet" href="/css/common.css">
|
||
<link rel="stylesheet" href="/css/intro.css">
|
||
</head>
|
||
<body>
|
||
<div class="form-mask" id="formMask"></div>
|
||
<!-- 导航栏 -->
|
||
|
||
<?php
|
||
$ddf='about';
|
||
include_once("wwpage/Kun_header.php");
|
||
|
||
$csql = new \ciy\sql('www_single');
|
||
$csql->where('id', get('id'));
|
||
$artrow = $db->getone($csql);
|
||
if (!is_array($artrow)) {
|
||
echo "单页不存在";
|
||
} else {
|
||
$content = $artrow['content'];
|
||
$csql = new \ciy\sql('www_seoword');
|
||
$seowordrows = $db->get($csql);
|
||
echo \ciy\web::markdown_convert($content);
|
||
}
|
||
?>
|
||
|
||
|
||
<!-- 坤班简介头部Banner -->
|
||
<section class="intro-banner">
|
||
<div class="intro-banner-text">
|
||
|
||
<h1>关于坤班</h1>
|
||
<p>独立思辨，深耕技术，研无止境</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 板块一：核心信息 -->
|
||
<section class="intro-section1">
|
||
<div class="container">
|
||
<div class="intro-grid">
|
||
<!-- 第一行第一列：成立时间 -->
|
||
<div class="intro-card">
|
||
<h3>成立时间</h3>
|
||
<p>202X年X月正式成立，深耕计算机技术人才孵化与行业项目落地领域X年，是极具影响力的高校技术实践社群。</p>
|
||
</div>
|
||
<!-- 第一行第二列：初心使命 -->
|
||
<div class="intro-card">
|
||
<h3>初心使命</h3>
|
||
<p>校内聚合计算机技术爱好者，打造成实战型技术成长社群；校外链接优质企业资源，输送兼具理论基础与工程能力的技术人才，实现“人才培养·产业对接”的双向赋能。</p>
|
||
</div>
|
||
<!-- 第一行第三列：发展原则 -->
|
||
<div class="intro-card">
|
||
<h3>发展原则</h3>
|
||
<p>1.产教融合：以企业真实需求为导向，将产业场景融入人才培养全流程<br>2.实战驱动：通过垂直行业项目攻坚，让成员在实战中提升技术能力与行业认知<br>3.开放共享：开源技术成果、共享行业资源，打造可持续的技术交流生态</p>
|
||
</div>
|
||
<!-- 第二行第一列：主攻方向 -->
|
||
<div class="intro-card">
|
||
<h3>主攻方向</h3>
|
||
<p>聚焦垂直行业数字化转型，重点布局三大方向：<br>• 行业解决方案：为智慧校园、中小企业等场景提供定制化数字化方案<br>• AI技术落地：推动AI在教育、工业等领域的轻量化应用与场景创新<br>• 全栈技术实践：深耕Java Web、前后端分离等技术栈，支撑项目全流程开发</p>
|
||
</div>
|
||
<!-- 第二行第二列：核心愿景 -->
|
||
<div class="intro-card">
|
||
<h3>核心愿景</h3>
|
||
<p>成为高校与企业之间的技术人才链接器，垂直行业数字化解决方案的创新孵化场，打造“校内学习·实战锻炼·企业输送·行业反哺”的产教融合生态，让每一位成员都能成长为行业所需的优质技术人才。</p>
|
||
</div>
|
||
<!-- 第二行第三列：技术定位 -->
|
||
<div class="intro-card">
|
||
<h3>技术定位</h3>
|
||
<p>以全栈开发为技术基础，以行业场景为落地导向，聚焦“技术深度+行业适配”，既具备扎实的计算机技术沉淀，又能快速响应垂直行业的个性化需求，输出可落地的技术解决方案。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 板块二：坤班负责人-->
|
||
<section class="intro-section2">
|
||
<div class="container">
|
||
<div class="section-title">
|
||
<h2>坤班负责人</h2>
|
||
</div>
|
||
<div class="leader-container">
|
||
<div class="leader-avatar">
|
||
<img src="images/leader-avatar.jpg" alt="坤班负责人">
|
||
<p>XXX（坤班负责人）</p>
|
||
</div>
|
||
<div class="leader-timeline">
|
||
<!-- 时间线1 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">20XX年 - 至今</div>
|
||
<div class="timeline-content">
|
||
担任坤班负责人，主导社群整体发展规划，搭建“产教融合”人才培养体系，对接20+校企合作资源，推动10+实战项目落地，累计培养技术人才XX名。
|
||
</div>
|
||
</div>
|
||
<!-- 时间线2 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">20XX年 - 20XX年</div>
|
||
<div class="timeline-content">
|
||
任职于XX科技企业技术总监，深耕垂直行业数字化解决方案，主导开发智慧校园、中小企业数字化转型等项目，具备丰富的一线工程实践经验。
|
||
</div>
|
||
</div>
|
||
<!-- 时间线3 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">20XX年 - 20XX年</div>
|
||
<div class="timeline-content">
|
||
高校计算机专业讲师，主讲《Java Web开发》《前后端分离实战》等课程，擅长将企业真实需求融入教学，注重学生工程能力与行业认知的双重培养。
|
||
</div>
|
||
</div>
|
||
<!-- 时间线4 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">对坤班的寄语</div>
|
||
<div class="timeline-content">
|
||
坤班的核心是“以战养学、以学促战”，我们不培养只会敲代码的“工具人”，而是要打造兼具技术深度、行业视野、独立思辨能力的技术人才。希望每一位坤班成员都能在这里找到自己的技术方向，深耕细作，最终成为行业里的技术中坚力量。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- <p color="gray"><hr class="dash"></p> -->
|
||
<div class="leader-container">
|
||
<div class="leader-avatar">
|
||
<img src="images/leader-avatar.jpg" alt="坤班负责人">
|
||
<p>XXX（坤班负责人）</p>
|
||
</div>
|
||
<div class="leader-timeline">
|
||
<!-- 时间线1 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">20XX年 - 至今</div>
|
||
<div class="timeline-content">
|
||
担任坤班负责人，主导社群整体发展规划，搭建“产教融合”人才培养体系，对接20+校企合作资源，推动10+实战项目落地，累计培养技术人才XX名。
|
||
</div>
|
||
</div>
|
||
<!-- 时间线2 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">20XX年 - 20XX年</div>
|
||
<div class="timeline-content">
|
||
任职于XX科技企业技术总监，深耕垂直行业数字化解决方案，主导开发智慧校园、中小企业数字化转型等项目，具备丰富的一线工程实践经验。
|
||
</div>
|
||
</div>
|
||
<!-- 时间线3 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">20XX年 - 20XX年</div>
|
||
<div class="timeline-content">
|
||
高校计算机专业讲师，主讲《Java Web开发》《前后端分离实战》等课程，擅长将企业真实需求融入教学，注重学生工程能力与行业认知的双重培养。
|
||
</div>
|
||
</div>
|
||
<!-- 时间线4 -->
|
||
<div class="timeline-item">
|
||
<div class="timeline-time">对坤班的寄语</div>
|
||
<div class="timeline-content">
|
||
坤班的核心是“以战养学、以学促战”，我们不培养只会敲代码的“工具人”，而是要打造兼具技术深度、行业视野、独立思辨能力的技术人才。希望每一位坤班成员都能在这里找到自己的技术方向，深耕细作，最终成为行业里的技术中坚力量。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<div id="consult-fixed" class="consult-fixed">
|
||
<span>☁</span>
|
||
</div>
|
||
|
||
|
||
<div class="form-modal" id="formModal">
|
||
<div class="form-header">
|
||
<h3>业务需求提交</h3>
|
||
<button class="close-modal-btn" id="closeModalBtn">×</button>
|
||
</div>
|
||
<form class="business-form" id="businessForm">
|
||
<div class="form-item">
|
||
<label for="name">姓名：</label>
|
||
<input type="text" id="name" name="name" placeholder="请输入姓名" required>
|
||
</div>
|
||
<div class="form-item">
|
||
<label for="phone">电话：</label>
|
||
<input type="tel" id="phone" name="phone" placeholder="请输入手机号" required>
|
||
</div>
|
||
<div class="form-item">
|
||
<label for="demand">业务需求(非必填)：</label>
|
||
<textarea id="demand" name="demand" rows="4" placeholder="请描述你的业务需求"></textarea>
|
||
</div>
|
||
<div class="form-btn-group">
|
||
<button type="submit">提交</button>
|
||
<button type="button" class="close-form-btn" id="closeFormBtn">取消</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- 底部（公共模块） -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<div class="footer-brand">
|
||
<h2>坤班</h2>
|
||
<p class="footer-slogan">校内育才 · 校外赋能 聚核领路 技筑成长</p>
|
||
</div>
|
||
<div class="footer-container">
|
||
<div class="footer-sitemap">
|
||
<div class="sitemap-column">
|
||
<h4>关于坤班</h4>
|
||
<ul>
|
||
<li><a href="intro.html" style="color: #165DFF; font-weight: 600;">坤班简介</a></li>
|
||
<li><a href="kunban_activity.html">坤班活动</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="sitemap-column">
|
||
<h4><a href="core_member.html">核心成员</a></h4>
|
||
<h4><a href="product.html">产品服务</a></h4>
|
||
<h4><a href="join.html">联系我们</a></h4>
|
||
</div>
|
||
<!-- <div class="sitemap-column">
|
||
|
||
<ul>
|
||
<li><a href="#">产品列表</a></li>
|
||
<li><a href="#">在研项目</a></li>
|
||
<li><a href="#">坤班资源</a></li>
|
||
</ul>
|
||
</div> -->
|
||
</div>
|
||
<div class="footer-contact">
|
||
|
||
<p class="footer-email">邮箱：XXXXXX@kunban.com</p>
|
||
<div class="qrcode-group">
|
||
<div class="qrcode-item">
|
||
<div class="qrcode-img">
|
||
<img src="images/二维码.jpg" alt="微信公众号二维码">
|
||
</div>
|
||
<span class="qrcode-text">微信公众号</span>
|
||
</div>
|
||
<div class="qrcode-item">
|
||
<div class="qrcode-img">
|
||
<img src="images/二维码.jpg" alt="自媒体二维码">
|
||
</div>
|
||
<span class="qrcode-text">自媒体矩阵</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer-message">
|
||
<h3 class="message-title">留言</h3>
|
||
<form>
|
||
<div class="form-group">
|
||
<label for="name">称呼：</label>
|
||
<input type="text" id="name" placeholder="请输入您的称呼">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="phone">联系方式：</label>
|
||
<input type="tel" id="phone" placeholder="请输入您的手机号">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="content">留言内容（选填）：</label>
|
||
<textarea id="content" rows="3" placeholder="请输入您的留言或建议"></textarea>
|
||
</div>
|
||
<button type="submit" class="submit-btn">提交</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2026 坤班 所有权利保留 | <a href="#">隐私政策</a> | <a href="#">免责声明</a> | 粤ICP备2026XXXX号</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="/js/common.js"></script>
|
||
<script src="/js/ask.js"></script>
|
||
</body>
|
||
</html>
|