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
|
<!--<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MUSCIRCLE</title>
<link rel="shortcut icon" href="img/smallLogo.png">
<style>
body{
margin: 0;
}
</style>
</head>
<body>
<img src="img/howitworks/HowItWorks.jpg" style="width: 100%;">
</body>
</html>-->
<?php
include('_init.php');
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php include('_head.php'); ?>
<link href="css/style_k.css?v=<?=time();?>" type="text/css" rel="stylesheet">
<style>
.navbar-default {
background-color: #000000 !important;
border-color: #e7e7e7 !important;;
}
</style>
</head>
<body>
<?php include('_header.php') ?>
<?php include('_dialog.php') ?>
<div class="HowItWorks" id="HIW" style="margin-top: 120px;">
<div class="container">
<div class="row">
<div class="col-sm-12" id="IntroParagh"> <span class="BigTitle">HOW IT WORKS</span> <br>
<div class="redThickBorder">
<hr>
</div>
<!--<div class="IntroContent"> Learn more about our booking procedures </div>-->
</div>
<?php if($langcode == "en"){ ?>
<div class="col-lg-4 col-sm-6">
<div class="StudentVersion">
<div class="HIWHead">Student</div>
<div class="STRow">
<div class="HIWText">
<h11>1. Search for tutor</h11>
<br>
Simply search for your tutor or make a job posting on MusicCircle based on your learning preference </div>
<div class="HIWImg"><img src="img/howitworks/img1.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>2. Connect with tutor</h11>
<br>
Get connected with the tutor on our platform for learning particulars</div>
<div class="HIWImg"><img src="img/howitworks/img2.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>3. Trial confirmation</h11>
<br>
Confirm with 2 trial lessons and paid for trial lessons fee via our platform</div>
<div class="HIWImg"><img src="img/howitworks/img3.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>4. Trial and evaluation</h11>
<br>
Take the trial lessons with your selected tutor and rate the tutor based on your learning experience</div>
<div class="HIWImg"><img src="img/howitworks/img4.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>5. Start learning</h11>
<br>
Start your music learning journey </div>
<div class="HIWImg"><img src="img/howitworks/img5.png"></div>
</div>
</div>
</div>
<div id="PhoneImgSection">
<div class="col-lg-4" id="PhoneImg"> <img src="img/howitworks/iphone.png"> </div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="TutorVersion">
<div class="HIWHead">Tutor</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img6.png"></div>
<div class="HIWText">
<h11>1. Tutor registration</h11>
<br>
Register as a tutor and upload your music achievements. Students can search for their tutors on the tutor list</div>
</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img7.png"></div>
<div class="HIWText">
<h11>2. Connect with student</h11>
<br>
Get connected with the students on our platform and matching can be done efficiently </div>
</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img8.png"></div>
<div class="HIWText">
<h11>3. Trial confirmation</h11>
<br>
Confirm trail lessons with students. After trial, tutors and students have to reach consent to proceed with future learning </div>
</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img9.png"></div>
<div class="HIWText">
<h11>4. Supporting</h11>
<br>
MusicCircle provides supporting, like timetable, tuition fee reminder for our members which helps our tutors better manage their students and concentrate on their teaching </div>
</div>
</div>
</div>
<? }else{?>
<div class="col-lg-4 col-sm-6">
<div class="StudentVersion">
<div class="HIWHead">學生版</div>
<div class="STRow">
<div class="HIWText">
<h11>1. 找導師</h11>
<br>
根據需求尋找心儀導師或發佈求學資訊讓導師主動跟你聯絡 </div>
<div class="HIWImg"><img src="img/howitworks/img1.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>2. 溝通確認</h11>
<br>
邀請導師於平台上溝通 確認學習需求和時間 </div>
<div class="HIWImg"><img src="img/howitworks/img2.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>3. 確認試堂</h11>
<br>
於平台付款 向導師購買試堂時段每次試堂共2節 </div>
<div class="HIWImg"><img src="img/howitworks/img3.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>4. 試堂及評價老師</h11>
<br>
按照購買試堂時段上課於第2節試堂後可根據上課體驗給導師合適的評價 </div>
<div class="HIWImg"><img src="img/howitworks/img4.png"></div>
</div>
<div class="STRow">
<div class="HIWText">
<h11>5. 正式上課</h11>
<br>
試堂滿意後根據教學協議跟導師正式開始學習 </div>
<div class="HIWImg"><img src="img/howitworks/img5.png"></div>
</div>
</div>
</div>
<div id="PhoneImgSection">
<div class="col-lg-4" id="PhoneImg"> <img src="img/howitworks/iphone.png"> </div>
</div>
<div class="col-lg-4 col-sm-6">
<div class="TutorVersion">
<div class="HIWHead">導師版</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img6.png"></div>
<div class="HIWText">
<h11>1. 註冊導師</h11>
<br>
輸入個人資料及相關音樂履歷 登記成為導師通過核實後學生可於導師清單中尋找心儀導師 </div>
</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img7.png"></div>
<div class="HIWText">
<h11>2. 溝通確認</h11>
<br>
於平台上跟學生溝通於試堂前跟學生先確認學習需求及時間 於最短時間內提升配對成功機會 </div>
</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img8.png"></div>
<div class="HIWText">
<h11>3. 試堂</h11>
<br>
按協定時間跟學生試堂 試堂後 導師及學生均有權選擇是否正式開始長期學習 </div>
</div>
<div class="TTRow">
<div class="HIWImg"><img src="img/howitworks/img9.png"></div>
<div class="HIWText">
<h11>4. 配套</h11>
<br>
平台會給導師提供音樂教學以外的配套 例如：上課時間表 學費提示 讓老師可有效管理不同學生之需求 </div>
</div>
</div>
</div>
<? }?>
</div>
</div>
</div>
<? include('_footer.php') ?>
</body>
</html>
|