xg-project-library/html/details.html
2024-10-31 19:03:26 +08:00

457 lines
27 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="/css/common.css" />
<link rel="stylesheet" href="/css/details.css" />
</head>
<body>
<div class="main">
<img class="index-icon" src="/img/index-icon.png" />
<div class="box">
<div class="tab flexacenter">
首页
<img class="img" src="/img/arrows.svg" />
按学科查看
<img class="img" src="/img/arrows.svg" />
商业及管理
<img class="img" src="/img/arrows.svg" />
<div class="current">理学硕士(金融学)</div>
</div>
<div class="details flexflex">
<img class="logo" src="/img/details-icon.png" />
<div class="right">
<div class="name">理学硕士(金融学)</div>
<div class="name-en">The University of Hong Kong</div>
<div class="school flexacenter">
<div class="flexacenter">
<img class="icon" src="https://axure-file.lanhuapp.com/md5__68256768938198d279381608ea82d345.png" />
香港大学
</div>
<div class="line">|</div>
商学院
<div class="line">|</div>
经济与金融学系
</div>
<div class="word flexacenter">
<img class="img" src="/img/quotation-mark.png" />
一句话描述独特之处,一句话描述独特之处。
</div>
<div class="tag flexflex">
<div class="tag-item admissions">招生官项目</div>
</div>
</div>
</div>
</div>
<div class="body flexflex">
<div class="content flex1 flexflex">
<div class="side flexflex">
<div class="item flexcenter pitch">基本信息</div>
<div class="item flexcenter">基本信息</div>
<div class="item flexcenter">基本信息</div>
<div class="item flex1"></div>
</div>
<div class="details-box flex1">
<div class="side-item">
<div style="display: none;">
<div class="item-header flexacenter">
<div>专业排名</div>
<div class="list-btn flexacenter">
榜单
<image class="icon" mode="widthFix" src="/img/arrows-circle-black.svg"> </image>
</div>
</div>
<div class="ranking">
<div class="item flexflex">
<div class="rank flexacenter">
<img class="logo" />
<div class="number flexcenter">
70
<img class="triangle" src="https://app.gter.net/image/miniApp/offer/triangle-qs.svg" />
</div>
</div>
<div class="rank-box flexflex flex1">
<div class="itemm flexacenter">
<div class="key">年份:</div>
<div class="value flex1">2024</div>
</div>
<div class="itemm flexacenter">
<div class="key">学科:</div>
<div class="value flex1">Accounting & Finance</div>
</div>
</div>
</div>
<div class="item flexflex">
<div class="rank flexacenter">
<img class="logo" />
<div class="number flexcenter">
70
<img class="triangle" src="https://app.gter.net/image/miniApp/offer/triangle-qs.svg" />
</div>
</div>
<div class="rank-box flexflex flex1">
<div class="itemm flexacenter">
<div class="key">年份:</div>
<div class="value flex1">2024</div>
</div>
<div class="itemm flexacenter">
<div class="key">学科:</div>
<div class="value flex1">Accounting & Finance</div>
</div>
</div>
</div>
<div class="item flexflex">
<div class="rank flexacenter">
<img class="logo" />
<div class="number flexcenter">
70
<img class="triangle" src="https://app.gter.net/image/miniApp/offer/triangle-qs.svg" />
</div>
</div>
<div class="rank-box flexflex flex1">
<div class="itemm flexacenter">
<div class="key">年份:</div>
<div class="value flex1">2024</div>
</div>
<div class="itemm flexacenter">
<div class="key">学科:</div>
<div class="value flex1">Accounting & Finance</div>
</div>
</div>
</div>
<div class="item flexflex">
<div class="rank flexacenter">
<img class="logo" />
<div class="number flexcenter">
70
<img class="triangle" src="https://app.gter.net/image/miniApp/offer/triangle-qs.svg" />
</div>
</div>
<div class="rank-box flexflex flex1">
<div class="itemm flexacenter">
<div class="key">年份:</div>
<div class="value flex1">2024</div>
</div>
<div class="itemm flexacenter">
<div class="key">学科:</div>
<div class="value flex1">Accounting & Finance</div>
</div>
</div>
</div>
</div>
<div class="item-header flexacenter">申请日程</div>
<div class="application-schedule block">
<div class="list">
<div class="time flexflex">
<div class="item flex1">
<div class="name">2024-01-05</div>
<div class="value">开始申请日期</div>
</div>
<div class="item flex1">
<div class="name">2024-01-05</div>
<div class="value">截止申请日期</div>
</div>
</div>
</div>
<div class="application-else">
<div class="item flexacenter">
<div class="name">面试时间:</div>
<div class="value flex1">2024-01-05</div>
</div>
<div class="item flexacenter">
<div class="name">结果通知时间:</div>
<div class="value flex1">2024-01-05</div>
</div>
</div>
</div>
<div class="item-header flexacenter">最低入学要求</div>
<div class="demand block">
<div class="text">· 申请人必须持有认可大学颁发的学士学位; · 最好拥有超过1年的相关行业工作经验 · 如申请人的学士学位在非英语授课的院校获得,则需满足以下英语能力要求:</div>
<div class="title">英语能力要求</div>
<div class="hint">满足以下其中一项即可</div>
<div class="list">
<div class="item flexflex">
<img class="triangle" src="https://app.gter.net/image/miniApp/offer/triangle-red.svg" />
<div class="name">托福网考</div>
<div class="value">总分 79 分以上</div>
</div>
<div class="item flexflex">
<img class="triangle" src="https://app.gter.net/image/miniApp/offer/triangle-red.svg" />
<div class="name">全国大学英语六级考试</div>
<div class="value">总分 6.5 分以上</div>
</div>
</div>
</div>
<div class="tuition-scholarships flexflex">
<div class="left">
<div class="item-header flexacenter">
费用
</div>
<div class="tuition block flexacenter">
<div class="tuition-left flex1 flexjcenter">
<div class="unit">HK$</div>
<div class="number">待确认</div>
<div class="text">总学费</div>
</div>
<div class="tuition-right">
<div class="item flexacenter">
<div class="key">每学分学费</div>
<div class="value">-</div>
</div>
<div class="item flexacenter">
<div class="key">申请费</div>
<div class="value">-</div>
</div>
<div class="item flexacenter">
<div class="key">入学保证金</div>
<div class="value">-</div>
</div>
</div>
</div>
</div>
<div class="right">
<div class="item-header flexacenter">奖学金</div>
<div class="scholarships block flexcenter">非本地学生无</div>
</div>
</div>
<div class="item-header flexacenter">学习模式</div>
<div class="pattern block">
<div class="tab flexacenter">
<div class="item flex1 flexcenter pitch">全日制</div>
<div class="item flex1 flexcenter">兼读制</div>
</div>
<div class="introduce flexflex">
<div class="item flex1">
<div class="value">-</div>
<div class="name">教学语言</div>
</div>
<div class="item flex1">
<div class="value">-</div>
<div class="name">正常学习时长</div>
</div>
<div class="item flex1">
<div class="value">待确认</div>
<div class="name">最长学习时长</div>
</div>
</div>
<!-- <div class="introduce flexflex">
<div class="item flex1">
<div class="value">-</div>
<div class="name">教学语言</div>
</div>
<div class="item flex1">
<div class="value">-</div>
<div class="name">正常学习时长</div>
</div>
<div class="item flex1">
<div class="value">待确认</div>
<div class="name">最长学习时长</div>
</div>
</div> -->
</div>
<div class="course block">
<img class="icon" src="https://app.gter.net/image/miniApp/offer/triangle-red.svg" />
<div class="title">必修课程</div>
<div class="hint">(共 24 学分)</div>
<div class="table-head flexacenter">
<div class="item number">课程编号</div>
<div class="item name flex1">课程名称</div>
<div class="item credit">学分</div>
</div>
<div class="table-body">
<div class="list flexflex">
<div class="item number flexcenter">EF5042</div>
<div class="item name flex1">
<div class="text">公司金融</div>
<div class="english">Corporate Finance</div>
</div>
<div class="item credit flexcenter">3</div>
</div>
<div class="list flexflex">
<div class="item number flexcenter">EF5042</div>
<div class="item name flex1">
<div class="text">公司金融</div>
<div class="english">Corporate Finance</div>
</div>
<div class="item credit flexcenter">3</div>
</div>
<div class="list flexflex">
<div class="item number flexcenter">EF5042</div>
<div class="item name flex1">
<div class="text">公司金融</div>
<div class="english">Corporate Finance</div>
</div>
<div class="item credit flexcenter">3</div>
</div>
<div class="list flexflex">
<div class="item number flexcenter">EF5042</div>
<div class="item name flex1">
<div class="text">公司金融</div>
<div class="english">Corporate Finance</div>
</div>
<div class="item credit flexcenter">3</div>
</div>
</div>
</div>
</div>
<div class="link block">
<div class="title">项目目录项目详情</div>
<div class="text">https://www.cityu.edu.hk/catalogue/pg/202324/programme/MSF.html</div>
<div class="flexflex" style="justify-content: flex-end;">
<div class="btn flexcenter">
<img class="icon" src="https://app.gter.net/image/miniApp/offer/copy-icon.png" mode="widthFix" />
复制链接
</div>
<div class="btn open flexcenter">打开链接</div>
</div>
</div>
<div class="item-header flexacenter">学位</div>
<div class="degree block">
<div class="title flexcenter">
<img class="icon" src="https://app.gter.net/image/miniApp/offer/name-bj.svg" mode="widthFix" />
学位名称
</div>
<div class="name">理学硕士(金融学)</div>
<div class="english">Master of Science in Finance</div>
</div>
<div class="issue-bj">
<div class="issue block">
<div class="index flexcenter">1</div>
<img class="index-bj" src="https://app.gter.net/image/miniApp/offer/index-bj.svg" />
<div class="title">我需要拥有“与商业相关”的学位吗?</div>
<div class="text">申请人如果在非金融或非商业专业拥有优秀的学术记录,也会被考虑。</div>
</div>
</div>
<div class="item-header flexacenter">宣传册</div>
<div class="link brochure block">
<div class="top flexacenter">
<img class="img" src="/img/pdf-icon.svg" />
<div class="right">
<div class="title">宣传册</div>
<div class="name">MSF-MSFE_A4_poster_chi_2024.pdf</div>
</div>
</div>
<div class="flexflex" style="justify-content: flex-end;">
<div class="btn flexcenter">
<img class="icon" src="/img/download-icon.png" />
下载文件
</div>
<div class="btn open flexcenter">打开文件</div>
</div>
</div>
</div>
</div>
</div>
<div class="else">
<div class="school flexacenter">
<div class="logo flexcenter">
<img class="img" src="http://127.0.0.1:5500/images/%E9%A6%96%E9%A1%B5/u74.png" />
</div>
<div class="info">
<div class="name">香港大学</div>
<div class="name-en">The University of Hong Kong</div>
</div>
</div>
<div class="case">
<div class="head flexacenter">
<div class="dot"></div>
<div class="text flex1">Offer</div>
<img class="img" src="/img/arrows-icon.png" />
</div>
<div class="list offer">
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
</div>
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
</div>
<div class="item">
<div class="name">Asian Studies</div>
<div class="brief flexacenter">MPhil <span>|</span> 24Fall <span>|</span> offer</div>
</div>
</div>
</div>
<div class="case mj">
<div class="head flexacenter">
<div class="dot"></div>
<div class="text flex1">面经</div>
<img class="img" src="/img/arrows-icon.png" />
</div>
<div class="list offer">
<div class="item">
<div class="name">environmental science</div>
<div class="brief-box">
<div class="brief flexacenter">
<img class="avatar" src="http://127.0.0.1:5500/images/%E9%A1%B9%E7%9B%AE%E8%AF%A6%E6%83%85/u1144.svg" />
第二轮申请的第二轮申请的第二轮申请的第二轮申请的第二轮申请的第二轮申请的第二轮申请的因为第一轮的时候我还没注意到这个项目错过了DDL...
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 底部 -->
<div class="base flexcenter">
<div style="display: none;" class="type1 flexacenter">
<div class="btn flexacenter"><img class="img" src="/img/contrast-icon.png" />项目对比</div>
<div class="line"></div>
<div class="btn flexacenter"><img class="img" src="/img/manage-icon.png" />项目管理</div>
<div class="add flex1"><img class="img" src="" />加入对比单</div>
</div>
<div style="display: none;" class="type2 flexacenter">
<div class="btn flexacenter">我的项目 <img class="img" src="/img/arrows-circle-green.svg" /></div>
<div class="input-box flexacenter">
<img class="img" src="/img/edit-icon.png" />
<input class="input flex1" placeholder="添加备注" />
</div>
<div class="state-box">
<div class="state-btn flexcenter">待定<img class="img" src="/img/arrows-triangle-white.svg" /></div>
</div>
</div>
<div class="type3 flexacenter">
<div class="btn flexacenter">我的项目 <img class="img" src="/img/arrows-circle-green.svg" /></div>
<div class="add-btn flexcenter already" style="margin-right: 10px;">
<img class="img" src="/img/tick-circle-gray.svg" />
已加入对比单
</div>
<div class="add-btn flexcenter">
<img class="img" src="/img/add-circle-white.svg" />
加入对比单
</div>
</div>
</div>
</div>
<script>
function name() {
return "123"
}
</script>
</body>
</html>