-
Notifications
You must be signed in to change notification settings - Fork 1
/
mainpage.html
115 lines (99 loc) · 4.54 KB
/
mainpage.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="https://use.fontawesome.com/9dd436f83a.js"></script>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link rel="stylesheet" type="text/css" href="css/mainpage.css">
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>视界-主界面</title>
</head>
<body>
<nav>
<div class="nav-wrapper">
<div class="brand-logo">
<a href="#"><img src="img/slogan.png"></a>
</div>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="right hide-on-med-and-down" id="menu" >
<li><a href="mainpage.html">首页</a></li>
<li><a href="mywork.html">我的作品</a></li>
<li><a href="upload.html">我要上传</a></li>
<li><a href="#" onclick="alert_1()">我的评论</a></li>
<li><a href="information.html">我的信息</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="mainpage.html">首页</a></li>
<li><a href="mywork.html">我的作品</a></li>
<li><a href="upload.html">我要上传</a></li>
<li><a href="#" onclick="alert_1()">我的评论</a></li>
<li><a href="information.html">我的信息</a></li>
</ul>
</div>
</nav>
<div class="row" id="userphoto">
<div class="col l2 m4 s6 offset-l5 offset-m4 offset-s3">
<div class="row" id="image">
<img src="img/profile-picture.jpg" class="responsive-img circle col l10 m10 s12 offset-l1 offset-m1">
</div>
</div>
</div>
<div class="row">
<p class="col l2 m4 s4 offset-l5 offset-m4 offset-s4" id="username">Maki</p>
</div>
<div class="row" id="part">
<div id="up" class="col l4 m8 s10 offset-l2 offset-m2 offset-s1">
<!-- ......................................................... -->
<div class="row delete-1">
<div class=" col l5 m6 s6 offset-l1" id="up-left">
<div class="row">
<img src="img/work.png" class="responsive-img col l10 m8 s12 offset-l1 offset-m2">
<p class="part-p col l12 m12 s12">我的作品</p>
</div>
</div>
<!-- ......................................................... -->
<div class="row delete-2">
<div class="col l5 m6 s6 offset-l1" id="up-right">
<div class="row">
<img src="img/upload.png" class="responsive-img col l10 m8 s12 offset-l1 offset-m2">
<p class="part-p col l12 m12 s12">我要上传</p>
</div>
</div>
</div>
</div>
</div>
<div id="down" class="col l4 m8 s10 offset-m2 offset-s1">
<!-- ........................................................... -->
<div class="row delete-3">
<div class="col l5 m6 s6 offset-l1" id="down-left">
<div class="row">
<img src="img/comment.png" class="responsive-img col l10 m8 s12 offset-l1 offset-m2">
<p class="part-p col l12 m12 s12">我的评论</p>
</div>
</div>
<!-- .......................................................... -->
<div class="row delete-4">
<div class="col l5 s6 offset-l1" id="down-right">
<div class="row">
<img src="img/information.png" class="responsive-img col l10 m8 s12 offset-l1 offset-m2">
<p class="part-p col l12 m12 s12">我的信息</p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="hide-on-med-and-down">
<p><i id="copyright" class="fa fa-copyright" aria-hidden="true"></i>视界团队制作</p>
</footer>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>
<script type="text/javascript" src="js/alert.js"></script>
</body>
</html>