-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
121 lines (119 loc) · 7.04 KB
/
index.html
File metadata and controls
121 lines (119 loc) · 7.04 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
<!DOCTYPE html>
<html lang="zh-tw">
<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>Coala 程式語言學習中心</title>
<link rel="stylesheet" href="vendors/css/uikit.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
</head>
<body>
<header>
<nav class="uk-navbar navbar">
<a href="."><div class="logo uk-navbar-brand"></div></a>
<div class="uk-navbar-flip">
<ul class="uk-navbar-nav uk-hidden-small">
<li class="uk-parent" data-uk-dropdown>
<a href="#">產品 <i class="uk-icon-caret-down"></i></a>
<div class="uk-dropdown uk-dropdown-navbar sub-nav-container">
<ul class="uk-nav sub-nav">
<li><a href="http://codellege.appspot.com/">Codellege</a></li>
<li><a href="http://tutorcloud-1137.appspot.com/">TutorCloud</a></li>
<li><a href="#MatchBoard">MatchBoard</a></li>
</ul>
</div>
</li>
<li><a href="about">關於本計劃</a></li>
<li><a href="donate">贊助我們</a></li>
<li><a href="contact">聯絡我們</a></li>
</ul>
<ul class="uk-navbar-nav uk-visible-small">
<li><a href="#offcanvas-menu" class="uk-navbar-toggle" data-uk-offcanvas></a></li>
</ul>
</div>
</nav>
<div id="offcanvas-menu" class="uk-offcanvas">
<div class="uk-offcanvas-bar uk-offcanvas-bar-flip">
<ul class="uk-nav uk-nav-offcanvas uk-nav-parent-icon" data-uk-nav>
<li class="uk-parent">
<a href="#">產品</a>
<ul class="uk-nav-sub">
<li><a href="http://codellege.appspot.com/">Codellege</a></li>
<li><a href="http://tutorcloud-1137.appspot.com/">TutorCloud</a></li>
<li><a href="#MatchBoard">MatchBoard</a></li>
</ul>
</li>
<li><a href="about">關於本計劃</a></li>
<li><a href="donate">贊助我們</a></li>
<li><a href="contact">聯絡我們</a></li>
</ul>
</div>
</div>
<div class="hero" data-uk-scrollspy="{cls:'uk-animation-fade'}">
<h1>全方位的程式語言學習解決方案</h1>
<div class="hero-describe uk-container-center">
<p>Coala 程式語言學習中心提供全方位的免費程式學習資源，如線上課程與獨家練習系統，致力於培養、訓練臺灣未來程式設計人才，以解決目前臺灣軟體產業人才嚴重短缺的問題。</p>
</div>
<div class="hero-btn">
<a href="/donate" class="uk-button action">贊助我們</a>
<a href="/about" class="uk-button uk-button-link secondary-action">了解更多<i class="uk-icon-angle-right"></i></a>
</div>
</div>
</header>
<div class="main-body">
<div>
<div class="codellege product-section uk-grid" data-uk-scrollspy="{cls:'uk-animation-scale-up'}">
<div class="uk-width-1-1 uk-width-small-1-3 product-img-container"><img src="./assets/images/codellege.png" alt="Codellege Logo"></div>
<article class="uk-width-1-1 uk-width-small-2-3">
<h2>規劃完善的線上學習課程與練習系統</h2>
<p>Codellege 是一個課程內容豐富、以實際練習為導向，擁有大量實作練習題的線上程式學習系統。提供一系列完整且經過專家所規劃的課程，如 Java 以及 C 語言，內容循序漸進、由淺入深。根據多年教學經驗的實證，大量的練習與實作就是學習程式語言最快的捷徑。使用者只要一步一步跟著 Codellege 內精心規劃的課程，不斷動手撰寫程式，就能最有效率地熟悉並且活用各種程式語言。</p>
</article>
</div>
</div>
<div>
<div class="tutorcloud product-section uk-grid" data-uk-scrollspy="{cls:'uk-animation-scale-up', delay:100}">
<div class="uk-width-1-1 uk-width-small-1-3 visible-small"><img src="./assets/images/tutorcloud.png" alt="TutorCloud Logo"></div>
<article class="uk-width-1-1 uk-width-small-2-3">
<h2>突破師生距離限制的遠距教學平台</h2>
<p>TutorCloud 是一個具有高互動性的遠距程式教學平台，除了提供線上多人即時同步的程式撰寫與討論空間之外，更提供雲端程式編譯功能，使用者無需在自己的電腦上安裝任何額外的軟體，就可以直接透過瀏覽器進行程式編譯，並即時顯示執行結果。再透過即時互動白板、文件上傳與聊天室的輔佐，對於程式的討論與教學更加直覺便利。</p>
</article>
<div class="uk-width-1-3 hidden-small product-img-container"><img src="./assets/images/tutorcloud.png" alt="TutorCloud Logo"></div>
</div>
</div>
<div>
<div class="matchboard product-section uk-grid" data-uk-scrollspy="{cls:'uk-animation-scale-up', delay:150}">
<div class="uk-width-1-1 uk-width-small-1-3 product-img-container"><img src="./assets/images/matchboard.png" alt="MatchBoard Logo"></div>
<article class="uk-width-1-1 uk-width-small-2-3">
<h2>企業與人才，老師與學生的媒合平台</h2>
<p>MatchBoard 是一個提供程式相關媒合的平台，無論是企業徵才，或是程式學習需求，都可以利用 MatchBoard 來進行配對。企業甚至能夠搭配 Codellege 學習歷程，篩選、配對並找出適合的人才。有程式語言學習需求的使用者，也可以透過 MatchBoard 來尋找適合自己的指導者，同時再搭配 TutorCloud 的使用，以提升程式學習成效 。</p>
</article>
</div>
</div>
</div>
<footer>
<div class="uk-grid uk-container-center container">
<div class="logo-container uk-width-small-1-3">
<div><img src="./assets/images/logo.png" class="logo" alt="Coala Logo"> © 2015</div>
</div>
<div class="uk-width-small-1-3">
<ul>
<li><a href="http://codellege.appspot.com/">Codellege</a></li>
<li><a href="http://tutorcloud-1137.appspot.com/">TutorCloud</a></li>
<li><a href="#">MatchBoard</a></li>
</ul>
</div>
<div class="uk-width-small-1-3">
<ul>
<li><a href="/about">關於本計劃</a></li>
<li><a href="/donate">贊助我們</a></li>
<li><a href="/contact">聯絡我們</a></li>
</ul>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="vendors/js/uikit.min.js"></script>
</body>
</html>