xg-project-library/04-details/details.html

384 lines
23 KiB
HTML
Raw Normal View History

2024-10-30 11:12:42 +00:00
<!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="./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>
</div>
<!-- 底部 -->
<div class="base flexcenter">
<div class="left flexacenter">
<div class="text flex1">搜索项目</div>
<img class="img" src="/img/search-black-icon.svg" />
</div>
<div class="rigth flexacenter">
<img class="img" src="/img/contrast-icon.png" />
<div class="text">项目对比</div>
<div class="number">16</div>
</div>
</div>
</div>
<script>
function name() {
return "123"
}
</script>
</body>
</html>