283 lines
12 KiB
PHP
283 lines
12 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>
|
||
<!-- 引入外部CSS样式文件 -->
|
||
<link rel="stylesheet" href="css/common.css">
|
||
<link rel="stylesheet" href="css/index.css">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<!-- 头部 -->
|
||
|
||
<?php
|
||
// $ddf='/';
|
||
include_once("wwpage/Kun_header.php");
|
||
?>
|
||
|
||
<!-- Banner区域 -->
|
||
<section class="banner">
|
||
<img src="images/内蒙古工业大学白天.jpg" alt="白天版电力大楼背景" class="banner-img banner-day">
|
||
<img src="images/内蒙古工业大学夜晚.jpg" alt="黑夜版电力大楼背景" class="banner-img banner-night">
|
||
<div class="banner-text">
|
||
<h1>坤班——链接校内外</h1>
|
||
<p>校内育才 · 校外赋能 聚核领路 技筑成长</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 板块1：产研学用融合发展模式 -->
|
||
<section class="feature-section">
|
||
<div class="container">
|
||
<div class="section-title">
|
||
<h2>坤班特色——「产・学・研・商」融合发展模式</h2>
|
||
</div>
|
||
<div class="feature-container">
|
||
<div class="feature-card">
|
||
<div class="feature-img">
|
||
<img src="images/内蒙古工业大学夜晚.jpg" alt="产业需求">
|
||
</div>
|
||
<h3>产</h3>
|
||
<p>产业需求为核心牵引，定方向、提要求、供场景</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-img">
|
||
<img src="images/内蒙古工业大学夜晚.jpg" alt="项目育人">
|
||
</div>
|
||
<h3>学</h3>
|
||
<p>以项目育人为核心，融知识、练能力、适配产业</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-img">
|
||
<img src="images/内蒙古工业大学夜晚.jpg" alt="行业痛点攻关">
|
||
</div>
|
||
<h3>研</h3>
|
||
<p>以行业痛点为科研导向，轻攻关、重落地、强积累</p>
|
||
</div>
|
||
<div class="feature-card">
|
||
<div class="feature-img">
|
||
<img src="images/内蒙古工业大学夜晚.jpg" alt="资本对接">
|
||
</div>
|
||
<h3>商</h3>
|
||
<p>对接资本，反哺开发</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 板块2：坤班业务范围 - 背景图随业务卡片切换 -->
|
||
<div class="section-title">
|
||
<h2>坤班业务范围</h2>
|
||
</div>
|
||
<section class="business-section">
|
||
|
||
<img src="images/内蒙古工业大学白天.jpg" alt="业务范围默认背景" class="bg-img" id="businessBgImg">
|
||
<div class="container">
|
||
<!-- <div class="section-title">
|
||
|
||
</div> -->
|
||
<div class="business-content" id="businessContent">
|
||
<!-- hover后显示内容，初始为空 -->
|
||
|
||
</div>
|
||
<div class="business-card-group">
|
||
<div class="business-card">
|
||
<h3>硬件设备</h3>
|
||
<!-- <a href="product.html">了解更多</a> -->
|
||
</div>
|
||
<div class="business-card">
|
||
<h3>3D建模</h3>
|
||
<!-- <a href="product.html">了解更多</a> -->
|
||
</div>
|
||
<div class="business-card">
|
||
<h3>AI领域</h3>
|
||
<!-- <a href="product.html">了解更多</a> -->
|
||
</div>
|
||
<div class="business-card">
|
||
<h3>海内外</h3>
|
||
<!-- <a href="product.html">了解更多</a> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 板块3：坤班团体活动（照片墙） -->
|
||
<section class="activity-section">
|
||
<div class="container">
|
||
<div class="section-title">
|
||
<h2>坤班团体活动</h2>
|
||
</div>
|
||
<div class="photo-scroll-wrapper">
|
||
<div class="photo-wall" id="photoWall">
|
||
<div class="photo-item">
|
||
<img src="images/版心.jpg" alt="活动照片1">
|
||
<div class="photo-desc">从坤班出发，成为行业里的技术中坚力量</div>
|
||
</div>
|
||
<div class="photo-item">
|
||
<img src="images/内蒙古工业大学夜晚.jpg" alt="活动照片2">
|
||
<div class="photo-desc">用代码破冰，第一次见面就成了技术搭子</div>
|
||
</div>
|
||
<div class="photo-item">
|
||
<img src="images/版心.jpg" alt="活动照片3">
|
||
<div class="photo-desc">一人一个干货，全员共同成长</div>
|
||
</div>
|
||
<div class="photo-item">
|
||
<img src="images/内蒙古工业大学白天.jpg" alt="活动照片4">
|
||
<div class="photo-desc">因技术相遇，因热爱同行</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 板块4： -->
|
||
<section class="list-section">
|
||
<div class="container">
|
||
<div class="list-container">
|
||
<div class="list-card">
|
||
<h3>
|
||
坤班活动
|
||
<a href="kunban_activity.php" style="margin-left: auto; font-size: 14px; color: #165DFF;">更多</a>
|
||
</h3>
|
||
<div class="list-content">
|
||
<?php
|
||
$db = new ciy\db();
|
||
$csql = new ciy\sql("www_list_art");
|
||
$csql->where('cateid', 9);
|
||
$csql->column('id,name,keyw');
|
||
$count = -1;
|
||
$line = 0;
|
||
$rows = $db->get($csql, $count);
|
||
foreach ($rows as $row) {
|
||
if ($row['keyw'] == 'Ac_坤班沙龙' && $line < 2) {
|
||
echo '
|
||
<div class="list-item">
|
||
<a href="list_detail.php?id=' . $row['id'] . '">' . $row['name'] . '</a>
|
||
</div>
|
||
';
|
||
$line += 1;
|
||
} else if ($row['keyw'] == 'Ac_迎新活动' && $line < 3) {
|
||
echo '
|
||
<div class="list-item">
|
||
<a href="list_detail.php?id=' . $row['id'] . '">' . $row['name'] . '</a>
|
||
</div>
|
||
';
|
||
$line += 1;
|
||
}else if($row['keyw'] == 'Ac_赛事集锦' && $line <=4){
|
||
echo '
|
||
<div class="list-item">
|
||
<a href="list_detail.php?id=' . $row['id'] . '">' . $row['name'] . '</a>
|
||
</div>
|
||
';
|
||
$line += 1;
|
||
}
|
||
// echo '
|
||
// <div class="list-item">
|
||
// <a href="list_detail.php?id=' . $row['id'] . '">' . $row['name'] . '</a>
|
||
// </div>';
|
||
|
||
}
|
||
|
||
|
||
?>
|
||
</div>
|
||
</div>
|
||
<div class="list-card">
|
||
<h3>
|
||
常见问题
|
||
<a href="resource.html" style="margin-left: auto; font-size: 14px; color: #165DFF;">更多</a>
|
||
</h3>
|
||
<div class="list-content">
|
||
<?php
|
||
$db = new ciy\db();
|
||
$csql = new ciy\sql("www_list_art");
|
||
$csql->where('cateid', 8);
|
||
$csql->column('id,name');
|
||
$count = -1;
|
||
$rows = $db->get($csql, $count);
|
||
// clog($rows);
|
||
foreach ($rows as $row) {
|
||
// clog($row['name']);
|
||
echo
|
||
'
|
||
<div class="list-item">
|
||
<a href="list_detail.php?id=' . $row['id'] . '">' . $row['name'] . '</a>
|
||
</div>';
|
||
}
|
||
?>
|
||
</div>
|
||
</div>
|
||
<div class="list-card list-card--weak">
|
||
<h3>
|
||
行业观察
|
||
<!-- <a href="#" style="margin-left: auto; font-size: 14px; color: #165DFF;">更多</a> -->
|
||
</h3>
|
||
<div class="list-content">
|
||
<?php
|
||
$db = new ciy\db();
|
||
$csql = new \ciy\sql('www_list_art');
|
||
$csql->order('id desc');
|
||
$csql->where('cateid', 2);
|
||
$csql->column('id,name');
|
||
$count = -1;
|
||
$rows = $db->get($csql, $count);
|
||
foreach ($rows as $row) {
|
||
echo '
|
||
<div class="list-item">
|
||
<a href="list_detail.php?id=' . $row['id'] . '">' . $row['name'] . '</a>
|
||
</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" class="submit_btn">提交</button>
|
||
<button type="button" class="close-form-btn" id="closeFormBtn">取消</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<!-- 底部 -->
|
||
|
||
<?php include_once("wwpage/Kun_footer.php"); ?>
|
||
<!-- 引入外部JS脚本文件 -->
|
||
<script src="js/common.js"></script>
|
||
<script src="js/index.js"></script>
|
||
<script src="js/ask.js"></script>
|
||
</body>
|
||
|
||
</html>
|