| 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/cana/en/ |
Upload File : |
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />
<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,400italic,600,700|Raleway:300,400,500,600,700|Crete+Round:400italic" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../css/bootstrap.css" type="text/css" />
<link rel="stylesheet" href="../css/style.css" type="text/css" />
<link rel="stylesheet" href="../css/swiper.css" type="text/css" />
<link rel="stylesheet" href="../css/dark.css" type="text/css" />
<link rel="stylesheet" href="../css/font-icons.css" type="text/css" />
<link rel="stylesheet" href="../css/animate.css" type="text/css" />
<link rel="stylesheet" href="../css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="../css/custom.css" type="text/css" />
<link rel="stylesheet" href="../css/Grid-Layout.css">
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<link rel="stylesheet" href="../css/responsive.css" type="text/css" />
<link rel="stylesheet" href="../css/responsive-custom.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<!-- Document Title
============================================= -->
<title>CANA</title>
</head>
<body class="stretched side-push-panel">
<?php include 'include/side-nav.php';?>
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<?php include 'include/header.php';?>
<!-- #header end -->
<section id="slider" class="swiper_wrapper full-screen clearfix">
<div class="slider-parallax-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark" style="background-image: url('../img/elements/slider-1.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">VANDERBILT UNIVERSITY</h2>
<p data-caption-animate="fadeInUp" data-caption-delay="200">FEELINGS IN FIRST DAY AT UNIVERSITY</p>
<a href="#" data-caption-animate="fadeInUp" data-caption-delay="400" class="sliderBTN">READ MORE</a>
</div>
</div>
</div>
<div class="swiper-slide dark" style="background-image: url('../img/elements/slider-2.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">VANDERBILT UNIVERSITY</h2>
<p data-caption-animate="fadeInUp" data-caption-delay="200">FEELINGS IN FIRST DAY AT UNIVERSITY</p>
<a href="#" data-caption-animate="fadeInUp" data-caption-delay="400" class="sliderBTN">READ MORE</a>
</div>
</div>
</div>
<div class="swiper-slide dark" style="background-image: url('../img/elements/slider-3.jpg');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp">VANDERBILT UNIVERSITY</h2>
<p data-caption-animate="fadeInUp" data-caption-delay="200">FEELINGS IN FIRST DAY AT UNIVERSITY</p>
<a href="#" data-caption-animate="fadeInUp" data-caption-delay="400" class="sliderBTN">READ MORE</a>
</div>
</div>
</div>
</div>
<div id="slider-arrow-left"><i class="icon-angle-left"></i>
</div>
<div id="slider-arrow-right"><i class="icon-angle-right"></i>
</div>
<div id="slide-number">
<div id="slide-number-current"></div><span>/</span>
<div id="slide-number-total"></div>
</div>
</div>
</div>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="HomeSection GreyBG">
<div class="container ourTeam">
<hr class="HeadingBorder">
<h3>OUR TEAM</h3>
<h4>OUSTANDING TEACHERS MAKE AN OUTSTANDING TUITION CENTRE.</h4>
<p>Our teachers are graduates of top-ranking British, U.S., or Canadian universities and have consistently achieved records of distinction throughout their academic paths. Besides being excellent tutors, they are role models who motivate and inspire students to aim high, work hard, and work smart toward maximizing their capabilities.</p>
<div class="clear"></div>
<div class="ourTeamSlider">
<div class="ourTeamFilterControl">
<button href="" id="ActiveMember" class="TeamControl-Active">Academic Tuition</button>
<button href="" id="HiddenMember" class="TeamControl">Admission Consulation</button>
<div class="clear"></div>
</div>
<div id="TeamMembers" class="owl-carousel image-carousel carousel-widget" data-margin="20" data-nav="true" data-pagi="false" data-items-xxs="1" data-items-xs="2" data-items-sm="3" data-items-md="4">
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-4.jpg" alt="Image 1">
</a>
<h3>Tiffany HO</h3>
<h4>Mathematics</h4>
<hr/>
<p>Bachelor of Science in Mathematics from Chinese University of Hong Kong</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-1.jpg" alt="Image 1">
</a>
<h3>Jessica LAM</h3>
<h4>Mathematics</h4>
<hr/>
<p>BSc in Quantitative Finance from Chinese University of Hong Kong</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-2.jpg" alt="Image 1">
</a>
<h3>David NG</h3>
<h4>Mathematics</h4>
<hr/>
<p>Graduated with M.Sc. in Mathematical, from Oxford University</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-3.jpg" alt="Image 1">
</a>
<h3>Lilian KAN</h3>
<h4>Mathematics</h4>
<hr/>
<p>BSc in Mathematical Science from the University of Bath, UK</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-4.jpg" alt="Image 1">
</a>
<h3>Jessica HO</h3>
<h4>Mathematics</h4>
<hr/>
<p>Bachelor of Science in Mathematics from Chinese University of Hong Kong</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-1.jpg" alt="Image 1">
</a>
<h3>Jessica HO</h3>
<h4>Mathematics</h4>
<hr/>
<p>BSc in Mathematical Science from the University of Bath, UK</p>
</div>
</div>
<div id="HiddenMembersSection" class="owl-carousel image-carousel carousel-widget" data-margin="20" data-nav="true" data-pagi="false" data-items-xxs="1" data-items-xs="2" data-items-sm="3" data-items-md="4">
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-3.jpg" alt="Image 1">
</a>
<h3>Lilian KAN</h3>
<h4>English</h4>
<hr/>
<p>BSc in Mathematical Science from the University of Bath, UK</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-4.jpg" alt="Image 1">
</a>
<h3>Jessica HO</h3>
<h4>English</h4>
<hr/>
<p>Bachelor of Science in Mathematics from Chinese University of Hong Kong</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-1.jpg" alt="Image 1">
</a>
<h3>Jessica HO</h3>
<h4>English</h4>
<hr/>
<p>BSc in Mathematical Science from the University of Bath, UK</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-4.jpg" alt="Image 1">
</a>
<h3>Tiffany HO</h3>
<h4>English</h4>
<hr/>
<p>Bachelor of Science in Mathematics from Chinese University of Hong Kong</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-1.jpg" alt="Image 1">
</a>
<h3>Jessica LAM</h3>
<h4>English</h4>
<hr/>
<p>BSc in Quantitative Finance from Chinese University of Hong Kong</p>
</div>
<div class="oc-item OurMember">
<a href="#"><img src="../img/elements/member-2.jpg" alt="Image 1">
</a>
<h3>David NG</h3>
<h4>English</h4>
<hr/>
<p>Graduated with M.Sc. in Mathematical, from Oxford University</p>
</div>
</div>
</div>
<div class="clear"></div>
<div class="YLCenterBTN">
<a href="#">FIND MORE TUTORS</a>
</div>
</div>
</div>
<div class="HomeSection">
<div class="container">
<hr class="HeadingBorder">
<h3>ACADEMIC OFFERINGS</h3>
<div class="GridSection-Container">
<div class="button-group filters-button-group">
<button class="button is-checked" data-filter="*">All</button>
<button class="button" data-filter=".Year16">Year 1 - 6</button>
<button class="button" data-filter=".Year79">Year 7 - 9</button>
<button class="button" data-filter=".Year1011">Year 10 - 11</button>
<button class="button" data-filter=".Year1213">Year 12 - 13</button>
</div>
<div class="grid">
<div class="Column3 element-item Year79 Year1011 Year1213">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-1.jpg');">
<h3>Academic Tuition</h3>
<div class="GridLink-4"><a href="#">IBDP</a>
</div>
<div class="GridLink-4"><a href="#">IBMYP</a>
</div>
<div class="GridLink-4"><a href="#">GCE-A-LEVEL</a>
</div>
<div class="GridLink-4"><a href="#">(I)GCSE/GCSE</a>
</div>
<div class="GridLink-4"><a href="#">SAT/ACT</a>
</div>
<div class="GridLink-4"><a href="#">AP</a>
</div>
<div class="GridLink-4"><a href="#">Online Tutoring</a>
</div>
</div>
</div>
<div class="Column1 Home-GridIMG element-item Year1011">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-2.jpg');">
</div>
</div>
<div class="Column1 element-item Year1213">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-3.jpg');">
<div id="Grid-wrapper">
<div id="Grid-main">
<h3>IBDP</h3>
<div class="GridLink-1">
<a href="#">Link</a>
</div>
</div>
</div>
</div>
</div>
<div class="Column1 element-item Year1011 Year1213">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-4.jpg');">
<div id="Grid-wrapper">
<div id="Grid-main">
<h3>International University Talks</h3>
<div class="GridLink-1">
<a href="#">Link</a>
</div>
</div>
</div>
</div>
</div>
<div class="Column1 Home-GridIMG element-item Year16 Year79">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-5.jpg');">
</div>
</div>
<div class="Column1 element-item Year16">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-6.jpg');">
<div id="Grid-wrapper">
<div id="Grid-main">
<h3>Primary Programs</h3>
<div class="GridLink-1">
<a href="#">Primary English Program</a>
</div>
</div>
</div>
</div>
</div>
<div class="Column1 Home-GridIMG element-item Year79 Year1213 Year16">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-7.jpg');">
</div>
</div>
<div class="Column1 element-item Year16 Year79 Year1011">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-8.jpg');">
<div id="Grid-wrapper">
<div id="Grid-main">
<h3>International Schools Application Consultation</h3>
</div>
</div>
</div>
</div>
<div class="Column2 element-item Year79 Year1011 Year1213">
<div class="GridSection" style="background-image: url('../img/elements/gridBG-9.jpg');">
<h3>Admission Consultation</h3>
<div class="GridLink-3"><a href="#">UK</a>
</div>
<div class="GridLink-3"><a href="#">US</a>
</div>
<div class="GridLink-3"><a href="#">HK</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="HomeSection GreyBG">
<div class="container">
<?php include 'include/successStories.php';?>
</div>
</div>
<?php include 'include/testimonials.php';?>
<div class="HomeSection GreyBG">
<div class="container">
<hr class="HeadingBorder">
<h3>NEWS AND EVENTS</h3>
<h4>WHAT YOU SHOULD KNOW ABOUT</h4>
<div class="NewsEvents">
<div class="col-md-4 col-sm-6">
<div class="Event">
<img src="../img/elements/event-1.jpg">
<div class="EventDate">
<h3>19</h3>
<span>Sep 2016</span>
</div>
<div class="EventTitle">
<h4>50 Great Affordable Collages in the Northeast</h4>
</div>
<div class="clear"></div>
<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 when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a href="#">Read More →</a>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="Event">
<img src="../img/elements/event-2.jpg">
<div class="EventDate">
<h3>25</h3>
<span>May 2016</span>
</div>
<div class="EventTitle">
<h4>United Kingdom Top Distance Learning University</h4>
</div>
<div class="clear"></div>
<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 when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a href="#">Read More →</a>
</div>
</div>
<div class="col-md-4 col-sm-6 HiddenEvent">
<div class="Event">
<img src="../img/elements/event-3.jpg">
<div class="EventDate">
<h3>14</h3>
<span>Feb 2016</span>
</div>
<div class="EventTitle">
<h4>University of Portsmouth | Study Abroad </h4>
</div>
<div class="clear"></div>
<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 when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<a href="#">Read More →</a>
</div>
</div>
</div>
<div class="clear"></div>
<div class="YLCenterBTN">
<a href="#">SHOW MORE ARTICLES</a>
</div>
</div>
</div>
<div class="HomeSection">
<div class="container">
<hr class="HeadingBorder">
<h3>GALLERY</h3>
<h4>TO EXPLORE DIFFERENT UNIVERSITIES</h4>
<div class="Gallery">
<div class="fslider flex-thumb-grid grid-6 bottommargin-sm" data-arrows="true" data-animation="fade" data-thumbs="true">
<div class="flexslider">
<div class="slider-wrap">
<div class="slide" data-thumb="../img/elements/gallery-thumb-1.jpg">
<img src="../img/elements/gallery-1.jpg" alt="Image">
</div>
<div class="slide" data-thumb="../img/elements/gallery-thumb-2.jpg">
<img src="../img/elements/gallery-2.jpg" alt="Image">
</div>
<div class="slide" data-thumb="../img/elements/gallery-thumb-3.jpg">
<img src="../img/elements/gallery-3.jpg" alt="Image">
</div>
<div class="slide" data-thumb="../img/elements/gallery-thumb-4.jpg">
<img src="../img/elements/gallery-4.jpg" alt="Image">
</div>
<div class="slide" data-thumb="../img/elements/gallery-thumb-5.jpg">
<img src="../img/elements/gallery-5.jpg" alt="Image">
</div>
<div class="slide" data-thumb="../img/elements/gallery-thumb-6.jpg">
<img src="../img/elements/gallery-6.jpg" alt="Image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="HomeSection GreyBG">
<div class="container">
<hr class="HeadingBorder">
<h3>MEDIA AND PARTNERS</h3>
<h4>WHAT PEOPLE SAY ABOUT US</h4>
<div class="client">
<div id="oc-clients" class="owl-carousel image-carousel carousel-widget" data-margin="60" data-loop="true" data-nav="false" data-autoplay="5000" data-pagi="false" data-items-xxs="1" data-items-xs="2" data-items-sm="4" data-items-md="5" data-items-lg="6">
<div class="oc-item">
<a href="#"><img src="../img/elements/client-1.png" alt="Clients">
</a>
</div>
<div class="oc-item">
<a href="#"><img src="../img/elements/client-2.png" alt="Clients">
</a>
</div>
<div class="oc-item">
<a href="#"><img src="../img/elements/client-3.png" alt="Clients">
</a>
</div>
<div class="oc-item">
<a href="#"><img src="../img/elements/client-4.png" alt="Clients">
</a>
</div>
<div class="oc-item">
<a href="#"><img src="../img/elements/client-5.png" alt="Clients">
</a>
</div>
<div class="oc-item">
<a href="#"><img src="../img/elements/client-6.png" alt="Clients">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- #content end -->
<section id="map-overlay">
<div class="container clearfix">
<div id="contact-form-overlay-mini" class="clearfix">
<div class="Home-ContactUs">
<hr class="HeadingBorder">
<h3>Send us an Email</h3>
<h4>FEEL FREE TO CONTACT US</h4>
</div>
<div class="contact-widget">
<div class="contact-form-result"></div>
<!-- Contact Form
============================================= -->
<form class="HomeContacts-Form" id="template-contactform" name="template-contactform" action="include/sendemail.php" method="post">
<div class="col_full">
<label>Name*</label>
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" />
</div>
<div class="col_full">
<label>Email*</label>
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" />
</div>
<div class="clear"></div>
<div class="col_full">
<label>Message*</label>
<textarea class="required sm-form-control HomeMessage" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
</div>
<div class="col_full hidden">
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
</div>
<div class="col_full">
<button class="Home-Form-Submit" type="submit" value="submit">Send Message</button>
</div>
</form>
</div>
</div>
<!-- Contact Form Overlay End -->
</div>
<!-- Google Map
============================================= -->
<div id="google-map">
</section>
<!-- Contact Form & Map Overlay Section End -->
<div class="Responsive-Form">
<div class="Home-ContactUs">
<hr class="HeadingBorder">
<h3>Send us an Email</h3>
<h4>FEEL FREE TO CONTACT US</h4>
</div>
<div class="contact-widget">
<div class="contact-form-result"></div>
<!-- Contact Form
============================================= -->
<form class="HomeContacts-Form" id="template-contactform" name="template-contactform" action="include/sendemail.php" method="post">
<div class="col_full">
<label>Name*</label>
<input type="text" id="template-contactform-name" name="template-contactform-name" value="" class="sm-form-control required" />
</div>
<div class="col_full">
<label>Email*</label>
<input type="email" id="template-contactform-email" name="template-contactform-email" value="" class="required email sm-form-control" />
</div>
<div class="clear"></div>
<div class="col_full">
<label>Message*</label>
<textarea class="required sm-form-control HomeMessage" id="template-contactform-message" name="template-contactform-message" rows="6" cols="30"></textarea>
</div>
<div class="col_full hidden">
<input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="sm-form-control" />
</div>
<div class="col_full">
<button class="Home-Form-Submit" type="submit" value="submit">Send Message</button>
</div>
</form>
</div>
</div>
<!-- Footer
============================================= -->
<?php include 'include/footer.php';?>
<!-- #footer end -->
</div>
<!-- #wrapper end -->
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="icon-angle-up"></div>
<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/plugins.js"></script>
<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="../js/functions.js"></script>
<script type="text/javascript" src="../js/script.js"></script>
<script src="../js/Grid-Layout.js"></script>
</body>
</html>