125 lines
6.2 KiB
HTML
125 lines
6.2 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="/css/common.css" />
|
|
<link rel="stylesheet" href="/css/subject.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" />
|
|
<div class="current">建筑及城市规划</div>
|
|
</div>
|
|
<div class="info flexacenter">
|
|
<img class="img" src="/img/subject.png" />
|
|
<div class="flex1">
|
|
<div class="title">学科领域</div>
|
|
<div class="list flexflex">
|
|
<div class="item pitch">建筑及城市规划</div>
|
|
<div class="item">建筑及城市规划</div>
|
|
<div class="item">建筑及城市规划</div>
|
|
<div class="item">建筑及城市规划</div>
|
|
<div class="item">建筑及城市规划</div>
|
|
<div class="item">建筑及城市规划</div>
|
|
<div class="item">建筑及城市规划</div>
|
|
<div class="item">建筑及城市规划</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="body flexflex">
|
|
<div class="left">
|
|
<div class="item flexacenter pitch"><img class="img" src="/img/side-all-pitch.png" />全部项目</div>
|
|
<div class="item flexacenter"><img class="img" src="https://axure-file.lanhuapp.com/md5__226be23041eb582c15651be885eb13cd.png" />香港大学</div>
|
|
</div>
|
|
<div class="right flex1">
|
|
<div class="h flexacenter">
|
|
<div class="total">共 113 个项目</div>
|
|
<div class="item flexacenter">
|
|
学费由低到高
|
|
<img class="img-sort" src="/img/sort-icon.png" />
|
|
</div>
|
|
|
|
<div class="item flexacenter">
|
|
学校主页
|
|
<img class="img-school" src="/img/sort-icon.png" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="list flexflex">
|
|
<div class="item">
|
|
<div class="operate flexcenter">
|
|
<div style="display: none;" class="circle flexcenter">
|
|
<img class="img-add" src="/img/add-thick.svg" />
|
|
</div>
|
|
<div class="circle flexcenter">
|
|
<img class="img-dot" src="/img/dot-dot-dot.png" />
|
|
</div>
|
|
<div class="select flexflex show">
|
|
<div class="title flexacenter">
|
|
<div class="dot"></div>
|
|
该项目已加入对比单，未加入项目管理
|
|
</div>
|
|
<div class="btn flexcenter"><img class="img" src="/img/add-circle.svg" />加入项目管理</div>
|
|
</div>
|
|
<div style="display: none;" class="already flexacenter">
|
|
<div class="tick-box flexcenter">
|
|
<img class="img-tick" src="/img/tick-icon.svg" />
|
|
</div>
|
|
已加入
|
|
</div>
|
|
</div>
|
|
<div class="name flexflex">建筑硕士</div>
|
|
<div class="english">Master of Architecture</div>
|
|
<div class="introduce flexacenter">
|
|
建筑学院
|
|
<div class="flexacenter">
|
|
<div class="line">|</div>
|
|
专业排名
|
|
<div class="quantity">52</div>
|
|
</div>
|
|
<div class="flexacenter">
|
|
<div class="line">|</div>
|
|
学费HK$ <vie class="quantity">281,000</vie>
|
|
</div>
|
|
</div>
|
|
<div class="word">一句话描述独特之处，一句话描述独特之处。</div>
|
|
<div class="tag flexflex">
|
|
<div class="tag-item admissions">招生官项目</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|