| Server IP : 14.225.204.176 / Your IP : 216.73.216.169 Web Server : nginx/1.24.0 System : Linux nodejs-ybgk 6.8.0-40-generic #40-Ubuntu SMP PREEMPT_DYNAMIC Fri Jul 5 10:34:03 UTC 2024 x86_64 User : root ( 0) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/php/harmoniegolfpark.com/html/ |
Upload File : |
<!DOCTYPE html>
<!--[if IE 8]><html lang="en" class="no-js ie ie8"><![endif]-->
<!--[if IE 9]><html lang="en" class="no-js ie ie9"><![endif]-->
<!--[if IE 9]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Site | page</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no">
<link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon" />
<!-- build:css assets/css/style.css-->
<link href="assets/css/style.css" rel="stylesheet">
<!-- endbuild-->
<link href="assets/css/zebra_datepicker.min.css" rel="stylesheet">
<!-- build:css assets/css/custom.css-->
<link href="assets/css/custom.css" rel="stylesheet">
<!-- endbuild-->
<link href="assets/css/magnific-popup.css" rel="stylesheet">
<!--[if lt IE 9]>
<!-- build:js assets/js/lib/respond.js-->
<script src="assets/js/lib/respond.js"></script>
<!-- endbuild-->
<![endif]-->
<!-- build:js assets/js/lib/modernizr.js-->
<script src="assets/js/lib/modernizr.3.0.0-alpha.min.js"></script>
<!-- endbuild-->
</head>
<body class="home-page">
<div class="wrapper">
<header class="header">
<div class="container">
<nav class="header__nav">
<ul class="header__nav__ul header__nav__ul--left">
<li class="header__nav__item">
<a href="about.html" class="header__nav__link" title="About us">About us</a>
</li>
<li class="header__nav__item">
<a href="golf.html" class="header__nav__link" title="Golf">Golf</a>
</li>
<li class="header__nav__item">
<a href="coaching.html" class="header__nav__link" title="Coaching">Coaching</a>
</li>
</ul>
<ul class="header__nav__ul header__nav__ul--right">
<li class="header__nav__item">
<a href="membership.html" class="header__nav__link" title="Membership">Membership</a>
</li>
<li class="header__nav__item">
<a href="club.html" class="header__nav__link" title="Club house">Club house</a>
</li>
<li class="header__nav__item">
<a href="news.html" class="header__nav__link" title="News">News</a>
</li>
</ul>
<div class="logo">
<a href="index.html" class="header__nav__link--logo" title="Harmonie Golf Park">
<img src="assets/images/logo.png" alt="Harmonie Golf Park" class="header__logo">
</a>
</div>
</nav>
</div>
<div class="header__infos">
<div class="header__lang">
<a href="#" title="EN" class="header__lang__link is-current">EN</a> /
<a href="#" title="VN" class="header__lang__link">VN</a>
</div>
<div class="toogle-nav">
<a class="toogle-nav__link" title="Toggle Nav"><span class="toogle-nav__icon">Toggle Nav</span></a>
</div>
</div>
<nav class="header__nav-m">
<a href="javascript:;" title="close" class="m-btn-close toogle-nav__link js-btn-close">
<span class="toogle-nav__icon">Toggle Nav</span>
</a>
<ul class="header__nav-m__ul">
<li class="header__nav-m__item">
<a href="about.html" class="header__nav-m__link" title="About us">About us</a>
</li>
<li class="header__nav-m__item">
<a href="golf.html" class="header__nav-m__link" title="Golf">Golf</a>
</li>
<li class="header__nav-m__item">
<a href="coaching.html" class="header__nav-m__link" title="Coaching">Coaching</a>
</li>
<li class="header__nav-m__item">
<a href="membership.html" class="header__nav-m__link" title="Membership">Membership</a>
</li>
<li class="header__nav-m__item">
<a href="club.html" class="header__nav-m__link" title="Club house">Club house</a>
</li>
<li class="header__nav-m__item">
<a href="news.html" class="header__nav-m__link" title="News">News</a>
</li>
<li class="header__nav-m__item header__nav-m__item--lang">
Language
<span class="container-lang">
<a href="" class="header__nav-m__link-lang is-current" title="EN">En</a>
<a href="" class="header__nav-m__link-lang" title="VN">Vi</a></span>
</li>
<li class="header__nav-m__item header__nav-m__item-light">
<a href="locate.html" class="header__nav-m__link" title="Locate us">Locate us</a>
</li>
<li class="header__nav-m__item header__nav-m__item-light">
<a href="business.html" class="header__nav-m__link" title="Business">Business</a>
</li>
<li class="header__nav-m__item header__nav-m__item-light">
<a href="faq.html" class="header__nav-m__link" title="FAQ">FAQ</a>
</li>
</ul>
</nav>
</header>
<section class="hero-slider js-hero-slider">
<div class="hero-slider__item" style="background-image: url(assets/images/upload/hero-banner-01.jpg);">
<div class="container">
<div class="hero-slider__caption">
<h1 class="hero-slider__title">
<span class="small-text">Welcome to</span>
<strong class="brand-name">Harmonie</strong>
</h1>
<div class="hero-slider__desc">Explore the secret life of Vietnam</div>
<div class="hero-slider__action">
<a href="#" title="Khám phá ngay" class="btn btn-gradient btn-discover">Discover</a>
</div>
</div>
</div>
</div>
<div class="hero-slider__item" style="background-image: url(assets/images/upload/hero-banner-02.jpg);">
<div class="container">
<div class="hero-slider__caption">
<h1 class="hero-slider__title">
<span class="small-text">Welcome to</span>
<strong class="brand-name">Harmonie</strong>
</h1>
<div class="hero-slider__desc">Explore the secret life of Vietnam</div>
<div class="hero-slider__action">
<a href="#" title="Khám phá ngay" class="btn btn-gradient btn-discover">Discover</a>
</div>
</div>
</div>
</div>
</section>
<section class="hm-qs">
<div class="container">
<form action="#" class="form-custom">
<div class="row">
<div class="col-md-3">
<label for="txt_select_date" class="form-label">Request free time</label>
</div>
<div class="col-md-3">
<div class="form-row form-row-date">
<input type="text" name="txt_select_date" id="txt_select_date" class="form-input" placeholder="Select date">
</div>
</div>
<div class="col-md-6 col-end">
<div class="form-row form-row--time time-from">
<!-- <input type="text" name="txt_time_from" id="txt_time_from" class="form-input" placeholder="From"> -->
<!-- <span class="fa fa-clock-o"></span> -->
<select name="txt_time_from" id="txt_time_from" class="form-input">
<option value="-1">From</option>
<option value="8">8 AM</option>
<option value="9">9 AM</option>
<option value="10">10 AM</option>
<option value=11>11 AM</option>
<option value="12">12 PM</option>
<option value="13">1 PM</option>
<option value="14">2 PM</option>
<option value="15">3 PM</option>
<option value="16">4 PM</option>
<option value="17">5 PM</option>
<option value="18">6 PM</option>
</select>
</div>
<div class="form-row--time form-row--space">:</div>
<div class="form-row form-row--time time-to">
<!-- <input type="text" name="txt_time_to" id="txt_time_to" class="form-input" placeholder="To"> -->
<!-- <span class="fa fa-clock-o"></span> -->
<select name="txt_time_to" id="txt_time_to" class="form-input">
<option value="-1">To</option>
<option value="8">8 AM</option>
<option value="9">9 AM</option>
<option value="10">10 AM</option>
<option value=11>11 AM</option>
<option value="12">12 PM</option>
<option value="13">1 PM</option>
<option value="14">2 PM</option>
<option value="15">3 PM</option>
<option value="16">4 PM</option>
<option value="17">5 PM</option>
<option value="18">6 PM</option>
</select>
</div>
<input type="submit" value="Submit" class="btn btn-submit">
</div>
</div>
</form>
</div>
</section>
<section class="main">
<section class="panel panel--hightlight">
<div class="container">
<div class="tab-group">
<div class="row">
<nav class="col-md-3 nav-left">
<ul class="nav-left__ul tab-controls">
<li class="nav-left__item current">
<a href="#tab1" title="Welcome" class="nav-left__link" data-group=".tab-group">Welcome</a>
</li>
<li class="nav-left__item">
<a href="#tab2" title="Golfing" class="nav-left__link" data-group=".tab-group">Golfing</a>
</li>
<li class="nav-left__item">
<a href="#tab3" title="Driving range" class="nav-left__link" data-group=".tab-group">Driving range</a>
</li>
<li class="nav-left__item">
<a href="#tab4" title="Coaching" class="nav-left__link" data-group=".tab-group">Coaching</a>
</li>
<li class="nav-left__item">
<a href="#tab5" title="Membership" class="nav-left__link" data-group=".tab-group">Membership</a>
</li>
<li class="nav-left__item">
<a href="#tab6" title="Facilities" class="nav-left__link" data-group=".tab-group">Facilities</a>
</li>
</ul>
<!-- nav-left for mobile -->
<ul class="nav-left-mobile visible-m tab-controls">
<li class="current"><a href="#tab1" title="Welcome" data-group=".tab-group">Welcome</a></li>
<li><a href="#tab2" title="Golfing" data-group=".tab-group">Golfing</a></li>
<li><a href="#tab3" title="Driving range" data-group=".tab-group">Driving range</a></li>
<li><a href="#tab4" title="Coaching" data-group=".tab-group">Coaching</a></li>
<li><a href="#tab5" title="Membership" data-group=".tab-group">Membership</a></li>
<li><a href="#tab6" title="Facilities" data-group=".tab-group">Facilities</a></li>
</ul>
</nav>
<div class="col-md-9 hm-content">
<div class="tab-container current" id="tab1">
<div class="inner">
<div class="row">
<div class="col-lg-6 hm-context">
<h3 class="hm-context__title">Harmonie Golf Park <span class="normal-text">(Opens 2017)</span></h3>
<p>Conveniently located on the outskirts of Ho Chi Minh City, Harmonie Golf Park is currently in the final stages of grow in and is set to soft open for play in 2017. The 18 hole championship course designed by Jim Engh will be world class and one of the best in Vietnam. The gently rolling site will offer a great variety of holes and will be a fun course to play for golfers of all skill levels. There are several water features that come into play adding interest and aethestic appeal to the golf experience. The quality of the Celebration Bermuda Grass tees and fairways, and spectacular Tifeagle greens will provide members and guests with outstanding playing surfaces, that will be a match for any course in the region. The signature hole may well be the 16th, which is a unique par 3, with a bowl shaped green complex.</p>
<div class="control-action">
<a href="#" title="View more" class="btn btn-normal btn-normal--yellow btn-view-more">View more</a>
</div>
</div>
<div class="col-lg-6 hm-photos">
<div class="hm-photos__slider js-hm-photos__slider">
<div class="hm-photos__slider__item">
<img src="assets/images/upload/event-img-01.jpg" alt="" class="hm-photos__slider__img">
</div>
<div class="hm-photos__slider__item">
<img src="assets/images/upload/event-img-02.jpg" alt="" class="hm-photos__slider__img">
</div>
<div class="hm-photos__slider__item">
<img src="assets/images/upload/event-img-03.jpg" alt="" class="hm-photos__slider__img">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-container" id="tab2">Tab 2222</div>
<div class="tab-container" id="tab3">Tab 3333</div>
<div class="tab-container" id="tab4">Tab 4444</div>
<div class="tab-container" id="tab5">Tab 5555</div>
<div class="tab-container" id="tab6">Tab 6666</div>
</div>
</div>
</div>
</div>
</section><!-- EOF .panel--hightlight -->
<section class="panel panel-news">
<div class="container">
<div class="row">
<div class="col-md-8 col-lg-9">
<div class="hm-latest-news">
<h2 class="panel__sub__title">Latest News</h2>
<div class="slide-news">
<div>
<div class="hm-latest-news__photo" style="background-image: url(assets/images/upload/women-play-golf.jpg)"></div>
<div class="hm-latest-news__content">
<div class="hm-lastest-news__slider js-hm-lastest-news__slider">
<div class="hm-lastest-news__slider__item">
<h4 class="hm-lastest-news__slider__title">
<a href="#" title="Release The Clud For Great Golf" class="normal-link">Release The Clud For Great Golf</a>
<span class="date-post">25 Aug, 2016</span>
</h4>
<div class="hm-lastest-news__slider__desc">
In the immortal words of the great cabaret singer Engelbert Humperdinck, “Please Release Me Let Me Go. Every day I go to the lesson tee and, with rare exception, I encounter a student if not students who for a variety of reasons do not release the club. The release, as it is commonly called, is simply
</div>
<div class="hm-lastest-news__slider__action">
<a href="#" title="Details" class="btn btn-normal btn-details">Details</a>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="hm-latest-news__photo" style="background-image: url(assets/images/upload/women-play-golf.jpg)"></div>
<div class="hm-latest-news__content">
<div class="hm-lastest-news__slider js-hm-lastest-news__slider">
<div class="hm-lastest-news__slider__item">
<h4 class="hm-lastest-news__slider__title">
<a href="#" title="Release The Clud For Great Golf" class="normal-link">Release The Clud For Great Golf</a>
<span class="date-post">25 Aug, 2016</span>
</h4>
<div class="hm-lastest-news__slider__desc">
In the immortal words of the great cabaret singer Engelbert Humperdinck, “Please Release Me Let Me Go. Every day I go to the lesson tee and, with rare exception, I encounter a student if not students who for a variety of reasons do not release the club. The release, as it is commonly called, is simply
</div>
<div class="hm-lastest-news__slider__action">
<a href="#" title="Details" class="btn btn-normal btn-details">Details</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- e: end slide news -->
<span class="paging-info"></span>
</div>
</div>
<div class="col-md-4 col-lg-3 col-hm-tips">
<div class="hm-tips">
<div class="hm-tips__content">
<h2 class="hm-tips__title">Tips</h2>
<ul class="hm-tips__ul">
<li class="hm-tips__item">
<a href="#">POWER TIP !!!</a>
</li>
<li class="hm-tips__item">
<a href="#">Hitting a few 2 irons after coaching</a>
</li>
<li class="hm-tips__item">
<a href="#">Spin rate with the driver</a>
</li>
<li class="hm-tips__item">
<a href="#">Little practice before coaching</a>
</li>
<li class="hm-tips__item">
<a href="#">This weeks topics include</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="panel panel-location">
<div id="map" class="map-canvas">
<div class="box-direction">
<div class="form-row">
<input type="text" name="txt_direction" id="txt_direction" class="form-input form-direction" placeholder="Binh Duong New City, Thu Dau Mot, Viet Nam">
<span class="wi-icon icon-gps"></span>
</div>
<input id="sbm_direction" type="submit" value="Direction" class="btn btn-gradient btn-direction">
</div>
<div id="map-canvas"></div>
<!--<img src="assets/images/upload/img-map.jpg" alt="" class="img-map-demo">-->
</div>
<div class="hm-infos-contact">
<div class="container">
More information? Call us <a href="0243 797 999" title="0243 797 999" class="link-phone">0243 797 999</a> or <a href="mailto:" title="Email" class="link-mail">Email</a>
</div>
</div>
</section>
</section>
<footer class="footer">
<h1 class="footer__logo">
<a href="#" title="Harmonie Golf Park" class="footer__logo__link">
<img src="assets/images/logo.png" alt="Harmonie Golf Park" class="footer__logo__img">
</a>
</h1>
<div class="footer__infos">
<p class="footer__infos__item">E: <a href="mailto:infoharmoniegolfpark.com" title="infoharmoniegolfpark.com" class="footer__infos__mail">infoharmoniegolfpark.com</a></p>
<p class="footer__infos__item">T: <a tel="0243 797 999" title="0243 797 999" class="footer__infos__phone">0243 797 999</a></p>
</div>
<div class="footer__social-conect">
<a href="#" title="facebook" class="social-conect__link">
<span class="fa fa-facebook-official"></span>
</a>
<a href="#" title="instagram" class="social-conect__link">
<span class="fa fa-instagram"></span>
</a>
</div>
</footer>
</div>
<div class="back-to-top js_back-to-top">
<span class="fa fa-long-arrow-up"></span>
</div>
<p><a class="open-popup" href="#popup">Open popup</a></p>
<div id="popup" class="box-information mfp-hide">
<div class="panel__header">
<h2 class="panel__title">Your Information</h2>
</div>
<div class="panel__content">
<div class="box-information-form">
<p>Please fil your information to book tee time</p>
<form class="form-horizontal">
<div class="row form-group align-items-md-center">
<div class="col-md-3">
<label class="label-form" for="fullname">Your Full Name</label>
</div>
<div class="col-md-9">
<input type="text" class="form-input" id="fullname" placeholder="Enter your full name">
</div>
</div>
<div class="row form-group align-items-md-center">
<div class="col-md-3">
<label class="label-form" for="email">Email Address</label>
</div>
<div class="col-md-9">
<input type="email" class="form-input" id="email" placeholder="Enter email address">
</div>
</div>
<div class="row form-group align-items-md-center">
<div class="col-md-3">
<label class="label-form" for="phone">Phone Number</label>
</div>
<div class="col-md-9">
<input type="number" class="form-input" id="phone" placeholder="Enter phone number">
</div>
</div>
<div class="row form-group">
<div class="offset-md-3 col-md-9">
<button type="submit" class="btn btn-gradient">Submit</button>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- build:js assets/js/lib/jquery.js-->
<script src="assets/js/lib/jquery-v1.11.1.js"></script>
<script src="assets/js/lib/jquery-ui.min.js"></script>
<script src="assets/js/lib/jqueryMigrate-v1.2.1.js"></script>
<!-- endbuild-->
<!-- build:js assets/js/lib/slick.js-->
<script src="assets/js/lib/slick.js"></script>
<script src="assets/js/lib/zebra_datepicker.min.js"></script>
<!-- endbuild-->
<script src="assets/js/lib/jquery.magnific-popup.min.js"></script>
<!-- build:js assets/js/main.js-->
<script src="assets/js/main.js"></script>
<!-- endbuild-->
<script type="text/javascript">
$(document).ready(function(){
$('.nav-left-mobile').slick({
dots: false,
infinite: false,
speed: 300,
slidesToShow: 1,
variableWidth: true,
arrows: false,
initialSlide: 0
});
$('.open-popup').magnificPopup({
type: 'inline',
preloader: false
});
});
</script>
<!-- build:dev --><script src="//localhost:9000/livereload.js"></script><!-- endbuild-->
</body>
</html>