-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (142 loc) · 5.22 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
<!DOCTYPE html>
<html lang="zh">
<head>
<title>Lipoic 來品一課</title>
<meta charset="UTF-8" />
<meta name="og:title" content="Lipoic 來品一課 | 與我們一起翻轉教育！" />
<meta
name="og:description"
content="Lipoic 是一個致力於整合與改善遠距授課與線上教室的教育平台，並讓學生能不受空間限制學習知識，老師能更便利地傳授知識。"
/>
<meta
name="description"
content="Lipoic 是一個致力於整合與改善遠距授課與線上教室的教育平台，並讓學生能不受空間限制學習知識，老師能更便利地傳授知識。"
/>
<meta
name="keywords"
content="Lipoic,教育,教學,教室,教學平台,線上學習,遠距上課"
/>
<meta
property="og:image"
content="https://raw.githubusercontent.com/Lipoic/Lipoic-Assets/main/logo/banner.png"
/>
<meta property="og:image:width" content="970" />
<meta property="og:image:height" content="250" />
<meta property="og:type" content="website" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="/css/global.css" />
<link rel="stylesheet" type="text/css" href="/css/header.css" />
<link rel="stylesheet" type="text/css" href="/css/top.css" />
<link rel="stylesheet" type="text/css" href="/css/about.css" />
<link rel="stylesheet" type="text/css" href="/css/footer.css" />
<link rel="stylesheet" type="text/css" href="/css/features.css" />
<link rel="stylesheet" type="text/css" href="/css/contact.css" />
<link rel="stylesheet" type="text/css" href="/css/videos.css" />
<link
href="https://cdnjs.cloudflare.com/ajax/libs/boxicons/2.1.4/css/boxicons.min.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
/>
</head>
<body>
<div class="header">
<div class="logo">
<img src="/images/logo.svg" alt="Lipoic_logo" />
<h1>Lipoic</h1>
</div>
</div>
<div class="top">
<div class="left">
<div class="img">
<img src="/images/Teaching.svg" alt="Teaching" />
</div>
</div>
<div class="right">
<h1>Lipoic 來品一課</h1>
<h2>線上整合教育平台</h2>
<!-- <a class="loginBtn" href="https://app.lipoic.org">登入</a> -->
<a
class="loginBtn"
href="#"
onclick="alert('Lipoic 來品一課網頁版正在開發中，目前尚未開放公眾註冊使用，倘若造成您的困擾或不便，我們深表歉意。\n若您想參與 Lipoic 的開發，麻煩您透過 Discord 等方式聯繫我們（詳見本站底部），謝謝。')"
>登入</a
>
</div>
</div>
<div class="about">
<div class="wrap">
<p>
Lipoic
是一個致力於整合與改善遠距授課與線上教室的教育平台，並讓學生能不受空間限制學習知識，老師能更便利地傳授知識，並且我們也熱衷於開放文化的精神，與我們一起翻轉教育吧！
</p>
</div>
</div>
<div class="feature">
<h1>特色功能</h1>
<div class="features">
<div class="ft">
<img src="/images/blackboard.png" alt="班級" />
<p>班級</p>
</div>
<div class="ft">
<img src="/images/video-call.png" alt="課堂" />
<p>課堂</p>
</div>
<div class="ft">
<img src="/images/exam-results.png" alt="測驗" />
<p>測驗</p>
</div>
<div class="ft">
<img src="/images/sticky-note.png" alt="筆記" />
<p>筆記</p>
</div>
</div>
<a href="#">查看更多</a>
</div>
<div class="videos">
<h1>相關影音</h1>
<div class="wrap">
<div class="left">
<h1>目前開發進展 | g0v 零時小學校專案孵化競賽 Demo Day 決選日影片</h1>
</div>
<div class="right">
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/gHWmrf4E_pk"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen
></iframe>
</div>
</div>
</div>
<div class="contact">
<h1>聯絡我們</h1>
<p>如果你對我們的專案以及開源教育精神有所興趣，歡迎用以下方式聯絡我們</p>
<div class="cds">
<a class="cd" href="mailto:[email protected]">
<i class="bx bx-envelope"></i>
<p>[email protected]</p>
</a>
<a class="cd" target="_blank" href="https://discord.gg/ArKk54ajfr"
><i class="bx bxl-discord-alt"></i
></a>
<a class="cd" target="_blank" href="https://github.com/lipoic"
><i class="bx bxl-github"></i
></a>
</div>
</div>
<footer>
Copyright © 2022 -
<script>
document.write(new Date().getFullYear());
</script>
Lipoic. All rights reserved.
</footer>
</body>
</html>