-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (178 loc) · 6.37 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>六角學院</title>
<link rel="shortcut icon" href="https://www.hexschool.com/favicon.ico" />
<meta
name="description"
content=" 打破影音課程售後不理,我們在線上等著你。 "
/>
<meta property="og:title" content=" 帶你學到會的線上課程 | 六角學院" />
<meta
property="og:description"
content=" 打破影音課程售後不理,我們在線上等著你。 "
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="index.html" />
<meta
property="og:image"
content="https://firebasestorage.googleapis.com/v0/b/hexschool-api.appspot.com/o/web%2Fevents%2F2019-js-starter%2Ffb-cover.png?alt=media&token=6d679c21-c0aa-454a-ad16-78c55b91dd50"
/>
<link href="https://i.stack.imgur.com/9WY0O.png" rel="apple-touch-icon" />
<link rel="stylesheet" href="css/css_reset.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<div class="wrap">
<ul class="header">
<li>
<a href="#"
><img
src="https://raw.githubusercontent.com/hexschool/HTMLHWSource/master/singlePage/facebookIcon.png"
alt="facebook"
/><span class="facebook">粉絲團</span></a
>
</li>
<li>
<a href="#">
<img
src="https://raw.githubusercontent.com/hexschool/HTMLHWSource/master/singlePage/twitterIcon.png"
alt="twitter"
/><span class="twitter">追隨我們</span>
</a>
</li>
</ul>
<div class="nav">
<h1><a href="index.html" class="logo logo_1">六角學院</a></h1>
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">產品介紹</a></li>
<li><a href="#">聯絡我們</a></li>
</ul>
</div>
<div class="banner">
<div class="banner_text">
<h2>六角學院<br />讓您奠定良好的前端基礎</h2>
</div>
</div>
<ul class="course">
<li>
<img
src="https://raw.githubusercontent.com/hexschool/HTMLHWSource/master/singlePage/html.png"
alt="html5基礎教學"
class="img_box"
/>
<h4>Html 5基礎教學</h4>
<p>
主流前端網站設計的基礎就在六角學院,在這裡不在是填鴨式教學,而是透過實際的範例,瞭解正確的網站開發流程,講師均具有業界開發經驗,讓學員學習業界主流的開發方法。
</p>
</li>
<li>
<img
src="https://raw.githubusercontent.com/hexschool/HTMLHWSource/master/singlePage/rwd.png"
alt="響應式網站設計"
class="img_box"
/>
<h4>響應式網站設計</h4>
<p>
響應式網站設計 (Responsive web
design),目前大多使用者均是以手機瀏覽的情況下,響應式網站已經是必備的。六角學院將會提供業界響應式開發方法,讓學生瞭解行動版開發技巧。
</p>
</li>
<li class="feature">
<img
src="https://raw.githubusercontent.com/hexschool/HTMLHWSource/master/singlePage/jQuery.png"
alt="jQuery實戰教學"
class="img_box"
/>
<h4>jQuery 實戰教學</h4>
<p>本課程有以下特色</p>
<ul>
<li>瞭解變數的使用方法</li>
<li>學習並操作DOM</li>
<li>學習基本數學運算方法</li>
<li>套件的操作及運用</li>
</ul>
</li>
</ul>
<div class="comparison">
<h3>線上及實體課程的差異</h3>
<table>
<tr>
<th>項目</th>
<th>Hex School 線上課程</th>
<th>一般線上課程</th>
<th>實體課程</th>
</tr>
<tr>
<td>費用</td>
<td class="hightlight">較低</td>
<td class="hightlight">較低</td>
<td>較高</td>
</tr>
<tr>
<td>學習效果</td>
<td>一般</td>
<td class="hightlight">較低</td>
<td class="hightlight">很好</td>
</tr>
<tr>
<td>Code Review</td>
<td class="hightlight">有</td>
<td>無</td>
<td>不一定</td>
</tr>
<tr>
<td>課程更新速度</td>
<td class="hightlight">普通</td>
<td class="hightlight">普通</td>
<td>較慢</td>
</tr>
<tr>
<td>多次複習</td>
<td class="hightlight">可</td>
<td>可</td>
<td>不可</td>
</tr>
<tr>
<td>字幕</td>
<td class="hightlight">有</td>
<td>不一定</td>
<td>板書</td>
</tr>
</table>
</div>
<div class="info">
<h3>對我們課程有興趣嗎?<br />歡迎留下您的資料</h3>
<form action="index.html">
<textarea
name="info_text"
id="info_text"
class="info_text"
></textarea>
<div class="info_box">
<label for="name">姓名</label>
<input type="text" id="name" name="name" />
<label for="tel">電話</label>
<input type="tel" id="tel" name="tel" />
<label for="mail">信箱</label>
<input type="email" id="mail" name="mail" />
<input type="submit" value="送出" class="info_submit" />
</div>
</form>
</div>
<div class="footer">
<h2><a href="index.html" class="logo logo_2">六角學院</a></h2>
<ul>
<li>
聯絡我們 : <a href="mailto:hexschool@gmail">hexschool@gmail.com</a>
</li>
<li>電話 : <a href="tel:+886-999123456">0999123456</a></li>
</ul>
</div>
</div>
</body>
</html>