| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/muscircle_html/en/ |
Upload File : |
<!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">
<title>MUSCIRCLE - Tutor Sign Up</title>
<link href="../css/style.css" type="text/css" rel="stylesheet">
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/agency.css" rel="stylesheet">
<link rel="shortcut icon" href="../img/smallLogo.png">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" 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="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html"><img src="../img/whiteLOGO.png" width="auto" height="50px" style="margin-top:0px;"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="overflow:hidden;">
<ul class="nav navbar-nav">
<li>
<a href="#">About</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="formSection">
<div class="AllSteps">
<a href="signupTutor.html" class="StepTitle" id="LinkUnderline">個人資料</a>
<a href="signupTutorSubject.html" class="StepTitle">科目/學費</a>
<a href="signupTutorVerification.html" class="StepTitle">信任及認證</a>
</div>
<div class="TutorForm">
<form>
<div class="FormHeading">Please tell us more about yourself!</div>
<div class="AddPhoto"><div class="BoxTitle">Please add your Profile Photo</div>
The first thing need to be done is to add your smiley face for your lovely students.<br><br>
<div class="ProfileImg"><img src="../img/signup/profilePic.jpg"></div>
<div class="InsertPic"><input name="Select File" type="file" /></div>
</div>
<div class="HalfLeft">
<div class="BoxTitle">中文姓名</div>
<input class="inputFill" placeholder="中文姓名">
</div>
<div class="HalfRight">
<div class="BoxTitle">英文姓名</div>
<input class="inputFill" placeholder="英文姓名">
</div>
<div class="ContainThreeDiv">
<div class="InputDataII">
<div class="BoxTitle">性別</div>
<input type="checkbox" value="male"> 男性
<input type="checkbox" value="female" checked style="margin-left:15px;"> 女性
</div>
<div class="InputDataII">
<div class="BoxTitle">出生日期</div>
<select class="BirthMonth">
<option value="">月份</option>
<option value="">January</option>
<option value="">February</option>
<option value="">March</option>
<option value="">April</option>
<option value="">May</option>
<option value="">June</option>
<option value="">July</option>
<option value="">August</option>
<option value="">September</option>
<option value="">October</option>
<option value="">November</option>
<option value="">December</option>
</select>
<select class="BirthYear">
<option value="">年份</option>
<option value="">1999</option>
<option value="">1998</option>
<option value="">1997</option>
<option value="">1996</option>
<option value="">1995</option>
<option value="">1994</option>
<option value="">1993</option>
<option value="">1992</option>
<option value="">1991</option>
<option value="">1990</option>
<option value="">1989</option>
<option value="">1988</option>
</select>
</div>
<div class="InputDataII">
<div class="BoxTitle">身份證 <font color="red"> (頭3個數字)</font></div>
<input class="inputFill" placeholder="頭3個數字">
</div>
</div>
<div class="HalfLeft">
<div class="BoxTitle">電子郵件</div>
<input class="inputFill" placeholder="電子郵件">
</div>
<div class="HalfRight">
<div class="BoxTitle">手提電話</div>
<input class="inputFill" placeholder="手提電話">
</div>
<div class="InputDataIII">
<div class="BoxTitle">居住地區</div>
<select class="form-control" id="sel1">
<option>中西區</option>
<option>灣仔區</option>
<option>東區</option>
<option>南區</option>
<option>油尖旺區</option>
<option>深水埗區</option>
<option>九龍城區</option>
<option>黃大仙區</option>
<option>觀塘區</option>
<option>葵青區</option>
<option>荃灣區</option>
<option>屯門區</option>
<option>元朗區</option>
<option>北區</option>
<option>大埔區</option>
<option>沙田區</option>
<option>西貢區</option>
<option>離島區</option>
</select>
</div>
<div class="InputDataIII">
<div class="BoxTitle" style="color:red;">授課地區</div>
<div class="HongKongArea">
<ul class="nav">
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">香港島<b class="caret" style="float:right; margin-top:8px;"></b></a>
<div class="dropdown-menu multi-column">
<div class="container-fluid">
<div class="row-fluid">
<div class="col-sm-3">
<ul class="dropdown-menu" >
<li><input type="checkbox" value=""> 全香港島</li>
<li><input type="checkbox" value=""> 中環</li>
<li><input type="checkbox" value=""> 太古</li>
<li><input type="checkbox" value=""> 西環</li>
<li><input type="checkbox" value=""> 灣仔</li>
<li><input type="checkbox" value=""> 淺水灣</li>
<li><input type="checkbox" value=""> 銅鑼灣</li>
<li><input type="checkbox" value=""> 鰂魚涌</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 上環</li>
<li><input type="checkbox" value=""> 蘇豪</li>
<li><input type="checkbox" value=""> 北角</li>
<li><input type="checkbox" value=""> 赤柱</li>
<li><input type="checkbox" value=""> 西灣河</li>
<li><input type="checkbox" value=""> 深水灣</li>
<li><input type="checkbox" value=""> 鴨脷洲</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 大坑</li>
<li><input type="checkbox" value=""> 蘭桂坊</li>
<li><input type="checkbox" value=""> 半山</li>
<li><input type="checkbox" value=""> 金鐘</li>
<li><input type="checkbox" value=""> 杏花邨</li>
<li><input type="checkbox" value=""> 跑馬地</li>
<li><input type="checkbox" value=""> 薄扶林</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 山頂</li>
<li><input type="checkbox" value=""> 天后</li>
<li><input type="checkbox" value=""> 石澳</li>
<li><input type="checkbox" value=""> 柴灣</li>
<li><input type="checkbox" value=""> 香港仔</li>
<li><input type="checkbox" value=""> 筲箕灣</li>
<li><input type="checkbox" value=""> 數碼港</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="HongKongArea">
<ul class="nav">
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">九龍<b class="caret" style="float:right; margin-top:8px;"></b></a>
<div class="dropdown-menu multi-column">
<div class="container-fluid">
<div class="row-fluid">
<div class="col-sm-3">
<ul class="dropdown-menu" >
<li><input type="checkbox" value=""> 全九龍</li>
<li><input type="checkbox" value=""> 油塘</li>
<li><input type="checkbox" value=""> 樂富</li>
<li><input type="checkbox" value=""> 九龍塘</li>
<li><input type="checkbox" value=""> 牛頭角</li>
<li><input type="checkbox" value=""> 何文田</li>
<li><input type="checkbox" value=""> 深水埗</li>
<li><input type="checkbox" value=""> 鯉魚門</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 太子</li>
<li><input type="checkbox" value=""> 紅磡</li>
<li><input type="checkbox" value=""> 藍田</li>
<li><input type="checkbox" value=""> 九龍灣</li>
<li><input type="checkbox" value=""> 石硤尾</li>
<li><input type="checkbox" value=""> 油麻地</li>
<li><input type="checkbox" value=""> 黃大仙</li>
<li><input type="checkbox" value=""> 鑽石山</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 佐敦</li>
<li><input type="checkbox" value=""> 美孚</li>
<li><input type="checkbox" value=""> 觀塘</li>
<li><input type="checkbox" value=""> 土瓜灣</li>
<li><input type="checkbox" value=""> 尖沙咀</li>
<li><input type="checkbox" value=""> 長沙灣</li>
<li><input type="checkbox" value=""> 慈雲山</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 旺角</li>
<li><input type="checkbox" value=""> 彩虹</li>
<li><input type="checkbox" value=""> 九龍城</li>
<li><input type="checkbox" value=""> 大角咀</li>
<li><input type="checkbox" value=""> 諾士佛臺</li>
<li><input type="checkbox" value=""> 荔枝角</li>
<li><input type="checkbox" value=""> 新蒲崗</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="HongKongArea">
<ul class="nav">
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">新界<b class="caret" style="float:right; margin-top:8px;"></b></a>
<div class="dropdown-menu multi-column">
<div class="container-fluid">
<div class="row-fluid">
<div class="col-sm-3">
<ul class="dropdown-menu" >
<li><input type="checkbox" value=""> 全新界</li>
<li><input type="checkbox" value=""> 元朗</li>
<li><input type="checkbox" value=""> 西貢</li>
<li><input type="checkbox" value=""> 荃灣</li>
<li><input type="checkbox" value=""> 葵涌</li>
<li><input type="checkbox" value=""> 馬鞍山</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 上水</li>
<li><input type="checkbox" value=""> 太和</li>
<li><input type="checkbox" value=""> 沙田</li>
<li><input type="checkbox" value=""> 馬灣</li>
<li><input type="checkbox" value=""> 羅湖</li>
<li><input type="checkbox" value=""> 將軍澳</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 大埔</li>
<li><input type="checkbox" value=""> 屯門</li>
<li><input type="checkbox" value=""> 青衣</li>
<li><input type="checkbox" value=""> 深井</li>
<li><input type="checkbox" value=""> 天水圍</li>
<li><input type="checkbox" value=""> 落馬洲</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 大國</li>
<li><input type="checkbox" value=""> 火炭</li>
<li><input type="checkbox" value=""> 粉嶺</li>
<li><input type="checkbox" value=""> 葵芳</li>
<li><input type="checkbox" value=""> 流浮山</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<div class="HongKongArea">
<ul class="nav">
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">離島<b class="caret" style="float:right; margin-top:8px;"></b></a>
<div class="dropdown-menu multi-column">
<div class="container-fluid">
<div class="row-fluid">
<div class="col-sm-3">
<ul class="dropdown-menu" >
<li><input type="checkbox" value=""> 全離島</li>
<li><input type="checkbox" value=""> 長洲</li>
<li><input type="checkbox" value=""> 愉景灣</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 大澳</li>
<li><input type="checkbox" value=""> 大嶼山</li>
<li><input type="checkbox" value=""> 蒲苔島</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 坪洲</li>
<li><input type="checkbox" value=""> 赤鱲角</li>
</ul>
</div>
<div class="col-sm-3">
<ul class="dropdown-menu">
<li><input type="checkbox" value=""> 東涌</li>
<li><input type="checkbox" value=""> 南丫島</li>
</ul>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="HalfLeft">
<div class="BoxTitle">授課場地</div>
<input type="checkbox" value=""> 音樂室
<input type="checkbox" value="" checked style="margin-left:15px;"> 導師家中
<input type="checkbox" value="" style="margin-left:15px;"> 學生家中<br>
</div>
<div class="HalfRight">
<div class="BoxTitle">教學經驗</div>
<select class="form-control" id="sel1">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>>5</option>
</select>
</div>
<div class="InputDataIII">
<div class="BoxTitle" style="color:ff0000;">樂理級別</div>
<input type="checkbox" value=""> Grade 8
<input type="checkbox" value="" checked style="margin-left:15px;"> Grade 8 以上
</div>
<div class="InputDataIII">
<div class="BoxTitle">授課模式</div>
<input type="checkbox" value=""> 單對單
<input type="checkbox" value="" checked style="margin-left:15px;"> 小班教學
<input type="checkbox" value="" style="margin-left:15px;"> 單首樂曲速成班<br>
<font color="#ff0000">註: 小班教學 - 導師必須可以提供樂器出租服務</font>
</div>
<div class="InputDataIII">
<div class="BoxTitle">樂器履歷</div>
<button data-duplicate-add="MusicalCV" type="button" id="uploadSectionBTN">+</button>
<button data-duplicate-remove="MusicalCV" type="button" id="uploadSectionBTN">-</button>
<div data-duplicate="MusicalCV" class="InstrumentExpSection">
<div class="InstrumentExp">
<select class="form-control" id="sel1">
<option>Instrument</option>
<option>樂器</option>
<option>樂器</option>
<option>樂器</option>
<option>樂器</option>
<option>樂器</option>
</select>
</div>
<div class="InstrumentExp">
<select class="form-control" id="sel1">
<option>Grade</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
</select>
</div>
<div class="InstrumentExp">
<select class="form-control" id="sel1">
<option>Year</option>
<option>1997</option>
<option>1996</option>
<option>1995</option>
<option>1994</option>
<option>1993</option>
<option>1992</option>
<option>1991</option>
<option>1990</option>
<option>1989</option>
</select>
</div>
</div>
</div>
<div class="InputDataIII">
<div class="BoxTitle">上載音樂證書</div>
<button data-duplicate-add="cert" type="button" id="uploadSectionBTN">+</button>
<button data-duplicate-remove="cert" type="button" id="uploadSectionBTN">-</button>
<div data-duplicate="cert" class="uploadSection">
<input name="Select File" type="file" />
</div>
</div>
<div class="InputDataIII">
<div class="BoxTitle">自我介紹</div>
<textarea name="comment" class="textareaStyle" placeholder="自我介紹..." ></textarea>
</div>
<div class="InputDataIII">
<div class="BoxTitle">影片</div>
<input class="inputFill" placeholder="url:">
</div>
<input type="submit" value="下一步" class="submitBTN">
</form>
</div>
</div>
<center><div class="BackToTop" id="back-to-top">BACK TO TOP</div></center>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="FTDescription">
<img src="../img/whiteLOGO.png" width="auto" height="60px"> <br><br>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="FTEmailSub">
<span class="FTTitle">Newsletter</span> <br><br>
Enter your Email address: <br>
<div class="EmailInputBox">
<input type="text" placeholder="Email address"> <br>
<button type="button" class="EmailSubBT">Subscribe</button>
</div>
</div>
</div>
<div class="col-md-2 col-sm-6">
<div class="FTDirectLink">
<span class="FTTitle">Links</span> <br>
<div class="Links">About Us</div>
<div class="Links">Privacy Policy</div>
<div class="Links">Terms of Use</div>
<div class="Links">Feedback</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="ContactInfo">
<span class="FTTitle">Contact Info</span> <br>
<div class="detail"><div class="locationIcon"><img src="../img/locationIcon.png"> </div><div class="locationaddress">Unit 16, 11/F., Wah Shing Centre, 11-13 Shing Yip Street, Kwun Tong, Kowloon, Hong Kong</div></div>
<div class="detail"><img src="../img/PhoneIcon.png"> (+852) 0000 0000</div>
<div class="detail"><img src="../img/emailIcon.png"> info@muscircle.com</div>
</div>
</div>
</div>
</div>
</div>
<div class="FooterBlack" >
<div class="container">
<div class="row">
<div class="CopyRight">
© COPYRIGHT 2016 BY MUSCIRCLE. ALL RIGHTS RESERVED.
</div>
<div class="SocialMedia">
<a href=""><img src="../img/FaceBookIcon.png"></a>
<a href=""><img src="../img/TwitterIcon.png"></a>
<a href=""><img src="../img/GoolgePlusWhiteIcon.png"></a>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/agency.js"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="../js/classie.js"></script>
<script src="../js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="../js/jqBootstrapValidation.js"></script>
<script src="../js/jquery.duplicate.js"></script>
</body>
</html>