1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91<!DOCTYPE html>
<html lang="en" class="mdc-typography">
<head>
<meta charset="UTF-8">
<title>Lanzhou</title>
<link rel="stylesheet" href="material-components-web/dist/material-components-web.css">
<link rel="stylesheet" href="css/Material_Icons.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body class="page">
<header class="mdc-toolbar mdc-toolbar--fixed">
<div class="mdc-toolbar__row">
<section class="mdc-toolbar__section mdc-toolbar__section--align-start">
<button class="menu material-icons mdc-toolbar__icon--menu mdc-ripple-surface">menu</button>
<span class="mdc-toolbar__title">Lanzhou2017</span>
</section>
</div>
</header>
<aside class="mdc-temporary-drawer">
<div class="mdc-temporary-drawer__drawer">
<header class="mdc-temporary-drawer__header">
<div class="mdc-temporary-drawer__header-content mdc-theme--primary-bg mdc-theme--text-primaryon-primary">
<img class="logo" src="image/logo.jpg" alt="Lanzhou 2017">
<div class="logo-name">Lanzhou 2017</div class="logo-name">
</div>
</header>
<nav class="mdc-temporary-drawer__content mdc-list-group">
<a href="" class="mdc-list-item mdc-ripple-surface">
<i class="material-icons mdc-list-item__start-detail" >home</i>
Home
</a>
<a href="project.html" class="mdc-list-item mdc-ripple-surface">
<i class="material-icons mdc-list-item__start-detail">local_florist</i>
Project
</a>
<a href="" class="mdc-list-item mdc-ripple-surface">
<i class="material-icons mdc-list-item__start-detail">build</i>
Part
</a>
<a href="" class="mdc-list-item mdc-ripple-surface">
<i class="material-icons mdc-list-item__start-detail">security</i>
Safty
</a>
<a href="" class="mdc-list-item mdc-ripple-surface">
<i class="material-icons mdc-list-item__start-detail">face</i>
Human Pratice
</a>
<a href="" class="mdc-list-item mdc-ripple-surface">
<i class="material-icons mdc-list-item__start-detail">group</i>
Team
</a>
<a href="" class="mdc-list-item mdc-ripple-surface">
<i class="material-icons mdc-list-item__start-detail">star</i>
Award
</a>
</nav>
</div>
</aside>
{{if isAdmin}}
{{/if}}
<footer class="footer">
<div class="footer__content">
<span class="footer__logo">Lanzhou 2017</span>
<ul class="footer__links">
<li>
<a href="" class="footer__link">About Lanzhou 2017</a>
</li>
<!-- ้่ฆๆนๅจ -->
<li>
<a href="" class="footer__link">copyright</a>
</li>
<li class="footer__link-container--right">
<a href="http://lawliet.pw" class="footer__link">
<span class="footer__made-with-desktop">Made by L. with Material Components for the web</span>
<span class="footer__made-with-mobile">Made by L. with MDC Web</span>
</a>
</li>
</ul>
</div>
</footer>
<button id="to-top" class="mdc-fab mdc-ripple-surface material-icons" aria-label="Favorite">
<span class="mdc-fab__icon">keyboard_arrow_up</span>
</button>
</body>
<script src="material-components-web/dist/material-components-web.js"></script>
<script src="js/jquery.min.js"></script>
<script>window.mdc.autoInit()</script>
<script src="js/main.js"></script>
</html>