| 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/tech-link/en/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>Contact Us</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body>
<!-- header -->
<?php include 'inc/header.php';?>
<!-- end of header-->
<div class="subWrapper" id="vue_page">
<!-- breadcrumb -->
<div class="breadcrumb" :style="subPageBg">
<div class="container breadcrumbWarp">
<h1 class="breadcrumbTitle">{{contactTitle}}</h1>
<p></p>
<div class="breadcrumbLink">
<a href="index.php">{{homeTitle}}</a> / <a href="javascript:void(0);"
class="breadcrumbActive">{{contactTitle}}</a>
</div>
</div>
</div>
<div class="pageDetail">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3>{{contactHeader}}</h3>
<p>{{contactDes}}</p>
</div>
</div>
<div class="row">
<div class="col-lg-4" v-for="contact in contacts">
<div class="card-body">
<div class="cardImg" :style="contact.img"></div>
<h4 class="card-title">{{contact.title}}</h4>
<p class="card-text">{{contact.address}}</p>
<!-- Links -->
<a href="#" class="card-link"><i class="fas fa-phone"></i> {{contact.phone}}</a>
<a href="#" class="card-link"><i class="fas fa-fax"></i> {{contact.fax}}</a>
</div>
</div>
</div>
</div>
<div class="mapWrap" id="Map">
<a class="mapbtn" href="#Map">{{contactMapButton}} <i class="fas fa-chevron-down"></i></a>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3691.7393618751507!2d114.1496181510282!3d22.28786084890549!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3404007dc190e0bd%3A0x26e76fcff28a8b5a!2z5L-h5b635Lit5b-D6KW_57-8!5e0!3m2!1szh-TW!2shk!4v1575269300847!5m2!1szh-TW!2shk"
width="100%" height="600" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
<form class="contactFrom">
<div class="container">
<h3>{{contactTitle}}</h3>
<div class="row" v-for="contactform in contactforms">
<div class="col-md-6">
<div class="form-group">
<input type="text" required="required" :id="contactform.col1input" /><span
class="highlight"></span><span class="bar"></span>
<label :for="contactform.col1input">{{contactform.col1input}} *</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" required="required" :id="contactform.col2input" /><span
class="highlight"></span><span class="bar"></span>
<label :for="contactform.col2input">{{contactform.col2input}} *</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea rows="5" cols="40"></textarea>
<label class="textareaLabel">{{contactMessageLabel}} *</label>
</div>
</div>
</div>
<fieldset>
<div class="captchInput">
<div id="recaptcha" class="g-recaptcha" data-sitekey="<?= GOOGLE_RECAPTCHA_SITE_KEY ?>">
</div>
</div>
</fieldset>
<div class="buttonWrap">
<button type="submit" href="#" class="btn btn-primary submitBtn">{{submitBtn}}
</button>
<button type="submit" href="#" class="btn btn-light resetBtn">{{resetBtn}}
</button>
</div>
</div>
</form>
</div>
</div>
<!-- end #section -->
<!-- footer -->
<?php include 'inc/footer.php';?>
<!-- end of footer -->
<script type="text/javascript" src='https://www.google.com/recaptcha/api.js?hl=tc'></script>
<!-- vue JS -->
<script type="text/javascript" src="../js/vue_pageTemplate.js"></script>
<script type="text/javascript" src="../js/vue_NavFooterTemplate.js"></script>
<!-- custom JS -->
<script type="text/javascript" src="../js/custom.js"></script>
</body>
</html>