-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
124 lines (114 loc) · 5.67 KB
/
index.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>与时同行</title>
<link rel="stylesheet" href="public/css/app.css">
</head>
<body>
<!--主布局-->
<div class="uk-light wrap uk-background-norepeat uk-background-cover uk-background-center-center uk-cover-container uk-background-secondary">
<img data-src="https://picsum.photos/1200/900/?image=482" alt="" data-uk-cover data-uk-img
src="">
<div class="uk-flex uk-flex-center uk-flex-middle uk-height-viewport uk-position-z-index uk-position-relative div-x"
data-uk-height-viewport="min-height: 400">
<!-- NAV -->
<div class="uk-position-top">
<div class="uk-container uk-container-small">
<nav class="uk-navbar-container uk-navbar-transparent" data-uk-navbar>
<div class="uk-navbar-left">
<div class="uk-navbar-item">
<a class="uk-logo" href="">与时同行</a>
</div>
</div>
<div class="uk-navbar-center">
<ul class="uk-navbar-nav">
<li class="uk-visible@s uk-active"><a href="">首页</a></li>
<li class="uk-visible@s"><a href="">公告</a></li>
<li class="uk-visible@s"><a href="">成员</a></li>
<li class="uk-visible@s"><a href="">更多</a></li>
<div uk-dropdown>
<ul class="uk-nav uk-dropdown-nav uk-border-rounded">
<li><a href="#">文章</a></li>
<li><a href="#">订阅</a></li>
<li><a href="#">留言</a></li>
<li class="uk-nav-header">其他</li>
<li><a href="#">关于我们</a></li>
</ul>
</div>
</ul>
</div>
<div class="uk-navbar-right">
<ul class="uk-navbar-nav">
<li class="uk-hidden@s"><a class="uk-navbar-toggle" data-uk-toggle data-uk-navbar-toggle-icon
href="#sidebar"></a></li>
<li class="uk-navbar-item uk-visible@s">
<button class="uk-button uk-button-default tx-button-default">申请加入</button>
</li>
</ul>
</div>
</nav>
</div>
</div>
<!-- /NAV -->
<!-- TEXT -->
<div class="uk-container uk-container-small uk-flex-auto uk-text-center"
data-uk-scrollspy="target: > .animate; cls: uk-animation-slide-bottom-small uk-invisible; delay: 300">
<h1 class="uk-heading-primary animate uk-invisible text-h1">与时同行</h1>
<div class="uk-width-4-5@m uk-margin-auto animate uk-invisible">
<p class="lead">十年之约 · 诸君共勉</p>
</div>
<div class="uk-margin-medium-top animate uk-invisible" data-uk-margin
data-uk-scrollspy-class="uk-animation-fade uk-invisible">
<a class="uk-button uk-button-default uk-button-large uk-width-2-3 uk-width-auto@s"
data-uk-icon="check" title="Learn More">查看成员</a>
<a class="uk-button uk-button-default uk-button-large uk-width-2-3 uk-width-auto@s"
data-uk-icon="arrow-right" title="Learn More">加入我们</a>
</div>
</div>
<!-- /TEXT -->
<!-- FOOT -->
<div class="uk-position-bottom-center uk-position-small">
<span class="uk-text-small uk-text-center">© 2022 | <a href="" title="">Created by onetime</a></span>
</div>
<!-- /FOOT -->
</div>
</div>
<!--主布局-->
<div id="sidebar" uk-offcanvas="mode: reveal; overlay: true">
<div class="uk-offcanvas-bar">
<div class="uk-offcanvas-bar uk-flex uk-flex-column">
<ul class="uk-nav uk-nav-default uk-nav-center uk-margin-auto-vertical">
<li class="uk-active"><a href="">首页</a> </li>
<li><a href="">公告</a> </li>
<li><a href="">成员</a> </li>
<li><a href="">文章</a> </li>
<li><a href="">订阅</a> </li>
<li><a href="">留言</a> </li>
<li><a href="">关于</a> </li>
</ul>
<div class="uk-text-center">
<div class="uk-flex uk-flex-center uk-grid uk-grid-small uk-margin-bottom" uk-grid>
<div class="uk-first-column">
<a href="" class="uk-icon-button" uk-icon="github"></a>
</div>
<div class="uk-first-column">
<a href="" class="uk-icon-button" uk-icon="google"></a>
</div>
<div class="uk-first-column">
<a href="" class="uk-icon-button" uk-icon="discord"></a>
</div>
</div>
<div class="uk-position-bottom-center uk-position-small">
<span class="uk-text-small uk-text-center">© 2022 | <a href="" title="">Created by onetime</a></span>
</div>
</div>
</div>
</div>
</div>
<script src="public/js/app.js"></script>
</body>
</html>