-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfriendly_site.html
99 lines (95 loc) · 3.47 KB
/
friendly_site.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
<!DOCTYPE HTML>
<!--
Design : 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>學論議題論壇</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<link rel="shortcut icon" sizes="16x16 32x32 48x48 64x64 128x128" href="images/favicon.ico">
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/new_logo.svg" alt="" />
</span><span class="title">學論議題論壇</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="issue.html">議題分享</a></li>
<li><a href="member.html">成員介紹</a></li>
<li><a href="friendly_site.html">友站分享</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>友站分享</h1>
<!-- Text -->
<section>
<h2>Text</h2>
<p>This is <b>bold</b> and this is <strong>strong</strong>.
This is <i>italic</i> and this is <em>emphasized</em>.
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.
</p>
<hr />
<p>Nunc lacinia ante nunc ac lobortis. Interdum adipiscing gravida odio porttitor sem non mi integer non faucibus ornare mi ut ante amet placerat aliquet. Volutpat eu sed ante lacinia sapien lorem accumsan varius montes viverra nibh in adipiscing blandit tempus accumsan.</p>
<hr />
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<hr />
<h3>Blockquote</h3>
<blockquote>Fis sagittisffelis.</blockquote>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Follow Us</h2>
<ul class="icons">
<li><a href="https://www.facebook.com/stl.1st/" class="icon brands style2 fa-facebook-f">
<span class="label">Facebook</span></a></li>
<li><a href="https://www.instagram.com/stl.2019/" class="icon brands style2 fa-instagram">
<span class="label">Instagram</span></a></li>
<li><a href="https://github.com/Dogbone0714/" class="icon brands style2 fa-github">
<span class="label">GitHub</span></a></li>
</ul>
</section>
<ul class="copyright">
<li><a href="https://www.facebook.com/Dogbone0714">Hao-Hsiung, Kang© Untitled. All rights reserved</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>