| Server IP : 14.225.204.176 / Your IP : 216.73.216.6 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-->
<!-- build:css assets/css/custom.css-->
<link href="assets/css/custom.css" rel="stylesheet">
<!-- endbuild-->
<!--[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="about">
<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 is-current">
<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 hero-slider--static">
<div class="hero-slider__item" style="background-image: url(assets/images/upload/banner-coaching.jpg);">
<div class="container">
<div class="hero-slider__caption">
<h1 class="hero-slider__title">
Membership
</h1>
</div>
</div>
</div>
</section>
<section class="main">
<nav class="nav-category membership-nav">
<div class="container">
<ul class="nav-category__ul">
<li class="nav-category__item"><a href="#block-benefits" class="nav-category__link" title="Benefits">Benefits</a></li>
<li class="nav-category__item"><a href="#block-membership-fees" class="nav-category__link" title="Fees">Fees</a></li>
<li class="nav-category__item"><a href="#block-newmember" class="nav-category__link" title="New Members">New Members</a></li>
<li class="nav-category__item"><a href="#block-newmember" class="nav-category__link" title="Handicap">Handicap</a></li>
<li class="nav-category__item is-current"><a href="#block-register" class="nav-category__link" title="Registration">Registration</a></li>
</ul>
</div>
</nav>
<div class="membership-content">
<div id="block-benefits" class="membership-content__benefit">
<div class="container">
<h3 id="block-title-benefits" class="membership-content__title">Benefits</h3>
<div class="short-desc">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque cumque modi voluptatem molestias soluta maxime incidunt a reiciendis, non eius.</p>
<ul class="list-data">
<li class="list-data__item">
10% discount Pro-shop on Rental Fees (Buggies, Golf Club, Golf Shoes...)
</li>
<li class="list-data__item">
15% discount on Food & Beverage
</li>
<li class="list-data__item">
20% discount for VIP dinning rooms
</li>
<li class="list-data__item">
Special Member’s gift for new member
</li>
<li class="list-data__item">
Membership is transferable.
</li>
<li class="list-data__item">
Member can sign the discount for 03 accompanies.
</li>
</ul>
<div class="drawer">
<ul class="list-data">
<li class="list-data__item">
Exclusive access to all the facilities of the luxury international golf club in Viet Nam
</li>
<li class="list-data__item">
Complimentary green fee.
</li>
<li class="list-data__item">
Insurance and Free Maintenance of Golf Handicap
</li>
<li class="list-data__item">
Family membership including a spouse and children under 18 years old.
</li>
<li class="list-data__item">
Free 5 tray practice balls at driving range for member per day
</li>
<li class="list-data__item">
Well-equipped fitness center is available
</li>
<li class="list-data__item">
Priority to buy villa or Apartment when completed
</li>
</ul>
</div>
<div class="control-action action-center">
<a href="#" title="View more" class="link-view-more">View more</a>
</div>
</div>
</div>
</div>
<div id="block-membership-fees" class="membership-content__fees">
<div class="container">
<h3 class="membership-content__title">Membership fees</h3>
<div class="step step-1" style="display: none;">
<form action="#" class="form-general form-fees">
<div class="row justify-content-md-center form-row">
<div class="col-md-3">
<label class="form-label" for="txt-full-name">Your full name</label>
</div>
<div class="col-md-7">
<input type="text" name="txt-full-name" id="txt-full-name" class="form-input" placeholder="Enter your name">
</div>
</div>
<div class="row justify-content-md-center form-row">
<div class="col-md-3">
<label class="form-label" for="txt-email">Email Address</label>
</div>
<div class="col-md-7">
<input type="text" name="txt-email" id="txt-email" class="form-input" placeholder="Enter your mail">
</div>
</div>
<div class="row justify-content-md-center form-row">
<div class="col-md-3">
<label class="form-label" for="txt-phone">Phone number</label>
</div>
<div class="col-md-7">
<input type="text" name="txt-phone" id="txt-phone" class="form-input" placeholder="Enter your phone">
</div>
</div>
<div class="row justify-content-center row-action">
<div class="control-action action-center"><input type="submit" value="Submit" class="btn btn-gradient btn-submit"></div>
</div>
</form>
</div>
<div class="step step-2">
<div class="tab-group2">
<ul class="nav-tab tab-controls">
<li class="nav-tab__item current">
<a class="nav-tab__link" data-group=".tab-group2" href="#20years">20 years </a>
</li>
<li class="nav-tab__item">
<a class="nav-tab__link" data-group=".tab-group2" href="#40years">40 years</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-container current" id="20years">
<div class="container-tbl">
<table class="table table-bordered tbl-mems">
<thead>
<tr>
<th scope="col">Membership categories</th>
<th scope="col">Grand opening<span class="small-text">(quater 1st - 2019)</span></th>
<th scope="col">Sofr Opening <span class="small-text">(quater 1st - 2018)</span></th>
<th scope="col">Current Price <span class="small-text">(quater 4st - 2017)</span></th>
<th scope="col">Promotion Price</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Silver 1</th>
<td>
<div class="row-line">30.000</div>
</td>
<td>
<div class="row-line">7,348</div>
</td>
<td>
<div class="row-line">74.9 / 137</div>
</td>
<td>
<div class="row-line">37.5 / 141</div>
</td>
</tr>
<tr>
<th scope="row">Gold 1(! Nominee)</th>
<td>
<div class="row-line">30.000</div>
</td>
<td>
<div class="row-line">7,348</div>
</td>
<td>
<div class="row-line">74.9 / 137</div>
</td>
<td>
<div class="row-line">37.5 / 141</div>
</td>
</tr>
<tr>
<th scope="row">Gold 2(! Nominee)</th>
<td>
<div class="row-line">30.000</div>
</td>
<td>
<div class="row-line">7,348</div>
</td>
<td>
<div class="row-line">74.9 / 137</div>
</td>
<td>
<div class="row-line">37.5 / 141</div>
</td>
</tr>
</tbody>
</table>
<div class="tbl-infos">
<div class="highlight-text">30 very exclusive memebership cover will be reverved when clud house done<br/> exclusive membership will be available soon.</div>
<div class="text-notes">* All prices are subject to change without prior notice</div>
</div>
</div>
</div>
<div class="tab-container" id="40years">
<div class="container-tbl">
<p>tab 22</p>
<table class="table table-bordered tbl-mems">
<thead>
<tr>
<th scope="col">Membership categories</th>
<th scope="col">Grand opening<span class="small-text">(quater 1st - 2019)</span></th>
<th scope="col">Sofr Opening <span class="small-text">(quater 1st - 2018)</span></th>
<th scope="col">Current Price <span class="small-text">(quater 4st - 2017)</span></th>
<th scope="col">Promotion Price</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Silver 1</th>
<td>
<div class="row-line">30.000</div>
</td>
<td>
<div class="row-line">7,348</div>
</td>
<td>
<div class="row-line">74.9 / 137</div>
</td>
<td>
<div class="row-line">37.5 / 141</div>
</td>
</tr>
<tr>
<th scope="row">Gold 1(! Nominee)</th>
<td>
<div class="row-line">30.000</div>
</td>
<td>
<div class="row-line">7,348</div>
</td>
<td>
<div class="row-line">74.9 / 137</div>
</td>
<td>
<div class="row-line">37.5 / 141</div>
</td>
</tr>
<tr>
<th scope="row">Gold 2(! Nominee)</th>
<td>
<div class="row-line">30.000</div>
</td>
<td>
<div class="row-line">7,348</div>
</td>
<td>
<div class="row-line">74.9 / 137</div>
</td>
<td>
<div class="row-line">37.5 / 141</div>
</td>
</tr>
</tbody>
</table>
<div class="tbl-infos">
<div class="highlight-text">30 very exclusive memebership cover will be reverved when clud house done<br/> exclusive membership will be available soon.</div>
<div class="text-notes">* All prices are subject to change without prior notice</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="block-newmember" class="membership-content__comming">
<div class="col-new-member">
<div class="slider-new-member js-slider-new-member">
<div class="slider-item" style="background-image: url(assets/images/upload/driving-range-01.jpg)">
<div class="slider-text">
<h4 class="slider-title">Driving Range</h4>
<div class="slider-desc">Coming soon</div>
</div>
</div>
<div class="slider-item" style="background-image: url(assets/images/upload/driving-range-02.jpg)">
<div class="slider-text">
<h4 class="slider-title">Driving Range</h4>
<div class="slider-desc">Coming soon</div>
</div>
</div>
<div class="slider-item" style="background-image: url(assets/images/upload/driving-range-03.jpg)">
<div class="slider-text">
<h4 class="slider-title">Driving Range</h4>
<div class="slider-desc">Coming soon</div>
</div>
</div>
</div>
</div>
<div class="col-handicap">
<div class="slider-handicap js-slider-handicap">
<div class="slider-item" style="background-image: url(assets/images/upload/tournament-01.jpg)">
<div class="slider-text">
<h4 class="slider-title">Handicap</h4>
<div class="slider-desc">Coming soon</div>
</div>
</div>
<div class="slider-item" style="background-image: url(assets/images/upload/tournament-02.jpg)">
<div class="slider-text">
<h4 class="slider-title">Handicap</h4>
<div class="slider-desc">Coming soon</div>
</div>
</div>
</div>
</div>
</div>
<div id="block-register" class="membership-content__register">
<div class="container">
<h3 class="membership-content__title">New Members</h3>
<div class="short-desc">Please fill the registration form below clearly and we will get back to you in a short time.</div>
<div class="box">
<div class="box__header">please advise us your contact details</div>
<div class="box__content">
<form id="form-register" action="#" class="form-register form-general">
<div class="row form-row">
<div class="col-md-3">
<label for="txt-full-name-1" class="form-label">Your full name</label>
</div>
<div class="col-md-9">
<input type="text" name="txt-full-name-1" id="txt-full-name-1" class="form-input" placeholder="Enter your name" data-required data-required-msg="Please input your full name!">
</div>
</div>
<div class="row form-row">
<div class="col-md-3">
<label for="txt-dd" class="form-label">DOB</label>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-4">
<input type="text" name="txt-dd" id="txt-dd" class="form-input js-get-dd" placeholder="dd" data-cust-day data-cust-day-msg="Day must be from 01 to 31 or DOB is not valid!">
<input type="hidden" id="hid-dob" name="hid-dob" value=""/>
</div>
<div class="col-md-4">
<input type="text" name="txt-mm" id="txt-mm" class="form-input js-get-mm" placeholder="mm" data-cust-month data-cust-month-msg="Month must be from 01 to 12 or DOB is not valid!">
</div>
<div class="col-md-4">
<input type="text" name="txt-yy" id="txt-yy" class="form-input js-get-yy" placeholder="yy" data-cust-year data-cust-year-msg="Year must be greater than 1970 or DOB is not valid!">
</div>
</div>
</div>
</div>
<div class="row form-row">
<div class="col-md-3">
<label class="form-label" for="txt-email">Email Address</label>
</div>
<div class="col-md-9">
<input type="text" name="txt-email" id="txt-email" class="form-input" placeholder="Enter your mail" data-required data-required-msg="Email is required!" data-email data-email-msg="Email is not valid!">
</div>
</div>
<div class="row form-row">
<div class="col-md-3">
<label class="form-label" for="txt-phone">Phone number</label>
</div>
<div class="col-md-9">
<input type="text" name="txt-phone" id="txt-phone" class="form-input" placeholder="Enter your phone" data-cust-phone data-cust-phone-msg="Phone number must be 10 or 11 digits!">
</div>
</div>
<div class="control-action action-right">
<div class="col-md-12">
<input type="submit" value="Submit" class="btn btn-gradient btn-submit">
</div>
</div>
</form>
</div>
</div><!-- .box -->
<div class="box notice">
<span class="fa fa-lock"></span>All the information you provide to us is securely maintained and is kept strictly
</div><!-- /.notice -->
</div>
</div>
</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>
<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 href="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>
<!-- 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/jquery.simple.validation.js"></script>
<!-- endbuild-->
<!-- build:js assets/js/main.js-->
<script src="assets/js/main.js"></script>
<!-- endbuild-->
<!-- build:dev --><script src="//localhost:9000/livereload.js"></script><!-- endbuild-->
</body>
</html>