/
board.html
133 lines (117 loc) · 4.16 KB
/
board.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
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>英文問題留言板</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script language="JavaScript" type="text/javascript" src="js/dblclick.js"></script><!-- Cambridge Dictionary -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/all.css">
<style>
.card {
margin-top: 12px;
}
.card-title {
color: #1985f1;
margin-left: 5px;
}
.card_avartar {
width: 26px;
height: 26px;
border-radius: 50%;
background: #7ebdfc;
}
.form-group {
padding: 1%;
}
.reply {
padding: 0.5rem;
font-size: 0.5rem;
}
.reply_msg {
color: darkgray;
margin-bottom: 0.3rem;
}
</style>
<script src="js/board.js"></script>
</head>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="https://www.learnmode.net/home/" target="_blank">English Speaking</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" href="knowledge.html">Knowledge</a>
</li> -->
<li class="nav-item">
<a class="nav-link" href="board.html">Q-Board</a>
</li>
<li class="nav-item">
<a class="nav-link sign_in" href="login.html">Sign in</a>
</li>
<li class="nav-item">
<a class="nav-link sign_out" href="#">Sign out</a>
</li>
</ul>
<form
action='https://dictionary.cambridge.org/zht/%E6%90%9C%E7%B4%A2/%E8%8B%B1%E8%AA%9E/direct/?utm_source=widget_searchbox_source&utm_medium=widget_searchbox&utm_campaign=widget_tracking'
method='get' target="_blank">
<table>
<tbody>
<tr>
<td style='width:68px;background:none;border:none;padding:4px;'>
<input class="form-control search_block" placeholder="輸入英文查單字" name='q' />
</td>
<td style='width:50px;background:none;border:none;padding:0 4px 0 0;'>
<input class="btn btn-outline-success my-2 my-sm-0" type='submit' value='查看' />
</td>
</tr>
</tbody>
</table>
</form>
</div>
</nav>
<body>
<div class="container">
<div class="alert alert-info" role="alert">
<h5>
Important !!
</h5>
<div>
有任何英文問題可在這頁留言,會不定時刪除不相關留言
</div>
<div>
提醒 : 需注意提問的禮貌
</div>
</div>
<form class="add-comment-form">
<div class="form-group">
<label for="form-nickname">英文名字</label>
<input name="nickname" type="text" class="form-control" id="exampleInputEmail1">
</div>
<div class="form-group">
<label for="content-textarea">留言內容</label>
<textarea name='content' class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">送出</button>
</form>
<div class="comments">
</div>
</div>
</body>
<script src="js/board.js"></script>
</html>