| 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/jamie/musicpro_html/en/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Musicpro</title>
<link rel="shortcut icon" href="../img/pagelogo.png">
<!-- Bootstrap core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/freelancer.min.css" rel="stylesheet">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Nunito:400,700" rel="stylesheet">
<link href="https://file.myfontastic.com/e532iC5ccs7j5QxdaRitK3/icons.css" rel="stylesheet">
<link href="../css/style.css" rel="stylesheet">
<link href="../css/responsive.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="../img/logo-fff.png" class="navlogo"></a>
<button class="navbar-toggler navbar-toggler-right text-uppercase text-white" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<i class="icon-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#aboutus">About Us</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#flow">Our Flow</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#faq">FAQ</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Contact Us</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 tc" href="../tc/index.html">中文</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<div class="webImg">
<img src="../img/banner.jpg">
</div>
<!-- Portfolio Grid Section -->
<section class="section aboutus" id="aboutus">
<div class="container textCenter">
<h2>ABOUT MUSICPRO</h2>
<p>To ensure the quality of music learning, in-class learning and after-class practice are of equally importance. MusicPro provides an online platform for music tutors to guide the students’ practice in between classes to improve their learning efficiency. Our platform also provides a channel for music tutors, students and parents to communicate with each other on the learning progress.</p>
<p>MusicPro also encourages students to interact with each other so they can enjoy more on their music learning journey~</p>
</div>
</section>
<!-- flow Section -->
<section class="section ourFlowSection sectionbgIMG" id="flow" style="background-image:url('../img/bg-03.jpg');">
<div class="container">
<h2>OUR FLOW</h2>
<div class="FlowRow">
<img src="../img/flowIcopn-01.png"> 1. Linkage between music student and tutor
</div>
<div class="FlowRow">
<img src="../img/flowIcopn-02.png"> 2. Tutor issues practice after class via MusicPRO
</div>
<div class="FlowRow">
<img src="../img/flowIcopn-03.png"> 3. Student records the practice and send to tutor
</div>
<div class="FlowRow">
<img src="../img/flowIcopn-04.png"> 4. Tutor provides detail comment according to student’s practice
</div>
<div class="FlowRow">
<img src="../img/flowIcopn-05.png"> 5. Student rectify at once according to tutor’s comment
</div>
<div class="appImg"><img src="../img/misucpro-app.png"></div>
</div>
</section>
<!-- faq -->
<section class="section" id="faq">
<img src="../img/../img/faqbg.jpg" class="faqbgIMG">
<div class="container textCenter">
<h2>FAQ</h2>
<div class="FAQContainer">
<div class="Q-Cate">
<button class="active" id="studentBtn">Student</button>
<button id="tutorBtn">Tutor</button>
</div>
<div class="Question faq-student">
<h4>Is there any limit on the duration of the practice?</h4>
<p>- Each practice is limited to 2 mins.</p>
</div>
<div class="Question faq-student">
<h4>Can student re-record for the same practice?</h4>
<p>- Students can listen to their practice before sending to tutors. Students can record a new practice before sending to tutors but the old record will be deleted.</p>
</div>
<div class="Question faq-student">
<h4>How long will the practice be stored in MusicPro?</h4>
<p>- The practice will be stored in MusicPro server for 1 year and will be deleted afterwards.</p>
</div>
<div class="Question faq-student">
<h4>Qualification of tutor</h4>
<p>- Tutor has to be the student’s tutor at present. Student has the right to confirm the identity and qualification of the tutor</p>
</div>
<div class="Question faq-student">
<h4>How to link with tutors</h4>
<p>- The student has a unique ID and tutor has to add the students by their ID. Once the tutor added the student, the student can either confirm or decline the invitation.</p>
</div>
<div class="Question faq-student">
<h4>What if the student hand-in their practice after the deadline?</h4>
<p>- The students can still hand-in their practice after the deadline and tutors can also comment on the practice. However, a late submission remark will be shown</p>
</div>
<div class="Question faq-tutor">
<h4>Qualification of tutor</h4>
<p>- Tutor has to be the student’s tutor at present. Student has the right to confirm the identity and qualification of the tutor</p>
</div>
<div class="Question faq-tutor">
<h4>How to link with students</h4>
<p>- The student has a unique ID and tutor has to add the students by their ID. Once the tutor added the student, the student can either confirm or decline the invitation./p>
</div>
<div class="Question faq-tutor">
<h4>Is there any limit on the duration of the practice?</h4>
<p>- Each practice is limited to 2 mins.</p>
</div>
<div class="Question faq-tutor">
<h4>What if the student hand-in their practice after the deadline?</h4>
<p>- Tutors have the responsibility to remind their students to practice. If the students hand-in their practice after the deadline, tutors can still comment on the practice. However, a late submission remark will be shown</p>
</div>
<div class="Question faq-tutor">
<h4>When should tutor give comment to students’ practice?</h4>
<p>- We recommend tutors to give comment in 24hrs after the student hand-in their practice.</p>
</div>
</div>
</div>
</section>
<footer id="contact">
<div class="container">
<div class="footerLogo">
<img src="../img/logo-fff.png">
</div>
<div class="footerSocialMedia">
<img src="../img/fb-sm-fff.png">
<img src="../img/ig-sm-fff.png">
<img src="../img/mail-sm-fff.png">
<img src="../img/wtsapp-sm-fff.png">
</div>
<div class="terms">
© 2018 MusicPRO. All Rights Reserved. <div class="tnc"><a href="tnc.html">Terms and Conditions</a> <a href="privacy.html">Privacy</a></div>
</div>
<div class="platstore">
<a href="https://itunes.apple.com/us/app/musicpro/id1351183464?mt=8"><img src="../img/onios.png"></a>
<a href="https://play.google.com/store/apps/details?id=com.musicpro.app"><img src="../img/onplaystore.png"></a>
</div>
<div class="clear"></div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.bundle.min.js"></script>
<script src="../js/jquery.easing.min.js"></script>
<!-- Custom scripts for this template -->
<script src="../js/freelancer.min.js"></script>
<script src="../js/script.js"></script>
</body>
</html>