File: //proc/self/root/data/inveservice/public_html/enquiry.html
<!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, shrink-to-fit=no">
<meta name="description" content="Inve Service Hong Kong Inquiry Page">
<meta name="author" content="ISHK">
<title>Service Inquiry - Inves Professional Service Co., Limited.</title>
<!-- Favicons-->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" type="image/x-icon" href="img/apple-touch-icon-57x57-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="72x72" href="img/apple-touch-icon-72x72-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="114x114" href="img/apple-touch-icon-114x114-precomposed.png">
<link rel="apple-touch-icon" type="image/x-icon" sizes="144x144" href="img/apple-touch-icon-144x144-precomposed.png">
<!-- GOOGLE WEB FONT -->
<link href="https://fonts.googleapis.com/css?family=Work+Sans:400,500,600" rel="stylesheet">
<!-- BASE CSS -->
<link href="cssnew/bootstrap.min.css" rel="stylesheet">
<link href="cssnew/menu.css" rel="stylesheet">
<link href="cssnew/style.css" rel="stylesheet">
<link href="cssnew/vendors.css" rel="stylesheet">
<!-- YOUR CUSTOM CSS -->
<link href="cssnew/custom.css" rel="stylesheet">
<!-- MODERNIZR MENU -->
<script src="js/modernizr.js"></script>
</head>
<body>
<div id="preloader">
<div data-loader="circle-side"></div>
</div><!-- /Preload -->
<div id="loader_form">
<div data-loader="circle-side-2"></div>
</div><!-- /loader_form -->
<div class="container-fluid full-height">
<div class="row row-height">
<div class="col-lg-6 content-left">
<div class="content-left-wrapper">
<div>
<figure><img src="img/info_graphic_3.svg" alt="" class="img-fluid"></figure>
<h2>Service Inquiry</h2>
<p>Please complete all the steps in the following form and we will contact you as soon as possible.</p>
<a href="https://www.inveservice.com/" class="btn_1 rounded">Return to Homepage</a>
<a href="https://www.inveservice.com/" class="btn_1 rounded mobile_btn">Home</a>
</div>
<div class="copy">© 2020 Inves Professional Service Co., Limited.</div>
</div>
<!-- /content-left-wrapper -->
</div>
<!-- /content-left -->
<div class="col-lg-6 content-right" id="start">
<div id="wizard_container">
<div id="top-wizard">
<div id="progressbar"></div>
</div>
<!-- /top-wizard -->
<form id="wrapped" method="POST">
<input id="website" name="website" type="text" value="">
<!-- Leave for security protection, read docs for details -->
<div id="middle-wizard">
<div class="step">
<h3 class="main_question"><strong>1/4</strong>In which services are you interested?<br>請問閣下需要咨詢的服務為？</h3>
<div class="form-group">
<label class="container_check version_2">Bank Account Opening 銀行開戶服務
<input type="checkbox" name="question_1[]" value="Bank Account Opening" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Mortgage 樓宇按揭
<input type="checkbox" name="question_1[]" value="Mortgage" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Accounting & Taxation 會計報稅服務
<input type="checkbox" name="question_1[]" value="Accounting Taxation" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Set up a Company 成立公司
<input type="checkbox" name="question_1[]" value="Set up a Company" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Company Secretary 公司秘書
<input type="checkbox" name="question_1[]" value="Company Secretary" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Insurance Investment Referral 保險投資轉介
<input type="checkbox" name="question_1[]" value="Insurance Investment Referral" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Personal Loan 私人貸款
<input type="checkbox" name="question_1[]" value="Personal Loan" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Secured Loan 有抵押貸款
<input type="checkbox" name="question_1[]" value="Secured Loan" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Others 其他
<input type="checkbox" name="question_1[]" value="Others" class="required" onchange="getVals(this, 'question_1');">
<span class="checkmark"></span>
</label>
</div>
</div>
<!-- /step-->
<div class="step">
<h3 class="main_question"><strong>2/4</strong>Please fill your contact details</h3>
<div class="form-group">
<input type="text" name="firstname" class="form-control required" placeholder="First Name">
</div>
<div class="form-group">
<input type="text" name="lastname" class="form-control required" placeholder="Last Name">
</div>
<div class="form-group">
<input type="email" name="email" class="form-control required" placeholder="Your Email">
</div>
<div class="form-group">
<input type="text" name="telephone" class="form-control required" placeholder="Telephone">
</div>
<div class="form-group terms">
<label class="container_check">Please accept our <a href="#" data-toggle="modal" data-target="#terms-txt">Terms and conditions</a>
<input type="checkbox" name="terms" value="Yes" class="required">
<span class="checkmark"></span>
</label>
</div>
</div>
<!-- /step-->
<div class="step">
<h3 class="main_question"><strong>3/4</strong>Suggested contact period</h3>
<div class="form-group">
<label class="container_check version_2">Morning: 10:00 – 12:00
<input type="checkbox" name="question_2[]" value="Morning" class="required" onchange="getVals(this, 'question_2');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Afternoon: 14:00 – 16:00
<input type="checkbox" name="question_2[]" value="Afternoon" class="required" onchange="getVals(this, 'question_2');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Night: 19:00 – 21:00
<input type="checkbox" name="question_2[]" value="Night" class="required" onchange="getVals(this, 'question_2');">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="container_check version_2">Any Time
<input type="checkbox" name="question_2[]" value="Any Time" class="required" onchange="getVals(this, 'question_2');">
<span class="checkmark"></span>
</label>
</div>
</div>
<!-- /step-->
<div class="submit step">
<h3 class="main_question"><strong>4/4</strong>Summary</h3>
<div class="summary">
<ul>
<li><strong>1</strong>
<h5>Service Inquired</h5>
<p id="question_1"></p>
</li>
<li><strong>2</strong>
<h5>Suggested Contact Period</h5>
<p id="question_2"></p>
</li>
</ul>
</div>
</div>
<!-- /step-->
</div>
<!-- /middle-wizard -->
<div id="bottom-wizard">
<button type="button" name="backward" class="backward">Prev</button>
<button type="button" name="forward" class="forward">Next</button>
<button type="submit" name="process" class="submit">Submit</button>
</div>
<!-- /bottom-wizard -->
</form>
</div>
<!-- /Wizard container -->
</div>
<!-- /content-right-->
</div>
<!-- /row-->
</div>
<!-- /container-fluid -->
<div class="cd-overlay-nav">
<span></span>
</div>
<!-- /cd-overlay-nav -->
<div class="cd-overlay-content">
<span></span>
</div>
<!-- Modal terms -->
<div class="modal fade" id="terms-txt" tabindex="-1" role="dialog" aria-labelledby="termsLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="termsLabel">Terms and Conditions</h4>
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
</div>
<div class="modal-body">
<p>When visitors send inquiries, we collect the data shown in the quotation form, and also the visitor’s IP address and browser user agent string to help spam detection.</p>
<p>If you send an enquiry, the information and its metadata are retained indefinitely.</p>
<p>For any further question regarding our Privacy Policy, please contact privacy@inveservice.com</p>
</div>
<div class="modal-footer">
<button type="button" class="btn_1" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- COMMON SCRIPTS -->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/common_scripts.min.js"></script>
<script src="js/velocity.min.js"></script>
<script src="js/functions.js"></script>
<script src="js/file-validator.js"></script>
<!-- Wizard script -->
<script src="js/quotation_func.js"></script>
</body>
</html>