-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (148 loc) · 4.65 KB
/
index.html
File metadata and controls
161 lines (148 loc) · 4.65 KB
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
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE HTML>
<html>
<head>
<title>TaleStar 童話之星聯合工作室</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body>
<!-- Header -->
<header id="header" class="alt">
<div class="logo"><a href="index.html">Site <span>by TALESTAR</span></a></div>
<a href="#menu">選單</a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">首頁</a></li>
</ul>
</nav>
<!-- Banner -->
<section class="banner full">
<article>
<img src="images/slide01.jpg" alt="" />
<div class="inner">
<header>
<p>動畫.實況.軟體開發</a></p>
<h2>童話之星聯合工作室</h2>
</header>
</div>
</article>
<article>
<img src="images/slide02.jpg" alt="" />
<div class="inner">
<header>
<p>Minecraft伺服器</p>
<h2>星童伺服器</h2>
</header>
</div>
</article>
</section>
<!-- One -->
<section id="one" class="wrapper style2">
<div class="inner">
<div class="grid-style">
<div>
<div class="box">
<div class="image fit">
<img src="images/pic02.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<p> 一個命令一個回應</p>
<h2>軟體應用開發組</h2>
</header>
<p>現在科技發達的時代，人人幾乎都要對程式語言有基礎的認識<br/>
本工作室即將開啟物聯網開發的大門一起加入物聯網開發的行列<br/>
伺服器很多工作也是由開發組負責維護<br/>
</p>
<footer class="align-center">
<a href="" class="button alt">了解更多訊息</a>
</footer>
</div>
</div>
</div>
<div>
<div class="box">
<div class="image fit">
<img src="images/pic03.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<p>風靡全球的像素遊戲Minecraft伺服器</p>
<h2>星童伺服器</h2>
</header>
<p>星童伺服器是一個致力於發展Minecraft的伺服器<br/>
本伺服器內將會有RPG.MiniGames等模式<br/>
!請注意! Minecraft為MOJANG!所開發之像素遊戲，並非為本工作室開發<br/>
</p>
<footer class="align-center">
<a href="" class="button alt">了解更多內容</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style3">
<div class="inner">
<header class="align-center">
<p>Minecraft伺服器IP(尚未開放)</p>
<h2>MC.TALESTAR.NET</h2>
</header>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style2">
<div class="inner">
<header class="align-center">
<p class="special">照片專區</p>
<h2>伺服器內部份照片</h2>
</header>
<div class="gallery">
<div>
<div class="image fit">
<a href="images/pic01.png"><img src="images/pic01.png" alt="" /></a>
</div>
</div>
<div>
<div class="image fit">
<a href="images/pic02.png"><img src="images/pic02.png" alt="" /></a>
</div>
</div>
<div>
<div class="image fit">
<a href="images/pic03.png"><img src="images/pic03.png" alt="" /></a>
</div>
</div>
<div>
<div class="image fit">
<a href="images/pic04.png"><img src="images/pic04.png" alt="" /></a>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<ul class="icons">
<li><a href="https:///github.com/TaleStar/" class="icon fa-github"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/TaleStar.Studio" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
</ul>
</div>
<div class="copyright">
© <a href="http://www.talestar.net">TaleStar 童話之星</a>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>