<!DOCTYPE html>
|
<html lang="zh-CN">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<include file="common:header" />
|
<include file="common:title" />
|
<include file="common:element-plus" />
|
<include file="common:html-header" />
|
</head>
|
|
<body>
|
<div class="main-container" id="vue_item" v-cloak>
|
<!-- 顶部 导航栏 -->
|
<include file="common:top-header" />
|
|
<!-- breadcumb area -->
|
<div class="breadcumb-area">
|
<div class="container">
|
<div class="row">
|
<div class="col-md-12 txtc text-center ccase">
|
<div class="brpt">
|
<h2>{{ $t('message.header.contact') }}</h2>
|
</div>
|
<!-- <div class="breadcumb-inner">
|
<ul>
|
<li>You are currently here! <i class="fas fa-angle-right"></i> </li>
|
<li><a href="#" rel="v:url" property="v:title">Home</a></li>
|
<li><i class="fas fa-angle-right"></i></li>
|
<li><span class="current">Contact</span></li>
|
</ul>
|
</div> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- End breadcumb area -->
|
<!-- contact page area -->
|
<div class="contact_page_area">
|
<div class="container">
|
<div class="row">
|
<!-- single contact box -->
|
<div class="col-lg-4 col-md-6">
|
<div class="service-item all_color_service text-center ">
|
<div class="service_top_image">
|
<!-- image -->
|
</div>
|
<div class="text_box all_icon_color">
|
<!-- icon -->
|
<i class="flaticon flaticon-map"></i>
|
<!-- title -->
|
<h3>{{ $t('message.contact.text-1') }}</h3>
|
<!-- content -->
|
<p>Building 4 Country Club Woodmead Estate 21 Woodlands Dr, Woodmead, Sandton, 2191</p>
|
</div>
|
</div>
|
</div>
|
<!-- 02 single contact box -->
|
<div class="col-lg-4 col-md-6">
|
<div class="service-item all_color_service text-center ">
|
<div class="service_top_image">
|
<!-- image -->
|
</div>
|
<div class="text_box all_icon_color">
|
<!-- icon -->
|
<i class="flaticon flaticon-call"></i>
|
<!-- title -->
|
<h3>{{ $t('message.contact.text-2') }}</h3>
|
<!-- content -->
|
<p>+86 13916448378</p>
|
<p>+86 18971438916</p>
|
<p>+27 0810430608</p>
|
</div>
|
</div>
|
</div>
|
<!-- 03 single contact box -->
|
<div class="col-lg-4 col-md-6">
|
<div class="service-item all_color_service text-center ">
|
<div class="service_top_image">
|
<!-- image -->
|
</div>
|
<div class="text_box all_icon_color">
|
<!-- icon -->
|
<i class="flaticon flaticon-mail"></i>
|
<!-- title -->
|
<h3>{{ $t('message.contact.text-3') }}</h3>
|
<!-- content -->
|
<p>DB.li@changjiangpark.com</p>
|
<p>raymond.lei@changjiangpark.com</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- contact area2 -->
|
<div class="contact_area2">
|
<div class="container">
|
<div class="row">
|
<div class="col-lg-12 box_shadow">
|
<div class="apartment_area">
|
<div class="apartment_text">
|
<!-- title -->
|
<h1>{{ $t('message.common.contactUs') }}</h1>
|
<h2>{{ $t('message.common.submit-contact-information') }}</h2>
|
</div>
|
<div class="witr_apartment_form">
|
<form action="mail.php" method="post" id="contact-form">
|
<div class="row">
|
<div class="col-lg-6 col-md-6">
|
<div class="twr_form_box">
|
<input type="text" name="name" :placeholder="$t('message.common.name')">
|
</div>
|
</div>
|
<div class="col-lg-6 col-md-6">
|
<div class="twr_form_box">
|
<input type="email" name="email" :placeholder="$t('message.common.email')">
|
</div>
|
</div>
|
<div class="col-lg-6 col-md-6">
|
<div class="twr_form_box">
|
<input type="number" name="number" :placeholder="$t('message.common.phone')">
|
</div>
|
</div>
|
<div class="col-lg-6 col-md-6">
|
<div class="twr_form_box">
|
<input type="text" name="subject" :placeholder="$t('message.common.subject')">
|
</div>
|
</div>
|
<div class="col-lg-12 col-md-12">
|
<div class="twr_form_box ">
|
<textarea name="textarea" :placeholder="$t('message.common.message')"></textarea>
|
</div>
|
<button type="submit" name="ok" class="btn ">{{ $t('message.common.submit') }}</button>
|
</div>
|
<div class="col-lg-12 text-center">
|
<p class="form-messege"></p>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- 底部 -->
|
<include file="common:footer" />
|
</div>
|
<!-- Vue App -->
|
<script src="/static/vue/mixin.js"></script>
|
<script>
|
const App = {
|
mixins: [sharedMixin],
|
data() {
|
return {
|
|
};
|
},
|
computed: {
|
|
},
|
mounted() {
|
},
|
created() {
|
},
|
methods: {
|
|
},
|
};
|
const app = Vue.createApp(App);
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
app.component(key, component)
|
}
|
app.use(ElementPlus, {
|
locale: ElementPlusLocaleZhCn,
|
});
|
app.use(i18n);
|
app.mount("#vue_item");
|
</script>
|
</body>
|
<include file="common:html-css-js" />
|
|
</html>
|
