-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutus.html
423 lines (369 loc) · 20 KB
/
aboutus.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>MR 編程學院</title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon -->
<link rel="shortcut icon" href="favicon.ico">
<!-- CSS Global Compulsory -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="assets/plugins/line-icons/line-icons.css">
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/plugins/flexslider/flexslider.css">
<link rel="stylesheet" href="assets/plugins/parallax-slider/css/parallax-slider.css">
<!-- CSS Theme -->
<link rel="stylesheet" href="assets/css/theme-colors/dark-blue.css" id="style_color">
<link rel="stylesheet" href="assets/css/theme-skins/dark.css">
<link rel="stylesheet" href="assets/plugins/line-icons/line-icons.css">
<!-- CSS Customization -->
<link rel="stylesheet" href="assets/css/pages/feature_timeline2.css">
<link rel="stylesheet" href="assets/css/custom.css">
<style>
</style>
</head>
<body class="boxed-layout container" style="">
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=374790122682771&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="wrapper">
<!-- small header-->
<div class="header-v3 header-sticky header-fixed-shrink " id="small_header" style="display:none;width:auto;left:auto;">
<!-- Navbar -->
<div class="navbar navbar-default mega-menu" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="fa fa-bars"></span>
</button>
<a class="navbar-brand" href="index.html">
<img style="height:45px;width:auto;padding-bottom:10px" id="logo-header" src="assets/image/logo_short.png" alt="Logo">
</a>
<ul class="navbar-brand social-icons social-icons-color">
<li><a href="https://www.facebook.com/mrcodinginstitute" data-original-title="Facebook" class="social_facebook" target="blank"></a></li>
<!-- <!-- <li><a href="http://kotingcoding.wordpress.com/#" data-original-title="Wordpress" class="social_wordpress" target="blank"></a></li> --> -->
</ul>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-responsive-collapse">
<ul class="nav navbar-nav">
<li>
<a style="font-size: 20px;" href="index.html">
首頁
</a>
</li >
<li class="active">
<a style="font-size: 20px" href="aboutus.html">
關於我們
</a>
</li>
<li>
<a style="font-size: 20px" href="clients.html">
客戶
</a>
</li>
<li>
<a style="font-size: 20px" href="courses.html">
課程簡介
</a>
</li>
<li>
<a style="font-size: 20px" href="events.html">
過往活動
</a>
</li>
</ul>
</div><!--/navbar-collapse-->
</div>
</div>
<!-- End Navbar -->
</div>
<!--=== Header ===-->
<div class="header" >
<!-- Topbar -->
<div class="topbar">
<div class="container">
<!-- Topbar Navigation -->
<ul class="loginbar pull-right">
<li>
<ul class="social-icons social-icons-color">
<li><a href="https://www.facebook.com/mrcodinginstitute" data-original-title="Facebook" class="social_facebook" target="blank"></a></li>
<!-- <li><a href="http://kotingcoding.wordpress.com/#" data-original-title="Wordpress" class="social_wordpress" target="blank"></a></li> -->
</ul>
</li>
</ul>
<!-- End Topbar Navigation -->
</div>
</div>
<!-- End Topbar -->
<!-- Navbar -->
<div class="navbar navbar-default mega-menu " role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="fa fa-bars"></span>
</button>
<a class="navbar-brand" href="index.html">
<img style="height:150px;" id="logo-header" src="assets/image/mrcodinginstitute.png" alt="Logo">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-responsive-collapse ">
<br><br><br><br><br><br>
<ul class="nav navbar-nav " >
<!-- Contacts -->
<li>
<a style="font-size: 20px" href="index.html">
首頁
</a>
</li>
<li class="active">
<a style="font-size: 20px" href="aboutus.html">
關於我們
</a>
</li>
<li>
<a style="font-size: 20px" href="clients.html">
客戶
</a>
</li>
<li>
<a style="font-size: 20px" href="courses.html">
課程簡介
</a>
</li>
<li>
<a style="font-size: 20px" href="events.html">
過往活動
</a>
</li>
</ul>
</div><!--/navbar-collapse-->
</div>
</div>
<!-- End Navbar -->
</div>
<!--=== End Header ===-->
<div class="blue-bar"></div>
<!--=== Content Part ===-->
<div class="container">
<!-- About Description -->
<div class="row">
<div class="col-md-12">
<div class="headline"><h2>課程內容</h2></div>
<div class="row">
<div class="col-md-4">
<a href="http://mr-online.com.hk/" target="blank"><img class="featurette-image img-responsive" style="height:300px;width:auto;" src="assets/image/logo.png" alt="Generic placeholder image"></a>
</div>
<div class="col-md-8">
<br><br><br>
<p class="lead">
<b>MR編程學院 MR Coding Institute</b> 是由一群有多年經驗的科技教育導師所成立，
致力在香港推動編程教育，令下一代的學生能夠從小接觸科技，為未來做好準備。
</p>
<p class="lead">
<b>MR編程學院</b>為<b>MR Innovation</b> 旗下的編程教育機構，
為不同機構及中小學提供程式編寫及各類電腦課程。而MR Innovation自2012年，
已經與多間本地大型機構及學校合作，為學生提供不同的科技教育活動及課程。
</p>
<p class="lead">
如有興趣合作， 請電郵到info@mrcoding.com.hk，或致電5694-4686。
</p>
</div>
</div>
</div><!--/col-md-8-->
</div>
<div class="headline"><h2>里程碑</h2></div>
<div class="row">
<div class="col-md-8">
<ul class="timeline-v2">
<li>
<time class="cbp_tmtime" datetime=""><span>2014</span> <span>十一月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>正式成立MR編程學院</h2>
<div class="row">
<div class="col-md-12"> <p>為回應社會對編程教育日益重視， MR Innovation成立了專門負責程式編寫教育的MR編程學院，希望為香港的科技教育出一分力。課程中使用不同的程式學習工具，例如Tynker, MIT App Inventor, Scratch, Kano OS, LEGO® Mindstorms®, Arduino 等，從小培養同學對編寫程式及科技的興趣，培養下一代的科技人才。</p></div>
</div>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime=""><span>2014</span> <span>九月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>中西區機械人比賽</h2>
<div class="row">
<div class="col-md-12"> <p>獲中西區區議會及中西區推廣使用科技委員會邀請為中西區內十間小學舉辦機械人培訓工作坊及機械人大賽，大賽分成三個項目，機械人賽跑、機械人拔河及機械人格鬥賽，在比賽中各校的同學傾盡全力，務求在賽事中獲得最佳成績。是次計劃令同學培養出對科技的興趣，更為多間學校奠下了科技教育的基礎。</p></div>
</div>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime=""><span>2014</span> <span>一月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>東華三院潛能無極限科技計劃</h2>
<div class="row">
<div class="col-md-12"> <p>我們獲東華三院學生輔導服務邀請，合作為五所小學開展為期一學年的潛能無極限科技學習計劃。計劃中學生獲得為期一個學期的機械人課程，及一個課程成果展示營會，在營會中，五所學校的同學互相交流製作機械人的心得，改良自己的機械人，務求在五月舉行的機械奧運會中奪得好成績。在機械奧運會中，其中一所參與學校的同學更獲得香港代表隊的資格，在世界賽中代表香港，勇奪國際賽殿軍的殊榮。</p></div>
</div>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime=""><span>2013</span> <span>十一月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>與英皇小博士簽訂合作關係</h2>
<div class="row">
<div class="col-md-12"> <p>在了解過我們的教學特色及提供的課程後，英皇教育正式與我們簽訂兩年的合作關係，在旗下英皇小博士分校為學生提供科技課程。課程類別更包括機械人，機械模型，科技實驗，智能科技機械人等等。部份的同學更帶著自己製作的機械人參加學界的機械人賽事，與其他學校的同學交流。</p></div>
</div>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime=""><span>2013</span> <span>一月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>獲選成為數碼港培育公司</h2>
<div class="row">
<<div class="col-md-12"> <p>在經過半年的數碼港的CCMF初創企業試驗期後，我們在芸芸的科技初創企業中脫穎而出，成為數碼港的培育公司，除得到數碼港的資助外，更得到業界不同專家的意見及協助，開始成為本港主要幾間科技教育公司之一。</p></div>
</div>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime=""><span>2012</span> <span>九月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>第一所夥伴學校 - 香港教育學院賽馬會小學</h2>
<div class="row">
<div class="col-md-12"> <p>香港教育學院賽馬會小學向來致力試用最新的教學法及學習工具，更一直在校內推動電子書包等電小學習計劃。於2012年，我們正式與她們成為合作夥伴學校，在校內推動機械人教育課程。學生及家長的反應熱烈，計劃發展至今年均會開辦三班全年的機械人課程，供不同年級的同學參加。學生於校外比賽的成績更十分優異，多次奪得全港以至大中華區機械人大賽的獎項。</p></div>
</div>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime=""><span>2012</span> <span>一月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>成功申請數碼港CCMF</h2>
<div class="row">
<div class="col-md-12"> <p>我們憑著我們對科技教育的願景及經驗，我們成功申請到數碼港CCMF創意微型基金，開展為期半年的初創企業試驗期。計劃期間，我們的課程除獲得經濟日報及明報的報導，更獲香港專業教育學院(VTC)邀請擔任第一屆機械人科技會議及工作坊的講者。</p></div>
</div>
</div>
</li>
<li>
<time class="cbp_tmtime" datetime=""><span>2011</span> <span>五月</span></time>
<i class="cbp_tmicon rounded-x hidden-xs"></i>
<div class="cbp_tmlabel">
<h2>公司成立</h2>
<div class="row">
<div class="col-md-12"> <p>我們一群於機械人及科技教育有多年經驗的導師，香港代表隊領隊導師及老師有感香港科技教育一直落後於其他國家及地區，因此正式成立了MR Innovation，致力為香港的學校及教育機構提供機械人及各類的科技課程，支援有志發展科技教育的學校。同時亦提供不同的科技學習套件，希望在香港推動科技教育，改變香港科技教育不被重視的情況。</p></div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- About Description -->
</div>
<!--=== End Content Part ===-->
<!--=== Footer Version 1 ===-->
<div class="footer-v1">
<div class="footer">
<div class="container">
<div class="row">
<!-- About -->
<div class="col-md-3 md-margin-bottom-40">
<a href="http://mr-online.com.hk/" target="blank"><img id="logo-footer" class="footer-logo" src="assets/image/menu_logo.png" alt=""></a>
<p style="font-size:12px">
MR Innovation以推廣科技教育為目標， 自2012年起與不同機構合辦各類機械人及科技普及課程，
其中包括課程、工作坊、學習日、大型學界比賽等。</p><p style="font-size:12px">為回應社會對編程教育日益重視，
MR Innovation成立了專門負責程式編寫教育的MR編程學院，希望為香港的科技教育出一分力。</p>
</p>
</div><!--/col-md-3-->
<!-- Address -->
<div class="col-md-3 map-img md-margin-bottom-40">
<div class="headline"><h2>Contact Us</h2></div>
<div style="color:#FFFFFF">
<table style="vertical-align:top; width:100%;">
<tr>
<td style="vertical-align:top;width:25%;">電話</td>
<td style="vertical-align:top;width:75%;">5694-4686</td>
</tr>
<tr>
<td style="vertical-align:top;width:25%;">傳真</td>
<td style="vertical-align:top;width:75%;">3460-5923</td>
</tr>
<tr>
<td style="vertical-align:top;width:25%;">電郵</td>
<td style="vertical-align:top;width:75%;">info@mrcoding.com.hk</td>
</tr>
<tr>
<td style="vertical-align:top;width:25%;">地址</td>
<td style="vertical-align:top;width:75%;"> 04, Unit 518, Level 5,
Core F, Cyberport 3,
100 Cyberport Road,
Hong Kong</td>
</tr>
</table>
</div>
</div><!--/col-md-3-->
<div class="col-md-3">
<div class="fb-like-box" data-href="https://www.facebook.com/MR.Innovation.HK" data-colorscheme="dark" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</div>
<!-- End About -->
<div class="col-md-3 md-margin-bottom-40">
<div class="fb-like-box" data-href="https://www.facebook.com/mrcodinginstitute" data-colorscheme="dark" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</div>
</div>
<!-- End Address -->
</div>
</div><!--/footer-->
<div class="copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>
© 2015 MR Coding Institute
</p>
</div>
</div>
</div>
</div><!--/copyright-->
</div>
<!--=== End Footer Version 1 ===-->
</div><!--/wrapper-->
<!-- JS Global Compulsory -->
<script type="text/javascript" src="assets/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script type="text/javascript" src="assets/plugins/back-to-top.js"></script>
<script type="text/javascript" src="assets/plugins/flexslider/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="assets/plugins/parallax-slider/js/modernizr.js"></script>
<script type="text/javascript" src="assets/plugins/parallax-slider/js/jquery.cslider.js"></script>
<!-- JS Customization -->
<script type="text/javascript" src="assets/js/custom.js"></script>
<!-- JS Page Level -->
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/plugins/parallax-slider.js"></script>
<script type="text/javascript" src="js/blockUI.js"></script>
<script src="js/main.js"></script>
<!--[if lt IE 9]>
<script src="assets/plugins/respond.js"></script>
<script src="assets/plugins/html5shiv.js"></script>
<script src="assets/js/plugins/placeholder-IE-fixes.js"></script>
<![endif]-->
</body>
</html>