pull/1172/head
gedoor
3 years ago
parent
3e523db296
commit
dd65c85278
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 92 KiB |
@ -1,75 +1,65 @@ |
||||
<!DOCTYPE html> |
||||
<!DOCTYPE HTML> |
||||
<!-- |
||||
Forty by HTML5 UP |
||||
html5up.net | @ajlkn |
||||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
||||
--> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>legado web导航</title> |
||||
<link rel="icon" href="favicon.ico"> |
||||
<style type="text/css"> |
||||
.header { |
||||
width: 100%; |
||||
height: 100px; |
||||
text-align: center; |
||||
padding: 5px; |
||||
} |
||||
<title>Legado web 导航</title> |
||||
<meta charset="utf-8"/> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/> |
||||
<link rel="stylesheet" href="assets/css/main.css"/> |
||||
</head> |
||||
|
||||
.main { |
||||
display: flex; |
||||
justify-content: center; |
||||
width: 100%; |
||||
height: 100%; |
||||
padding: 10px; |
||||
top: 120px; |
||||
bottom: 80px; |
||||
} |
||||
<body class="is-preload"> |
||||
|
||||
.content { |
||||
display: flex; |
||||
justify-content: center; |
||||
width: 700px; |
||||
height: 300px; |
||||
} |
||||
<!-- Wrapper --> |
||||
<div id="wrapper"> |
||||
|
||||
.button { |
||||
border-radius: 20px; |
||||
background-color: #4CAF50; |
||||
/* Green */ |
||||
border: none; |
||||
color: white; |
||||
width: 300px; |
||||
height: 300px; |
||||
line-height: 300px; |
||||
margin: 10px; |
||||
/* 设置垂直居中 */ |
||||
text-align: center; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
font-size: 60px; |
||||
} |
||||
<!-- Header --> |
||||
<header id="header" class="alt"> |
||||
<nav> |
||||
<a href="#menu">Menu</a> |
||||
</nav> |
||||
</header> |
||||
|
||||
.footer { |
||||
width: 100%; |
||||
height: 60px; |
||||
clear: both; |
||||
text-align: center; |
||||
padding: 5px; |
||||
position: absolute; |
||||
bottom: 0; |
||||
} |
||||
</style> |
||||
</head> |
||||
<!-- Menu --> |
||||
<nav id="menu"> |
||||
<ul class="links"> |
||||
<li><a href="https://github.com/gedoor/legado">Github</a></li> |
||||
<li><a href="https://github.com/zsakvo">zsakvo</a></li> |
||||
<li><a href="#">Design: HTML5 UP</a></li> |
||||
</ul> |
||||
</nav> |
||||
|
||||
<body> |
||||
<div class="header"> |
||||
<h1>Legado</h1> |
||||
</div> |
||||
<div class="main"> |
||||
<div class="content"> |
||||
<a href="bookshelf/index.html" class="button">书架</a> |
||||
<a href="bookSource/index.html" class="button">书源</a> |
||||
</div> |
||||
</div> |
||||
<div class="footer"> |
||||
<a href="https://github.com/gedoor/legado">https://github.com/gedoor/legado</a> |
||||
<!-- Banner --> |
||||
<section id="banner" class="major"> |
||||
<div class="inner"> |
||||
<header class="major"> |
||||
<h1>昨日邻家乞新火，晓窗分与读书灯</h1> |
||||
</header> |
||||
<div class="content"> |
||||
<!-- <p>A responsive site template designed by HTML5 UP<br /> |
||||
and released under the Creative Commons.</p> --> |
||||
<ul class="actions"> |
||||
<li><a href="bookshelf/index.html" class="button next scrolly">书架</a></li> |
||||
</ul> |
||||
<ul class="actions"> |
||||
<li><a href="bookSource/index.html" class="button next scrolly">书源</a></li> |
||||
</ul> |
||||
<ul class="actions"> |
||||
<li><a href="uploadBook/index.html" class="button next scrolly">传书</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</div> |
||||
</body> |
||||
|
||||
<!-- Scripts --> |
||||
<script src="assets/js/dist.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
||||
@ -0,0 +1,33 @@ |
||||
<!DOCTYPE html> |
||||
<html> |
||||
|
||||
<head> |
||||
<meta charset="UTF-8"> |
||||
<title>传书</title> |
||||
<link rel="icon" href="favicon.ico"> |
||||
<style> |
||||
.main { |
||||
text-align: center; |
||||
/*让div内部文字居中*/ |
||||
background-color: #fff; |
||||
border: 3px solid #000; |
||||
border-radius: 20px; |
||||
width: 400px; |
||||
height: 500px; |
||||
margin: auto; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
} |
||||
|
||||
</style> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="main"> |
||||
<h1>传书</h1> |
||||
<a>拖拽到此处上传书籍</a> |
||||
</div> |
||||
</body> |
||||
Loading…
Reference in new issue