You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
187 lines
7.2 KiB
187 lines
7.2 KiB
<%--
|
|
Created by IntelliJ IDEA.
|
|
User: xiaoxie
|
|
Date: 2021/11/10
|
|
Time: 10:27
|
|
To change this template use File | Settings | File Templates.
|
|
--%>
|
|
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<link href="./css/bootstrap-grid.css" rel="stylesheet" type="text/css" />
|
|
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" />
|
|
<link href="./css/bootstrap-reboot.css" rel="stylesheet" type="text/css" />
|
|
<link href="./css/bootstrap-utilities.css" rel="stylesheet" type="text/css" />
|
|
<link href="./css/bootstrap.rtl.css" rel="stylesheet" type="text/css" />
|
|
<link href="./pageStatic/css/style.css" rel="stylesheet" type="text/css" />
|
|
|
|
<title></title>
|
|
</head>
|
|
<body>
|
|
<div class="top">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<td scope="col"><img src="pageStatic/images/16gl-O.png" style="width: 50px;height: 50px;" alt="...">
|
|
<img src="pageStatic/images/16gl-J.png" style="width: 50px;height: 50px;" alt="...">
|
|
</td>
|
|
<td scope="col"><ul><li onclick="selectLi(this)"><a href="recommend.jsp">首页</a></li></ul></td>
|
|
<td scope="col"><ul><li onclick="selectLi(this)"><a href="#/leaderboard/index">排行榜</a></li></ul></td>
|
|
<td scope="col"><ul><li onclick="selectLi(this)"><a href="#/competition/index">比赛</a></li></ul></td>
|
|
<td scope="col"><ul><li onclick="selectLi(this)"><a href="#/problem/index" style="color: #1a1e21">题库</a></li></ul> </td>
|
|
<td scope="col">
|
|
<div class="form-group">
|
|
<div class="col-xs-12 col-sm-12 col-md-12">
|
|
<input type="text" class="icon" name = "name" placeholder="输入你想搜索的内容">
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td><button class="btn btn-outline-secondary" type="button">登录/注册</button>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="bodyTop">
|
|
<div class="btopLeft">
|
|
<%-- <div style="margin-left: 30px; margin-top: 30px;"></div>--%>
|
|
<%-- <div><img src="./pageStatic/images/滚轮.png" class="rounded float-start"></div>--%>
|
|
<%-- <div style="margin-left: 30px; margin-top: 200px;">--%>
|
|
<div class="btn-group me-2" role="group" aria-label="First group" style="margin-left: 50px;">
|
|
<button type="button" class="btn btn-outline-secondary">1</button>
|
|
<button type="button" class="btn btn-outline-secondary">2</button>
|
|
<button type="button" class="btn btn-outline-secondary">3</button>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="btopRight" style="margin-left: 20px;">
|
|
<div class="signup">
|
|
<form class="row g-3">
|
|
<div class="col-md-6">
|
|
<label for="inputEmail4" class="form-label">用户名</label>
|
|
<input type="email" class="form-control" id="inputEmail4">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="inputPassword4" class="form-label">密码</label>
|
|
<input type="password" class="form-control" id="inputPassword4">
|
|
</div>
|
|
<div class="col-12">
|
|
<label for="inputAddress" class="form-label">住址1</label>
|
|
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
|
|
</div>
|
|
<div class="col-12">
|
|
<label for="inputAddress2" class="form-label">住址2</label>
|
|
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
|
|
</div>
|
|
<div class="col-md-6">
|
|
<label for="inputCity" class="form-label">电话</label>
|
|
<input type="text" class="form-control" id="inputCity">
|
|
</div>
|
|
<div class="col-md-4">
|
|
<label for="inputState" class="form-label">学校</label>
|
|
<select id="inputState" class="form-select">
|
|
<option selected>选择</option>
|
|
<option>...</option>
|
|
</select>
|
|
</div>
|
|
|
|
<div class="col-12">
|
|
<div class="form-check">
|
|
<input class="form-check-input" type="checkbox" id="gridCheck">
|
|
<label class="form-check-label" for="gridCheck">
|
|
确认
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<button type="submit" class="btn btn-primary">注册</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bcenter">
|
|
<div class="bcLeft">
|
|
<table class="table">
|
|
<thead>
|
|
近期公告
|
|
</thead>
|
|
<tbody>
|
|
<tr class="table-active">
|
|
<th>11.8更新公告
|
|
<img src="./pageStatic/images/gonggao .png" /></th>
|
|
|
|
</tr>
|
|
<tr>
|
|
<th>11.9更新公告
|
|
|
|
<img src="./pageStatic/images/gonggao .png" />
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">11.10更新公告
|
|
<img src="./pageStatic/images/gonggao .png" />
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
<table class="table">
|
|
<thead>
|
|
推荐
|
|
</thead>
|
|
<tbody>
|
|
<tr class="table-active">
|
|
<th>算法基础入门第一节
|
|
<img src="./pageStatic/images/shuben.png" /></th>
|
|
|
|
</tr>
|
|
<tr>
|
|
<th>算法基础入门第二节
|
|
|
|
<img src="./pageStatic/images/shuben.png" />
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th scope="row">算法基础入门第三节
|
|
<img src="./pageStatic/images/shuben.png" />
|
|
</th>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="bcRight">
|
|
<table>
|
|
<thead>
|
|
课程推荐
|
|
</thead>
|
|
<th><p style="margin-right: 20px"><img src="./pageStatic/images/计算机语言.png" height="60px" width="100px"></p>
|
|
<p>算法语言</p>
|
|
|
|
</th>
|
|
<th><p><img src="./pageStatic/images/c.png" height="60px" width="100px"></p>
|
|
<p>c解算法</p>
|
|
|
|
</th>
|
|
</table>
|
|
|
|
<table class="table table-success table-striped">
|
|
<thead>题单推荐</thead>
|
|
<tr class="table-secondary"><td>基础1001</td></tr>
|
|
<tr class="table"><td>基础1002</td></tr>
|
|
<tr class="table-secondary"><td>{$questionlist.name[1]}</td></tr>
|
|
<tr class="table"><td>{$questionlist.name[2]}</td></tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|