xg-project-library/index/index.html
2024-10-28 18:59:51 +08:00

257 lines
14 KiB
HTML

<!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="./index.css" />
</head>
<body>
<div class="main">
<img class="index-icon" src="/img/index-icon.png" />
<div style="display: none;" class="header-box flexacenter">
<img class="bj" src="/img/header-bj.svg" />
<div class="search flexacenter">
<div class="input flex1">搜索项目</div>
<img class="search-icon" src="/img/search-icon.svg" />
</div>
<div class="btn flexacenter">
<div class="item flexcenter">
<img class="icon" src="/img/contrast-icon.png" />
项目对比
</div>
<div class="item flexcenter">
<img class="icon" src="/img/contrast-icon.png" />
项目对比
</div>
</div>
</div>
<!-- 筛选 -->
<div style="display: none;" class="screen flexflex">
<div class="block school">
<div class="title flexacenter">
<div class="icon flexcenter">
<img class="img" src="/img/school-icon.png" />
</div>
按学校查看
</div>
<div class="list">
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
</div>
</div>
<div class="block subject flex1">
<div class="title flexacenter">
<div class="icon flexcenter">
<img class="img" src="/img/school-icon.png" />
</div>
按学科查看
</div>
<div class="list flexflex">
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
<div class="item flexcenter">港大</div>
</div>
</div>
</div>
<!-- 缘分 -->
<div style="display: none;" class="fate">
<div class="title flexacenter">
<div>今日缘分项目</div>
<div class="btn flexacenter">
<img class="icon" src="/img/trade-icon.png" />
换一批
</div>
</div>
<div class="list flexflex">
<div class="item flexacenter">
<div class="left">
<div class="name">教育学硕士</div>
<div class="message">Master of Education <span class="virgule">|</span> 香港大学</div>
</div>
<div class="btn flexacenter">
<div class="add flexcenter">
<img class="icon" src="/img/add-xiao.svg" />
</div>
加入对比单
</div>
</div>
<div class="item flexacenter">
<div class="left">
<div class="name">教育学硕士</div>
<div class="message">Master of Education <span class="virgule">|</span> 香港大学</div>
</div>
<div class="btn flexacenter">
<div class="add flexcenter">
<img class="icon" src="/img/add-xiao.svg" />
</div>
加入对比单
</div>
</div>
</div>
</div>
<!-- 招生官 -->
<div style="display: none;" class="recruit">
<div class="title flexacenter">
<img class="img" src="/img/admission-icon.png" />
<div class="btn flexacenter">
招生官频道
<img class="icon" src="/img/arrows-icon.png" />
</div>
</div>
<div class="list flexflex">
<div class="list-item">
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
</div>
<div class="list-item">
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
<div class="item flexflex">
<img class="avatar" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />
<div class="info">
<div class="school">香港大学</div>
<div class="name">城市设计硕士</div>
<div class="name-en">Master of Urban Design</div>
<div class="aq flexacenter">
<div class="text">招生官答疑时间</div>
<div class="value flex1">长期答疑</div>
<img class="icon" src="/img/arrows-long-icon.png" />
</div>
</div>
</div>
</div>
</div>
<div class="indicate flexcenter">
<img class="icon" src="/img/arrows-triangle-gray.svg" />
<div class="text">1/3</div>
<img class="icon" src="/img/arrows-triangle-blue.svg" />
</div>
</div>
<!-- 列表 -->
<div class="data">
<img class="fall" src="/img/25fall.svg" />
<div class="item">
<div class="school flexacenter">
<img class="img" src="https://oss.x-php.com/school/J6BSwE-VfCFkCb1SBaR7ec6NYmTA4pRcOalNHJQuwf83NTE2" />香港中文大学
</div>
<div class="name">金融数学研究型硕士</div>
<div class="name-en">Mphil in Financial Mathematics</div>
<view class="introduce flexacenter">
<view class="flexacenter">专业排名 <vie class="quantity">52</vie> </view>
<view class="flexacenter"> <view class="line">|</view> 学费HK$ <vie class="quantity">281,000</vie> </view>
</view>
<div class="word"></div>
</div>
</div>
</div>
<script>
function name() {
return "123"
}
</script>
</body>
</html>