-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
executable file
·150 lines (134 loc) · 5.06 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>愛的36計</title>
<meta charset="utfss-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="https://yyeh26.github.io/SLP_Demo.github.io/assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="https://yyeh26.github.io/SLP_Demo.github.io/assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="https://yyeh26.github.io/SLP_Demo.github.io/index.html" class="logo">
<span class="symbol"><img
src="https://scontent.ftpe11-2.fna.fbcdn.net/v/t1.15752-9/75456921_2584872068408484_6539470492825288704_n.jpg?_nc_cat=104&_nc_oc=AQkSpP8z1AM1iUCMmI6perKzdBx-GIDK4ECBwpzvzYtwG1Oofw036B4mZm_k0KMIWbtM9sN1-qVp_VsfDBvPMBZy&_nc_ht=scontent.ftpe11-2.fna&oh=bb76aaed26e3793e162d1e07017e83fa&oe=5E88B206"
alt="" /></span><span class="title">Department of Speech Language Pathology and Audiology ,
NTUNHS</span>
</a>
<!-- Nav -->
<!-- <nav> -->
<!-- <ul> -->
<!-- <li><a href="#menu">Menu</a></li> -->
<!-- </ul> -->
<!-- </nav> -->
</div>
</header>
<!-- Menu -->
<!-- <nav id="menu">-->
<!-- <h2>Menu</h2>-->
<!-- <ul>-->
<!-- <li><a href="index.html">首頁</a></li>-->
<!-- <li><a href="generic.html">Ipsum veroeros</a></li>-->
<!-- <li><a href="generic.html">Tempus etiam</a></li>-->
<!-- <li><a href="generic.html">Consequat dolor</a></li>-->
<!-- <li><a href="elements.html">Elements</a></li>-->
<!-- </ul>-->
<!-- </nav>-->
<!-- Main -->
<div id="main">
<div class="inner">
<header>
<h1 align="">愛的36計<br /></h1>
<p align="">構音圖卡分類</p>
</header>
<section class="tiles">
<article class="style1">
<span class="image">
<img src="https://yyeh26.github.io/SLP_Demo.github.io/images/pic01.jpg" alt="" />
</span>
<a href="https://yyeh26.github.io/SLP_Demo.github.io/generic.html?context_id=0">
<h2>舌前音</h2>
<div class="content">
<p>舌前音:ㄉㄊㄗㄘㄙ舌頭往前移動</p>
</div>
</a>
</article>
<article class="style2">
<span class="image">
<img src="https://yyeh26.github.io/SLP_Demo.github.io/images/pic02.jpg" alt="" />
</span>
<a href="https://yyeh26.github.io/SLP_Demo.github.io/generic.html?context_id=1">
<h2>舌根音</h2>
<div class="content">
<p>舌根音:ㄍㄎㄏ喉嚨用力</p>
</div>
</a>
</article>
<article class="style3">
<span class="image">
<img src="https://yyeh26.github.io/SLP_Demo.github.io/images/pic03.jpg" alt="" />
</span>
<a href="https://yyeh26.github.io/SLP_Demo.github.io/generic.html?context_id=2">
<h2>送氣音</h2>
<div class="content">
<p>送氣音:ㄆㄊㄎㄘㄔㄑ電風扇打開</p>
</div>
</a>
</article>
<article class="style4">
<span class="image">
<img src="https://yyeh26.github.io/SLP_Demo.github.io/images/pic04.jpg" alt="" />
</span>
<a href="https://yyeh26.github.io/SLP_Demo.github.io/generic.html?context_id=3">
<h2>塞擦音</h2>
<div class="content">
<p>塞擦音:ㄗㄘㄓㄔㄐㄑ舌頭幫牙齒吹風</p>
</div>
</a>
</article>
<article class="style5">
<span class="image">
<img src="https://yyeh26.github.io/SLP_Demo.github.io/images/pic05.jpg" alt="" />
</span>
<a href="https://yyeh26.github.io/SLP_Demo.github.io/generic.html?context_id=4">
<h2>擦音</h2>
<div class="content">
<p>擦音:ㄙㄕㄒㄏㄖ牙齒涼涼的</p>
</div>
</a>
</article>
<article class="style6">
<span class="image">
<img src="https://yyeh26.github.io/SLP_Demo.github.io/images/pic06.jpg" alt="" />
</span>
<a href="https://yyeh26.github.io/SLP_Demo.github.io/generic.html?context_id=5">
<h2>複韻母音</p>聲隨韻母</h2>
<div class="content">
<p>複韻母音聲隨韻母:ㄞㄟㄠㄡ、ㄢㄣㄤㄥ有尾巴的聲音</p>
</div>
</a>
</article>
</section>
</div>
</div>
<!-- Footer -->
</div>
<!-- Scripts -->
<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/jquery.min.js"></script>
<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/browser.min.js"></script>
<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/breakpoints.min.js"></script>
<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/util.js"></script>
<script src="https://yyeh26.github.io/SLP_Demo.github.io/assets/js/main.js"></script>
</body>
</html>