From a4917f837e649e8288f37d386159005a6f415b85 Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Tue, 19 Aug 2025 18:24:28 +0800
Subject: [PATCH] 提交

---
 app/home/view/about/index.html        |   27 -
 public/static/home/style.css          |    7 
 public/static/js/language/language.js |   71 +++
 app/home/controller/Partners.php      |   13 
 app/home/view/common/html-header.html |    8 
 app/home/view/partners/index.html     |  173 +++++++++
 app/home/view/blog/index.html         |  221 ++++++++++++
 app/home/controller/Service.php       |   13 
 app/home/view/service/index.html      |  249 +++++++++++++
 app/home/controller/Blog.php          |   13 
 app/home/view/common/html-css-js.html |   16 
 app/home/view/contact/index.html      |  185 ++++++++++
 app/home/view/index/index.html        |   32 -
 app/home/controller/Contact.php       |   13 
 app/home/view/common/top-header.html  |   23 
 15 files changed, 991 insertions(+), 73 deletions(-)

diff --git a/app/home/controller/Blog.php b/app/home/controller/Blog.php
new file mode 100644
index 0000000..3ec3077
--- /dev/null
+++ b/app/home/controller/Blog.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace app\home\controller;
+
+use think\facade\View;
+use think\facade\Request;
+use app\BaseController;
+
+class Blog extends BaseController {
+    public function index() {
+        return View::fetch('index');
+    }
+}
\ No newline at end of file
diff --git a/app/home/controller/Contact.php b/app/home/controller/Contact.php
new file mode 100644
index 0000000..7aa63a2
--- /dev/null
+++ b/app/home/controller/Contact.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace app\home\controller;
+
+use think\facade\View;
+use think\facade\Request;
+use app\BaseController;
+
+class Contact extends BaseController {
+    public function index() {
+        return View::fetch('index');
+    }
+}
\ No newline at end of file
diff --git a/app/home/controller/Partners.php b/app/home/controller/Partners.php
new file mode 100644
index 0000000..48e94e4
--- /dev/null
+++ b/app/home/controller/Partners.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace app\home\controller;
+
+use think\facade\View;
+use think\facade\Request;
+use app\BaseController;
+
+class Partners extends BaseController {
+    public function index() {
+        return View::fetch('index');
+    }
+}
\ No newline at end of file
diff --git a/app/home/controller/Service.php b/app/home/controller/Service.php
new file mode 100644
index 0000000..ceff129
--- /dev/null
+++ b/app/home/controller/Service.php
@@ -0,0 +1,13 @@
+<?php
+
+namespace app\home\controller;
+
+use think\facade\View;
+use think\facade\Request;
+use app\BaseController;
+
+class Service extends BaseController {
+    public function index() {
+        return View::fetch('index');
+    }
+}
\ No newline at end of file
diff --git a/app/home/view/about/index.html b/app/home/view/about/index.html
index 3d5eb93..c0b4498 100644
--- a/app/home/view/about/index.html
+++ b/app/home/view/about/index.html
@@ -7,14 +7,7 @@
     <include file="common:header" />
     <include file="common:title" />
     <include file="common:element-plus" />
-    <!-- Favicon Icon -->
-    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/bootstrap.min.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/venobox/venobox.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/plugin_theme_css.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/style.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/responsive.css" />
-    <!-- modernizr js -->
-    <script src="/static/home/assets/js/vendor/modernizr-2.8.3.min.js"></script>
+    <include file="common:html-header" />
 </head>
 
 <body>
@@ -28,7 +21,7 @@
                 <div class="row">
                     <div class="col-md-12 txtc  text-center ccase">
                         <div class="brpt">
-                            <h2>{{ $t('message.common.aboutUs') }}</h2>
+                            <h2>{{ $t('message.header.about') }}</h2>
                         </div>
                         <!-- <div class="breadcumb-inner">
                             <ul>
@@ -166,21 +159,7 @@
 
 
 </body>
+<include file="common:html-css-js" />
 
-<!-- Include All JS -->
-<script src="/static/home/assets/js/bootstrap.min.js"></script>
-<script src="/static/home/assets/js/isotope.pkgd.min.js"></script>
-<script src="/static/home/assets/js/owl.carousel.min.js"></script>
-<script src="/static/home/assets/js/jquery.nivo.slider.pack.js"></script>
-<script src="/static/home/assets/js/slick.min.js"></script>
-<script src="/static/home/assets/js/imagesloaded.pkgd.min.js"></script>
-<script src="/static/home/venobox/venobox.min.js"></script>
-<script src="/static/home/assets/js/jquery.appear.js"></script>
-<script src="/static/home/assets/js/jquery.knob.js"></script>
-<script src="/static/home/assets/js/BeerSlider.js"></script>
-<script src="/static/home/assets/js/theme-pluginjs.js"></script>
-<script src="/static/home/assets/js/jquery.meanmenu.js"></script>
-<script src="/static/home/assets/js/ajax-mail.js"></script>
-<script src="/static/home/assets/js/theme.js"></script>
 
 </html>
\ No newline at end of file
diff --git a/app/home/view/blog/index.html b/app/home/view/blog/index.html
new file mode 100644
index 0000000..ae16f2e
--- /dev/null
+++ b/app/home/view/blog/index.html
@@ -0,0 +1,221 @@
+<!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.blog') }}</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">Blog Grid</span></li>
+                            </ul>
+                        </div> -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- End breadcumb area -->
+         
+        <!-- itpart blog area -->
+        <div class="itpart_blog_area blog_grid_area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="witr_section_title">
+                            <div class="witr_section_title_inner text-center">
+                                <!-- title top -->
+                                <h2>News &amp; blog</h2>
+                                <h3>You Can Check Out Our Work. </h3>
+                                <!-- title bottom -->
+                                <h1>News &amp; Articles</h1>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-12">
+                        <!-- Blog Section -->
+                        <div class="witr_blog_area12">
+                            <div class="blog_active ">
+                                <!-- single blog -->
+                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
+                                    <div class="busi_singleBlog">
+                                        <!-- image -->
+                                        <div class="witr_sb_thumb">
+                                            <a href="#"> <img src="/static/home/assets/images/blog1.jpg" alt="image" /> </a>
+                                            <div class="witr_top_category category_blog_grid">
+                                                <!-- category -->
+                                                <ul class="post-categories">
+                                                    <li><a href="#">Developer</a></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <div class="all_blog_color">
+                                            <div class="witr_blog_con bs5">
+                                                <!-- title -->
+                                                <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
+                                                <!--  post meta -->
+                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
+                                                <span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
+                                                <!-- content -->
+                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
+                                                <div class="learn_more_adn">
+                                                    <a class="learn_btn adnbtn2" href="#">Read More</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 02 single blog -->
+                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
+                                    <div class="busi_singleBlog">
+                                        <!-- image -->
+                                        <div class="witr_sb_thumb">
+                                            <a href="#"> <img src="/static/home/assets/images/blog2.jpg" alt="image" /> </a>
+                                            <div class="witr_top_category category_blog_grid">
+                                                <!-- category -->
+                                                <ul class="post-categories">
+                                                    <li><a href="#">It Service</a></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <div class="all_blog_color">
+                                            <div class="witr_blog_con bs5">
+                                                <!-- title -->
+                                                <h2><a href="single-blog.html">Email marketing tips that will increase your sales.</a></h2>
+                                                <!--  post meta -->
+                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
+                                                <span><a href="#"><i class="icofont-ui-clock"></i></a> 29 Aug 2021</span>
+                                                <!-- content -->
+                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
+                                                <div class="learn_more_adn">
+                                                    <a class="learn_btn adnbtn2" href="#">Read More</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 03 single blog -->
+                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
+                                    <div class="busi_singleBlog">
+                                        <!-- image -->
+                                        <div class="witr_sb_thumb">
+                                            <a href="#"> <img src="/static/home/assets/images/blog3.jpg" alt="image" /> </a>
+                                            <div class="witr_top_category category_blog_grid">
+                                                <!-- category -->
+                                                <ul class="post-categories">
+                                                    <li><a href="#">Management</a></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <div class="all_blog_color">
+                                            <div class="witr_blog_con bs5">
+                                                <!-- title -->
+                                                <h2><a href="single-blog.html">Productivity tips to avoid burn out when working.</a></h2>
+                                                <!--  post meta -->
+                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
+                                                <span><a href="#"><i class="icofont-ui-clock"></i></a>24 Jun 2021</span>
+                                                <!-- content -->
+                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
+                                                <div class="learn_more_adn">
+                                                    <a class="learn_btn adnbtn2" href="#">Read More</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 04 single blog -->
+                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12">
+                                    <div class="busi_singleBlog">
+                                        <!-- image -->
+                                        <div class="witr_sb_thumb">
+                                            <a href="#"> <img src="/static/home/assets/images/blog11.jpg" alt="image" /> </a>
+                                            <div class="witr_top_category category_blog_grid">
+                                                <!-- category -->
+                                                <ul class="post-categories">
+                                                    <li><a href="#">Marketing</a></li>
+                                                </ul>
+                                            </div>
+                                        </div>
+                                        <div class="all_blog_color">
+                                            <div class="witr_blog_con bs5">
+                                                <!-- title -->
+                                                <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
+                                                <!--  post meta -->
+                                                <span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
+                                                <span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
+                                                <!-- content -->
+                                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
+                                                <div class="learn_more_adn">
+                                                    <a class="learn_btn adnbtn2" href="#">Read More</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </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>
\ No newline at end of file
diff --git a/app/home/view/common/html-css-js.html b/app/home/view/common/html-css-js.html
new file mode 100644
index 0000000..ef715d7
--- /dev/null
+++ b/app/home/view/common/html-css-js.html
@@ -0,0 +1,16 @@
+
+<!-- Include All JS -->
+<script src="/static/home/assets/js/bootstrap.min.js"></script>
+<script src="/static/home/assets/js/isotope.pkgd.min.js"></script>
+<script src="/static/home/assets/js/owl.carousel.min.js"></script>
+<script src="/static/home/assets/js/jquery.nivo.slider.pack.js"></script>
+<script src="/static/home/assets/js/slick.min.js"></script>
+<script src="/static/home/assets/js/imagesloaded.pkgd.min.js"></script>
+<script src="/static/home/venobox/venobox.min.js"></script>
+<script src="/static/home/assets/js/jquery.appear.js"></script>
+<script src="/static/home/assets/js/jquery.knob.js"></script>
+<script src="/static/home/assets/js/BeerSlider.js"></script>
+<script src="/static/home/assets/js/theme-pluginjs.js"></script>
+<script src="/static/home/assets/js/jquery.meanmenu.js"></script>
+<script src="/static/home/assets/js/ajax-mail.js"></script>
+<script src="/static/home/assets/js/theme.js"></script>
\ No newline at end of file
diff --git a/app/home/view/common/html-header.html b/app/home/view/common/html-header.html
new file mode 100644
index 0000000..d4c2382
--- /dev/null
+++ b/app/home/view/common/html-header.html
@@ -0,0 +1,8 @@
+<!-- Favicon Icon -->
+<link rel="stylesheet" type="text/css" href="/static/home/assets/css/bootstrap.min.css" />
+<link rel="stylesheet" type="text/css" href="/static/home/venobox/venobox.css" />
+<link rel="stylesheet" type="text/css" href="/static/home/assets/css/plugin_theme_css.css" />
+<link rel="stylesheet" type="text/css" href="/static/home/style.css" />
+<link rel="stylesheet" type="text/css" href="/static/home/assets/css/responsive.css" />
+<!-- modernizr js -->
+<script src="/static/home/assets/js/vendor/modernizr-2.8.3.min.js"></script>
\ No newline at end of file
diff --git a/app/home/view/common/top-header.html b/app/home/view/common/top-header.html
index 1c628e5..9030f32 100644
--- a/app/home/view/common/top-header.html
+++ b/app/home/view/common/top-header.html
@@ -3,27 +3,16 @@
     <div class="itpart-header-top">
         <div class="container">
             <div class="row">
-                <div class="col-xs-12 col-lg-9 col-xl-9 col-md-9 col-sm-12">
+                <div class="col-xs-12 col-lg-12 col-xl-12 col-md-12 col-sm-12">
                     <div class="top-address text-left">
                         <p> <span> <i class="icofont-home"></i>Building 4 Country Club Woodmead Estate, 21 Woodlands Dr, Woodmead, Sandton, 2191</span> <a href="#"> <i class="icofont-envelope"></i>78322408@qq.com</a></p>
                     </div>
                 </div>
-                <div class="col-xs-12 col-lg-3 col-xl-3 col-md-3 col-sm-12 ">
-                    <!-- <div class="top-right-menu">
-                        <ul class="social-icons text-right text_m_center">
-                            <li><a href="#"><i class="icofont-facebook"></i></a></li>
-                            <li><a href="#"><i class="icofont-twitter"></i></a></li>
-                            <li><a href="#"><i class="icofont-pinterest"></i></a></li>
-                            <li><a href="#"><i class="icofont-vimeo"></i></a></li>
-                        </ul>
-                    </div> -->
-
-                    <el-select v-model="currentLang" size="small" @change="(val) => changeLanguage(val, false)" style="width: 100px">
-                        <el-option v-for="item in languageList" :key="item.symbol" :label="item.name_loc" :value="item.symbol" />
-                    </el-select>
-                </div>
             </div>
         </div>
+        <el-select v-model="currentLang" size="small" @change="(val) => changeLanguage(val, false)" style="width: 100px" class="language_select_item">
+            <el-option v-for="item in languageList" :key="item.symbol" :label="item.name_loc" :value="item.symbol" />
+        </el-select>
     </div>
     <!-- END HEADER TOP AREA -->
     <div class="itpart-main-menu one_page hidden-xs hidden-sm  witr_h_h10">
@@ -85,9 +74,9 @@
                                     <li><a href="contact.html">Contact</a></li> -->
                                 </ul>
                             </nav>
-                            <div class="donate-btn-header">
+                            <!-- <div class="donate-btn-header">
                                 <a class="dtbtn" href="#"> Let's Talk </a>
-                            </div>
+                            </div> -->
                         </div>
                     </div>
                 </div>
diff --git a/app/home/view/contact/index.html b/app/home/view/contact/index.html
new file mode 100644
index 0000000..1daa4ea
--- /dev/null
+++ b/app/home/view/contact/index.html
@@ -0,0 +1,185 @@
+<!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>
\ No newline at end of file
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index b0c2586..7307291 100644
--- a/app/home/view/index/index.html
+++ b/app/home/view/index/index.html
@@ -8,13 +8,7 @@
     <include file="common:title" />
     <include file="common:element-plus" />
     <link rel="stylesheet" href="/static/home/css/index/index.css?x=3">
-    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/bootstrap.min.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/venobox/venobox.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/plugin_theme_css.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/style.css" />
-    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/responsive.css" />
-    <!-- modernizr js -->
-    <script src="/static/home/assets/js/vendor/modernizr-2.8.3.min.js"></script>
+    <include file="common:html-header" />
 </head>
 
 <body>
@@ -568,8 +562,6 @@
                                 <h2>{{ $t('message.home.text-32') }}</h2>
                                 <!-- title middle -->
                                 <h3>{{ $t('message.home.text-33') }}</h3>
-                                <!-- title bottom -->
-                                <h1>{{ $t('message.home.text-32') }}</h1>
                             </div>
                         </div>
                     </div>
@@ -979,7 +971,7 @@
                 </div>
             </div>
         </div>
-        
+
         <!-- 我们的工作流程 -->
         <div class="working_proces_area">
             <div class="container">
@@ -1351,7 +1343,7 @@
                 </div>
             </div>
         </div>
-        
+
         <!-- itpart brand area -->
         <div class="itpart_brand_area">
             <div class="container">
@@ -1444,21 +1436,5 @@
         app.mount("#vue_item");
     </script>
 </body>
-<!-- Include All JS -->
-<!-- <script src="/static/home/assets/js/vendor/jquery-3.5.1.min.js"></script> -->
-<script src="/static/home/assets/js/bootstrap.min.js"></script>
-<script src="/static/home/assets/js/isotope.pkgd.min.js"></script>
-<script src="/static/home/assets/js/owl.carousel.min.js"></script>
-<script src="/static/home/assets/js/jquery.nivo.slider.pack.js"></script>
-<script src="/static/home/assets/js/slick.min.js"></script>
-<script src="/static/home/assets/js/imagesloaded.pkgd.min.js"></script>
-<script src="/static/home/venobox/venobox.min.js"></script>
-<script src="/static/home/assets/js/jquery.appear.js"></script>
-<script src="/static/home/assets/js/jquery.knob.js"></script>
-<script src="/static/home/assets/js/BeerSlider.js"></script>
-<script src="/static/home/assets/js/theme-pluginjs.js"></script>
-<script src="/static/home/assets/js/jquery.meanmenu.js"></script>
-<script src="/static/home/assets/js/ajax-mail.js"></script>
-<script src="/static/home/assets/js/theme.js"></script>
-
+<include file="common:html-css-js" />
 </html>
\ No newline at end of file
diff --git a/app/home/view/partners/index.html b/app/home/view/partners/index.html
new file mode 100644
index 0000000..702484f
--- /dev/null
+++ b/app/home/view/partners/index.html
@@ -0,0 +1,173 @@
+<!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" />
+    <style>
+        .witr_servicetwo_text{
+            height: 300px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="main-container" id="vue_item" v-cloak>
+        <!-- 顶部 导航栏 -->
+        <include file="common:top-header" />
+
+        <!-- 背景图  -->
+        <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.partners') }}</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">Service</span></li>
+                            </ul>
+                        </div> -->
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="itpart_service_area2">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <!-- title center -->
+                        <div class="witr_section_title">
+                            <div class="witr_section_title_inner text-center">
+                                <!-- title top -->
+                                <h2>{{ $t('message.partners.text-1')}}</h2>
+                                <!-- title middle -->
+                                <h3>{{ $t('message.partners.text-2') }}</h3>
+                                <!-- title bottom -->
+                                <!-- <h1>Customers Business</h1> -->
+                            </div>
+                        </div>
+                    </div>
+                    <!-- single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="witr_service2 service_overflow_inherit all_service2_color ">
+                            <!-- image -->
+                            <div class="witr_service2_image">
+                                <img src="/static/home/assets/images/service1.jpg" alt="image">
+                                <div class="wbutton_top_service_icon">
+                                    <a href="">
+                                        <span class="ti-arrow-right"></span>
+                                    </a>
+                                </div>
+                            </div>
+                            <div class="witr_servicetwo_text">
+                                <div class="witr_service2_icon_bottom">
+                                    <!-- icon -->
+                                    <i class="aprova aprova-landing"></i>
+                                </div>
+                                <!-- title -->
+                                <h3>{{ $t('message.partners.text-3') }}</h3>
+                                <p>{{ $t('message.partners.text-4') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 02 single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="witr_service2 service_overflow_inherit all_service2_color ">
+                            <!-- image -->
+                            <div class="witr_service2_image">
+                                <img src="/static/home/assets/images/service-2.jpg" alt="image">
+                                <div class="wbutton_top_service_icon">
+                                    <a href="">
+                                        <span class="ti-arrow-right"></span>
+                                    </a>
+                                </div>
+                            </div>
+                            <div class="witr_servicetwo_text">
+                                <div class="witr_service2_icon_bottom">
+                                    <!-- icon -->
+                                    <i class="aprova aprova-analysis-1"></i>
+                                </div>
+                                <!-- title -->
+                                <h3>{{ $t('message.partners.text-5') }}</h3>
+                                <p>{{ $t('message.partners.text-6') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 03 single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="witr_service2 service_overflow_inherit all_service2_color ">
+                            <!-- image -->
+                            <div class="witr_service2_image">
+                                <img src="/static/home/assets/images/service-3.jpg" alt="image">
+                                <div class="wbutton_top_service_icon">
+                                    <a href="">
+                                        <span class="ti-arrow-right"></span>
+                                    </a>
+                                </div>
+                            </div>
+                            <div class="witr_servicetwo_text">
+                                <div class="witr_service2_icon_bottom">
+                                    <!-- icon -->
+                                    <i class="aprova aprova-password"></i>
+                                </div>
+                                <!-- title -->
+                                <h3>{{ $t('message.partners.text-7') }}</h3>
+                                <p>{{ $t('message.partners.text-8') }}</p>
+                            </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>
\ No newline at end of file
diff --git a/app/home/view/service/index.html b/app/home/view/service/index.html
new file mode 100644
index 0000000..b4d3339
--- /dev/null
+++ b/app/home/view/service/index.html
@@ -0,0 +1,249 @@
+<!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" />
+
+        <!-- 背景图  -->
+        <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.service') }}</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">Service</span></li>
+                            </ul>
+                        </div> -->
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- End breadcumb area -->
+        <!-- service area2 -->
+        <div class="itpart_service_area2 itpart_service_area service_page_area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <!-- title center -->
+                        <div class="witr_section_title">
+                            <div class="witr_section_title_inner text-center">
+                                <!-- title top -->
+                                <h2>{{ $t('message.service.text-1') }}</h2>
+                                <!-- title middle -->
+                                <h3>{{ $t('message.service.text-2') }} </h3>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- single service -->
+                    <!-- single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class=" service13">
+                            <div class="em_service_content ">
+                                <div class="em_single_service_text  ">
+                                    <div class="service_top_image"></div>
+                                    <div class="poly_text_box all_color_service">
+                                        <div class="service_icon_box all_icon_color">
+                                            <div class="em-service-icon">
+                                                <i class="aprova aprova-analysis"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.service.text-3') }} </h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.service.text-4') }} </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 02 single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class=" service13">
+                            <div class="em_service_content ">
+                                <div class="em_single_service_text  ">
+                                    <div class="service_top_image"></div>
+                                    <div class="poly_text_box all_color_service">
+                                        <div class="service_icon_box all_icon_color">
+                                            <div class="em-service-icon">
+                                                <i class="aprova aprova-landing"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.service.text-5') }} </h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.service.text-6') }} </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 03 single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class=" service13">
+                            <div class="em_service_content ">
+                                <div class="em_single_service_text  ">
+                                    <div class="service_top_image"></div>
+                                    <div class="poly_text_box all_color_service">
+                                        <div class="service_icon_box all_icon_color">
+                                            <div class="em-service-icon">
+                                                <i class="aprova aprova-clock-1"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.service.text-7') }} </h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.service.text-8') }} </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 04 single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class=" service13">
+                            <div class="em_service_content ">
+                                <div class="em_single_service_text  ">
+                                    <div class="service_top_image"></div>
+                                    <div class="poly_text_box all_color_service">
+                                        <div class="service_icon_box all_icon_color">
+                                            <div class="em-service-icon">
+                                                <i class="aprova aprova-lightbulb"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.service.text-9') }} </h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.service.text-10') }} </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 05 single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class=" service13">
+                            <div class="em_service_content ">
+                                <div class="em_single_service_text  ">
+                                    <div class="service_top_image"></div>
+                                    <div class="poly_text_box all_color_service">
+                                        <div class="service_icon_box all_icon_color">
+                                            <div class="em-service-icon">
+                                                <i class="aprova aprova-bitcoin-7"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.service.text-11') }} </h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.service.text-12') }} </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 06 single service -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class=" service13">
+                            <div class="em_service_content ">
+                                <div class="em_single_service_text  ">
+                                    <div class="service_top_image"></div>
+                                    <div class="poly_text_box all_color_service">
+                                        <div class="service_icon_box all_icon_color">
+                                            <div class="em-service-icon">
+                                                <i class="aprova aprova-startup1"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.service.text-13') }} </h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.service.text-14') }} </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </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>
\ No newline at end of file
diff --git a/public/static/home/style.css b/public/static/home/style.css
index cd6a2ff..6cf5a3c 100644
--- a/public/static/home/style.css
+++ b/public/static/home/style.css
@@ -434,6 +434,7 @@
 
 .itpart-header-top {
     background: #ff3d00;
+    position: relative;
 
 }
 
@@ -445,6 +446,12 @@
     padding: 10px 0px;
 }
 
+.language_select_item{
+    position: absolute;
+    right: 10px;
+    top: 10px;
+}
+
 .top-address p {
     margin-bottom: 0;
 }
diff --git a/public/static/js/language/language.js b/public/static/js/language/language.js
index 633f93b..c90c786 100644
--- a/public/static/js/language/language.js
+++ b/public/static/js/language/language.js
@@ -13,10 +13,11 @@
                 'phone': '手机',
                 'subject': '主题',
                 'message': '留言',
+                'service': '服务',
             },
             header: {
                 'home': '首页',
-                'about': '关于',
+                'about': '关于我们',
                 'service': '服务',
                 'blog': '推文',
                 'partners': '合作伙伴',
@@ -39,7 +40,7 @@
                 'text-2': "青年创业孵化营",
                 'text-3': "产业带推广服务",
                 'text-4': "全链路推广,让南非消费者深度感知中国制造优势",
-                'text-5': "24/7 品牌直播推广服务",
+                'text-5': "24/7直播推广服务",
                 'text-6': "双语团队在南非平台全天直播带货",
                 'text-7': "产教融合服务",
                 'text-8': "联动院校培养跨境电商人才,填补人才供需缺口",
@@ -130,7 +131,40 @@
                 'text-6': '我们的国内基地',
                 'text-7': '光谷跨境电商产业园',
                 'text-8': '湖北省级跨境电商产业集聚区,落地武汉光谷。聚合超120家外贸企业、20 + 全球平台资源,构建“孵化 + 运营 + 人才”生态。从TikTok直播孵化到海外仓供应链,全链路赋能企业,助力中国智造扎根南非市场,实现跨境业务从0到1突破。',
-            }
+            },
+            service: {
+                'text-1': '我们的服务',
+                'text-2': '我们为客户提供哪些服务',
+                'text-3': '品牌与产业带出海服务',
+                'text-4': '整合南非直播/展厅/营销资源,助力中国品牌出海布局。',
+                'text-5': '产教融合服务',
+                'text-6': '联动中南院校,定向培养跨境电商专业人才。',
+                'text-7': '供应链金融服务',
+                'text-8': '围绕采购/物流/库存设计融资方案,保障跨境贸易资金流转。',
+                'text-9': '出海金融服务',
+                'text-10': '提供南非市场外汇结算、投融资及汇率风控定制化金融方案。',
+                'text-11': '出海法律税务服务',
+                'text-12': '解析南非法律政策与税务合规要求,全流程支持企业出海运营。',
+                'text-13': '海外仓服务',
+                'text-14': '布局南非本土化海外仓,提供仓储、一件代发、退换货全流程服务。',
+            },
+            partners: {
+                'text-1': '我们的合作伙伴',
+                'text-2': "支持我们的优质机构",
+                'text-3': '中国政府关联机构',
+                'text-4': '中国政府关联机构在长江国贸跨境电商产业园项目中发挥着至关重要的作用,从政策引导、资源支撑到文化交流等多个维度协同发力,为中南跨境电商合作夯实发展根基。',
+                'text-5': '南非政府部门 ',
+                'text-6': '南非政府部门通过多维度协同支持,为产业园在当地的落地运营奠定了坚实基础。凭借对本土政策、市场环境和行业需求的深刻洞察,政府部门不仅为项目规划提供专业指导,还通过教育、就业等领域的资源整合,帮助项目精准适配南非市场特性,有效推动跨境电商业务在当地的可持续发展。',
+                'text-7': '运营伙伴',
+                'text-8': '运营伙伴是长江国贸跨境电商产业园项目实施与运营的核心力量,它们凭借专业优势与资源网络,推动业务高效落地,助力中国品牌开拓国际市场。',
+            },
+            contact: {
+                'text-1': '地址',
+                'text-2': "电话号码",
+                'text-3': '邮箱',
+                'text-4': '国内电话',
+                'text-5': '国际电话',
+            },
         }
     },
     'en-us': {
@@ -147,6 +181,7 @@
                 'phone': 'Phone',
                 'subject': 'Subject',
                 'message': 'Message',
+                'service': 'Service',
             },
             header: {
                 'home': 'Home',
@@ -265,7 +300,35 @@
                 'text-6': 'Our Basement',
                 'text-7': 'Optics Valley Cross - border E - commerce Industrial Park',
                 'text-8': 'As a Hubei - level cross - border e - commerce cluster in Wuhan Optics Valley, we gather over 120 foreign trade enterprises and 20 + global platforms. Building an “incubation + operation + talent” ecosystem, we provide full - chain support—from TikTok live commerce incubation to overseas warehouse supply chains. Empowering “Made in China” to establish in South Africa and achieve 0 - to - 1 breakthroughs in cross - border business. ',
-            }
+            },
+            service: {
+                'text-1': 'Our Service',
+                'text-2': 'What Services We Provide to Our Customers Business',
+                'text-3': 'Brand & Industrial Belt Global Expansion Service',
+                'text-4': 'Integrate SA resources (live, exhibition, marketing) for Chinese brands’ global expansion.',
+                'text-5': 'Industry - Education Integration Service',
+                'text-6': 'Collaborate with Central - South universities to train cross - border e - commerce talents.',
+                'text-7': 'Supply Chain Finance Service',
+                'text-8': 'Design financing solutions for procurement/logistics/inventory to ensure capital flow.',
+                'text-9': 'Overseas Business Finance Service',
+                'text-10': 'Offer forex, investment, and risk - management plans tailored for SA market operations.',
+                'text-11': 'Overseas Business Legal & Tax Service',
+                'text-12': 'Provide SA market legal compliance guidance, tax planning, and operation - full support.',
+                'text-13': 'Overseas Warehouse Service',
+                'text-14': 'Manage localized SA warehouses with one - stop services (storage, dropshipping, returns).',
+            },
+
+            partners: {
+                'text-1': 'Our Collaborators',
+                'text-2': "We're Backed by Quality Institutions",
+            },
+            contact: {
+                'text-1': 'Office Location',
+                'text-2': "Phone Number",
+                'text-3': 'E-mail',
+                'text-4': 'Domestic',
+                'text-5': 'International',
+            },
         }
     }
 }

--
Gitblit v1.9.0