From 774d962b76d63366ed26c395e0a33cdbec309242 Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Tue, 09 Sep 2025 14:07:25 +0800
Subject: [PATCH] 提交

---
 app/home/view/index/index.html | 1419 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 files changed, 1,378 insertions(+), 41 deletions(-)

diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 51dded2..628b3a0 100644
--- a/app/home/view/index/index.html
+++ b/app/home/view/index/index.html
@@ -8,56 +8,1393 @@
     <include file="common:title" />
     <include file="common:element-plus" />
     <link rel="stylesheet" href="/static/home/css/index/index.css?x=3">
+    <include file="common:html-header" />
+    <style>
+        .cover_img {
+            width: 360px;
+            height: 240px;
+            vertical-align: middle;
+            object-fit: cover;
+        }
+
+        .blog-title {
+            height: 53px;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 2;
+            -webkit-box-orient: vertical;
+        }
+
+        .blog-desc {
+            height: 77px;
+            margin: 15px 0;
+            padding: 0 0 0 0 !important;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 3;
+            -webkit-box-orient: vertical;
+        }
+        .witr_pslide_image img{
+            width: 100%;
+        }
+    </style>
 </head>
 
 <body>
-    <div class="main-container" id="vue_item">
+    <div class="main-container" id="vue_item" v-cloak>
+        <!-- 顶部 导航栏 -->
+        <include file="common:top-header" />
 
+        <!-- MOBILE MENU Logo AREA -->
+        <div class="mobile_logo_area hidden-md hidden-lg">
+            <div class="container">
+                <div class="row">
+                    <div class="col-sm-12">
+                        <div class="mobile_menu_logo text-center">
+                            <a href="index.html" title="lowgo">
+                                <img src="/static/home/images/logo.png" alt="lowgo">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- MOBILE MENU AREA -->
+        <div class="home-2 mbm hidden-md hidden-lg  header_area main-menu-area">
+            <div class="menu_area mobile-menu">
+                <nav class="itpart_menu">
+                    <ul class="sub-menu">
+                        <li class="menu-item-has-children"><a href="#">Home</a>
+                            <ul class="sub-menu">
+                                <li><a href="index.html">Home Page</a></li>
+                                <li><a href="home-two.html">Home Two Page</a></li>
+                                <li><a href="home-video.html">Home Video Page</a></li>
+                                <li><a href="landing-page.html">Landing Page</a></li>
+                            </ul>
+                        </li>
+                        <li><a href="about.html">About</a></li>
+                        <li><a href="service.html">Service</a></li>
+                        <li class="menu-item-has-children"><a href="blog.html">Blog</a>
+                            <ul class="sub-menu">
+                                <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
+                                <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
+                                <li><a href="blog.html">Blog Gird</a></li>
+                            </ul>
+                        </li>
+                        <li class="menu-item-has-children"><a href="#">Pages</a>
+                            <ul class="sub-menu">
+                                <li class="menu-item-has-children"><a href="">Portfolio</a>
+                                    <ul class="sub-menu">
+                                        <li><a href="portfolio-grid.html">Portfolio Grid</a></li>
+                                        <li><a href="portfolio-3column.html">Portfolio 3Column</a></li>
+                                        <li><a href="portfolio-4column.html">Portfolio 4Column</a></li>
+                                    </ul>
+                                </li>
+                                <li><a href="testimonial.html">Testimonial</a></li>
+                                <li><a href="pricing-table.html">Pricing Table</a></li>
+                                <li><a href="team.html">Team</a></li>
+                                <li><a href="faq-page.html">Faq Page</a></li>
+                                <li><a href="single-service.html">Single Service</a></li>
+                            </ul>
+                        </li>
+                        <li><a href="contact.html">Contact</a></li>
+                    </ul>
+
+                </nav>
+            </div>
+        </div>
+        <!-- END MOBILE MENU AREA  -->
+
+        <div class="witr_swiper_area">
+            <div class="swiper-container swiper_active">
+                <div class="swiper-wrapper">
+                    <!-- single slider -->
+                    <div class="swiper-slide d1 t1 m1 witr_swiper_height" style="background-image:url(/static/home/images/slider-1.png)">
+                        <div class="witr_sw_text_area text-left">
+                            <div class="witr_swiper_content ">
+                                <!-- <h1><span>Best Secure </span> &amp; Services</h1> -->
+                                <h2>{{ $t('message.home.text-1')}}</h2>
+                                <!-- <h3>it solution</h3> -->
+                                <!-- <p>There are many variations of passages of lorem Ipsum have suffered alteration in some form</p> -->
+                                <div class="slider_btn">
+                                    <div class="witr_btn_style">
+                                        <div class="witr_btn_sinner"> <a class="witr_btn" href="/home/contact/index.html">{{ $t('message.common.contactUs') }}</a></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- single slider -->
+                    <div class="swiper-slide d1 t1 m1 witr_swiper_height" style="background-image:url(/static/home/images/slider-2.png)">
+                        <div class="witr_sw_text_area text-left">
+                            <div class="witr_swiper_content ">
+                                <!-- <h1><span>Best Secure </span> &amp; Services</h1> -->
+                                <h2>{{ $t('message.home.text-2')}}</h2>
+                                <!-- <h3>it solution</h3> -->
+                                <!-- <p>There are many variations of passages of lorem Ipsum have suffered alteration in some form</p> -->
+                                <div class="slider_btn">
+                                    <div class="witr_btn_style">
+                                        <div class="witr_btn_sinner"> <a class="witr_btn" href="/home/contact/index.html">{{ $t('message.common.contactUs') }}</a></div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="swiper-scrollbar"></div>
+            <div class="swiper-pagination"></div>
+            <div class="swiper-button-next"></div>
+            <div class="swiper-button-prev"></div>
+        </div>
+        <!-- end slider area -->
+
+        <!-- it part service area -->
+        <div class="itpart_service_area">
+            <div class="container">
+                <div class="row">
+                    <!-- 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.home.text-3')}}</h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.home.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-clock-1"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.home.text-5')}}</h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.home.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-landing"></i>
+                                            </div>
+                                        </div>
+                                        <div class="em_service_text_box">
+                                            <div class="em-service-title">
+                                                <h3>{{ $t('message.home.text-7')}}</h3>
+                                            </div>
+                                            <div class="em-service-desc">
+                                                <p>{{ $t('message.home.text-8')}}</p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <!-- about area  -->
+        <div class="itpart_about_area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-6 col-md-6">
+                        <div class="single_image_area">
+                            <div class="single_image single_line_option  ">
+                                <!-- image -->
+                                <img src="/static/home/images/img-1.png" alt="image">
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-6 col-md-6">
+                        <div class="about_right_inner">
+                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.common.aboutUs')}}</h1>
+                            <!-- title left -->
+                            <div class="witr_section_title">
+                                <div class="witr_section_title_inner text-left">
+                                    <h3>{{ $t('message.home.text-9')}}<span> {{ $t('message.home.text-10')}}<span></span></span></h3>
+                                    <!-- content -->
+                                    <p>{{ $t('message.home.text-11')}}</p>
+                                </div>
+                            </div>
+                            <div class="witr_single_progress all_color_bar">
+                                <div class="witr_title2">
+                                    <span class="witr_label">{{ $t('message.home.text-12')}}</span>
+                                </div>
+                                <div class="progress witr_progress-style2">
+                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 80%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
+                                        <span class="witr_percent">80%</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="witr_single_progress all_color_bar">
+                                <div class="witr_title2">
+                                    <span class="witr_label">{{ $t('message.home.text-13')}}</span>
+                                </div>
+                                <div class="progress witr_progress-style2">
+                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 70%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
+                                        <span class="witr_percent">70%</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="witr_single_progress all_color_bar">
+                                <div class="witr_title2">
+                                    <span class="witr_label">{{ $t('message.home.text-14')}} </span>
+                                </div>
+                                <div class="progress witr_progress-style2">
+                                    <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 90%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;">
+                                        <span class="witr_percent">90%</span>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- area -->
+                            <div class="witr_button_area">
+                                <!-- btn default style -->
+                                <div class="witr_btn_style mr">
+                                    <div class="witr_btn_sinner">
+                                        <a href="#" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </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.home.text-15')}}</h2>
+                                <!-- title middle -->
+                                <h3>{{ $t('message.home.text-16')}}</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.home.text-17')}}</h3>
+                                <p>{{ $t('message.home.text-18')}}</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.home.text-19')}}</h3>
+                                <p>{{ $t('message.home.text-20')}}</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.home.text-21')}}</h3>
+                                <p>{{ $t('message.home.text-22')}}</p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <!-- 我们的项目-->
+        <div class="itpart_project_area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <!-- title center -->
+                        <div class="witr_section_title">
+                            <div class="witr_section_title_inner text-center">
+                                <h2>Our Project </h2>
+                                <!-- title middle -->
+                                <h3>Recent Our Portfolios </h3>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-12">
+                        <div class="witr_pslide4 witr_pslide3 all_pslides_color ps1 ps3">
+                            <div class="portfolio_porject_act">
+                                <!-- single portfolio -->
+                                <div class="item_pos col-lg-12">
+                                    <div class="witr_single_pslide">
+                                        <div class="witr_pslide_image">
+                                            <img src="/static/home/assets/images/port1.jpg" alt="image">
+                                        </div>
+                                        <div class="witr_content_pslide_text">
+                                            <div class="witr_content_pslide">
+                                                <!-- title -->
+                                                <h3><a href="#" tabindex="-1">Business and Marketing </a></h3>
+                                                <!-- content -->
+                                                <p>Business </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 02 single portfolio -->
+                                <div class="item_pos col-lg-12">
+                                    <div class="witr_single_pslide">
+                                        <div class="witr_pslide_image">
+                                            <img src="/static/home/assets/images/port2.jpg" alt="image">
+                                        </div>
+                                        <div class="witr_content_pslide_text">
+                                            <div class="witr_content_pslide">
+                                                <!-- title -->
+                                                <h3><a href="#" tabindex="-1">Improve for Business </a></h3>
+                                                <!-- content -->
+                                                <p>Marketing </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 03 single portfolio -->
+                                <div class="item_pos col-lg-12">
+                                    <div class="witr_single_pslide">
+                                        <div class="witr_pslide_image">
+                                            <img src="/static/home/assets/images/port3.jpg" alt="image">
+                                        </div>
+                                        <div class="witr_content_pslide_text">
+                                            <div class="witr_content_pslide">
+                                                <!-- title -->
+                                                <h3><a href="#" tabindex="-1">Product of Design </a></h3>
+                                                <!-- content -->
+                                                <p>Photography </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 04 single portfolio -->
+                                <div class="item_pos col-lg-12">
+                                    <div class="witr_single_pslide">
+                                        <div class="witr_pslide_image">
+                                            <img src="/static/home/assets/images/port4.jpg" alt="image">
+                                        </div>
+                                        <div class="witr_content_pslide_text">
+                                            <div class="witr_content_pslide">
+                                                <!-- title -->
+                                                <h3><a href="#" tabindex="-1">Advertising Technology</a></h3>
+                                                <!-- content -->
+                                                <p>Developer </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 05  single portfolio -->
+                                <div class="item_pos col-lg-12">
+                                    <div class="witr_single_pslide">
+                                        <div class="witr_pslide_image">
+                                            <img src="/static/home/assets/images/port3.jpg" alt="image">
+                                        </div>
+                                        <div class="witr_content_pslide_text">
+                                            <div class="witr_content_pslide">
+                                                <!-- title -->
+                                                <h3><a href="#" tabindex="-1">Business and Expand</a></h3>
+                                                <!-- content -->
+                                                <p>Marketing </p>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 数据展示 -->
+        <div class="counter_up_area">
+            <div class="container">
+                <div class="row">
+                    <!-- single counter -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_counter_single all_counter_color">
+                            <div class="witr_counter_icon">
+                                <!-- icon -->
+                                <img src="/static/home/images/project-2.png" alt="" style="width: 50px;">
+                                <!-- <i class="ti ti-heart"></i> -->
+                            </div>
+                            <div class="witr_counter_number_inn">
+                                <!-- number -->
+                                <h3 class="counter">{{ $t('message.home.text-24') }}</h3>
+                                <!-- symbol -->
+                                <span>+{{ $t('message.home.text-31') }}</span>
+                                <!-- content -->
+                                <h4>{{ $t('message.home.text-23') }}</h4>
+                            </div> <!-- counter part -->
+                        </div>
+                    </div>
+                    <!-- 02 single counter -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_counter_single all_counter_color">
+                            <div class="witr_counter_icon">
+                                <!-- icon -->
+                                <img src="/static/home/images/project-3.png" alt="" style="width: 50px;">
+                                <!-- <i class="ti ti-user"></i> -->
+                            </div>
+                            <div class="witr_counter_number_inn">
+                                <!-- number -->
+                                <h3 class="counter">{{ $t('message.home.text-26') }}</h3>
+                                <!-- symbol -->
+                                <span>+{{ $t('message.home.text-31') }}</span>
+                                <!-- content -->
+                                <h4>{{ $t('message.home.text-25') }}</h4>
+                            </div> <!-- counter part -->
+                        </div>
+                    </div>
+                    <!-- 03 single counter -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_counter_single all_counter_color">
+                            <div class="witr_counter_icon">
+                                <!-- icon -->
+                                <img src="/static/home/images/project-4.png" alt="" style="width: 50px;">
+                                <!-- <i class="aprova aprova-startup1"></i> -->
+                            </div>
+                            <div class="witr_counter_number_inn">
+                                <!-- number -->
+                                <h3 class="counter">{{ $t('message.home.text-28') }}</h3>
+                                <!-- symbol -->
+                                <span>+{{ $t('message.home.text-31') }}</span>
+                                <!-- content -->
+                                <h4>{{ $t('message.home.text-27') }}</h4>
+                            </div> <!-- counter part -->
+                        </div>
+                    </div>
+                    <!-- 04 single counter -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_counter_single all_counter_color">
+                            <div class="witr_counter_icon">
+                                <!-- icon -->
+                                <img src="/static/home/images/project-1.png" alt="" style="width: 50px;">
+                                <!-- <i class="ti ti-check-box"></i> -->
+                            </div>
+                            <div class="witr_counter_number_inn">
+                                <!-- number -->
+                                <h3 class="counter">{{ $t('message.home.text-30') }}</h3>
+                                <!-- symbol -->
+                                <span>+</span>
+                                <!-- content -->
+                                <h4>{{ $t('message.home.text-29') }}</h4>
+                            </div> <!-- counter part -->
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <!-- 我们的合作伙伴-->
+        <div class="itpart_team_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">
+                                <h2>{{ $t('message.home.text-32') }}</h2>
+                                <!-- title middle -->
+                                <h3>{{ $t('message.home.text-33') }}</h3>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-12">
+                        <div class="witr_team_area_c post_team10_area post_team11_area">
+                            <div class="row team_active">
+                                <!-- single team -->
+                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12 col-lg-12">
+                                    <div class="em_team type-em_team">
+                                        <div class="team-part all_color_team ">
+                                            <div class="witr_team_section">
+                                                <!-- image -->
+                                                <img src="/static/home/images/collaborators-2.png" alt="image" />
+                                                <!-- <div class="team_o_icons all_team_icon_o_color">
+                                                    <ul class="witr_pots_team_s">
+                                                        <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-tumblr"></i></a></li>
+                                                    </ul>
+                                                </div> -->
+                                                <div class="witr_team_content post_team_p11 all_content_bg_color text-center">
+                                                    <!-- title -->
+                                                    <h5><a href="#">{{ $t('message.home.text-34') }}</a></h5>
+                                                    <!-- sub title -->
+                                                    <!-- <span></span> -->
+                                                </div>
+                                            </div> <!-- team sec -->
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 02 single team -->
+                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12 col-lg-12">
+                                    <div class="em_team type-em_team">
+                                        <div class="team-part all_color_team ">
+                                            <div class="witr_team_section">
+                                                <!-- image -->
+                                                <img src="/static/home/images/collaborators-1.png" alt="image" />
+                                                <!-- <div class="team_o_icons all_team_icon_o_color">
+                                                    <ul class="witr_pots_team_s">
+                                                        <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-tumblr"></i></a></li>
+                                                    </ul>
+                                                </div> -->
+                                                <div class="witr_team_content post_team_p11 all_content_bg_color text-center">
+                                                    <!-- title -->
+                                                    <h5><a href="#">{{ $t('message.home.text-35') }}</a></h5>
+                                                    <!-- sub title -->
+                                                    <!-- <span>Founder </span> -->
+                                                </div>
+                                            </div> <!-- team sec -->
+
+                                        </div>
+                                    </div>
+                                </div>
+                                <!-- 03 single team -->
+                                <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12 col-lg-12">
+                                    <div class="em_team type-em_team">
+                                        <div class="team-part all_color_team ">
+                                            <div class="witr_team_section">
+                                                <!-- image -->
+                                                <img src="/static/home/images/collaborators-3.png" alt="image" />
+                                                <!-- <div class="team_o_icons all_team_icon_o_color">
+                                                    <ul class="witr_pots_team_s">
+                                                        <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-tumblr"></i></a></li>
+                                                    </ul>
+                                                </div> -->
+                                                <div class="witr_team_content post_team_p11 all_content_bg_color text-center">
+                                                    <!-- title -->
+                                                    <h5><a href="#">{{ $t('message.home.text-36') }}</a></h5>
+                                                    <!-- sub title -->
+                                                    <!-- <span>Team Leder </span> -->
+                                                </div>
+                                            </div> <!-- team sec -->
+
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 为什么选择我们 -->
+        <div class="why_choose_area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12"></div>
+                    <!-- why choose left image -->
+                    <div class="col-lg-6 col-md-6">
+                        <div class="single_image_area">
+                            <div class="single_image single_line_option  ">
+                                <!-- image -->
+                                <img src="/static/home/images/img-3.png" alt="image" />
+                            </div>
+                        </div>
+                    </div>
+                    <!-- why choose right content -->
+                    <div class="col-lg-6 col-md-6">
+                        <div class="why_choose_right_content_inner">
+                            <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.home.text-42')}}</h1>
+                            <!-- title left -->
+                            <div class="witr_section_title">
+                                <div class="witr_section_title_inner text-left">
+                                    <!-- title middle -->
+                                    <h3>{{ $t('message.home.text-37') }}</h3>
+                                    <!-- content -->
+                                    <!-- <p>I'm a Freelancer Front-end Developer with 3 years of perience. I'm from I code and create web elements for amazing. </p> -->
+                                </div>
+                            </div>
+                            <div class="em-service2 sleft all_color_service">
+                                <div class="em_service_content ">
+                                    <div class="em_single_service_text  ">
+                                        <div class="service_top_image">
+                                            <!-- image -->
+                                        </div>
+                                        <div class="text_box witr_s_flex">
+                                            <div class="service_top_text all_icon_color">
+                                                <div class="em-service-icon">
+                                                    <!-- icon -->
+                                                    <i class="aprova aprova-analysis"></i>
+                                                </div>
+                                            </div>
+                                            <div class="em-service-inner">
+                                                <div class="em-service-title">
+                                                    <!-- title -->
+                                                    <h3><a href="#">{{ $t('message.home.text-38') }}</a></h3>
+                                                </div>
+                                                <div class="em-service-desc">
+                                                    <p>{{ $t('message.home.text-39') }} </p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="em-service2 sleft all_color_service">
+                                <div class="em_service_content ">
+                                    <div class="em_single_service_text  ">
+                                        <div class="service_top_image">
+                                            <!-- image -->
+                                        </div>
+                                        <div class="text_box witr_s_flex">
+                                            <div class="service_top_text all_icon_color">
+                                                <div class="em-service-icon">
+                                                    <!-- icon -->
+                                                    <i class="aprova aprova-investment"></i>
+                                                </div>
+                                            </div>
+                                            <div class="em-service-inner">
+                                                <div class="em-service-title">
+                                                    <!-- title -->
+                                                    <h3><a href="#">{{ $t('message.home.text-40') }}</a></h3>
+                                                </div>
+                                                <div class="em-service-desc">
+                                                    <p>{{ $t('message.home.text-41') }}</p>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <!-- btn area -->
+                            <!-- <div class="witr_button_area">
+                                <div class="witr_btn_style mr">
+                                    <div class="witr_btn_sinner">
+                                        <a href="#" class="witr_btn">More Choose</a>
+                                    </div>
+                                </div>
+                            </div> -->
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 我们的价格 -->
+        <div class="pricing_plane_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.home.text-43') }}</h2>
+                                <h3>{{ $t('message.home.text-44') }}</h3>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- single priceing plane -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="pricing_area all_pricing_color ">
+                            <div class="pricing-part pricing_style_7 ">
+                                <!-- icon -->
+                                <div class="witr_pricing_icon"></div>
+                                <!-- price/currency/month -->
+                                <h5><span>{{ $t('message.home.text-46') }}</span></h5>
+                                <div class="pricing_bar_title">
+                                    <h4>{{ $t('message.home.text-45') }}</h4>
+                                </div>
+                                <!-- list -->
+                                <div class="witri_texti_list">
+                                    <ul>
+                                        <li class=" themex-item-b10c86d">{{ $t('message.home.text-47') }}+{{ $t('message.home.text-48') }}</li>
+                                        <li class=" themex-item-2a29fe4">{{ $t('message.home.text-49') }}</li>
+                                        <li class=" themex-item-4d82a40">{{ $t('message.home.text-50') }}</li>
+                                    </ul>
+                                </div>
+                                <!-- button -->
+                                <div class="witr_btnp_color">
+                                    <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 02 single priceing plane -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="pricing_area all_pricing_color pricing_area2">
+                            <div class="pricing-part pricing_style_7 ">
+                                <!-- icon -->
+                                <div class="witr_pricing_icon"></div>
+                                <!-- price/currency/month -->
+                                <h5><span>{{ $t('message.home.text-52') }}</span></h5>
+                                <div class="pricing_bar_title">
+                                    <h4>{{ $t('message.home.text-51') }}</h4>
+                                </div>
+                                <!-- list -->
+                                <div class="witri_texti_list">
+                                    <ul>
+                                        <li class=" themex-item-b10c86d">{{ $t('message.home.text-53') }}</li>
+                                        <li class=" themex-item-63d9a15">{{ $t('message.home.text-54') }}</li>
+                                        <li class=" themex-item-2a29fe4">{{ $t('message.home.text-55') }}</li>
+                                    </ul>
+                                </div>
+                                <!-- button -->
+                                <div class="witr_btnp_color">
+                                    <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 03 single priceing plane -->
+                    <div class="col-lg-4 col-md-6">
+                        <div class="pricing_area all_pricing_color ">
+                            <div class="pricing-part pricing_style_7 ">
+                                <!-- icon -->
+                                <div class="witr_pricing_icon"></div>
+                                <!-- price/currency/month -->
+                                <h5><span>{{ $t('message.home.text-57') }}</span></h5>
+                                <div class="pricing_bar_title">
+                                    <h4>{{ $t('message.home.text-56') }}</h4>
+                                </div>
+                                <!-- list -->
+                                <div class="witri_texti_list">
+                                    <ul>
+                                        <li class=" themex-item-b10c86d">{{ $t('message.home.text-58') }}</li>
+                                        <li class=" themex-item-63d9a15">{{ $t('message.home.text-59') }}</li>
+                                        <li class=" themex-item-2a29fe4">{{ $t('message.home.text-60') }}</li>
+                                    </ul>
+                                </div>
+                                <!-- button -->
+                                <div class="witr_btnp_color">
+                                    <a class="btn" href="#">{{ $t('message.home.text-61') }}</a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <!-- 合作对象 -->
+        <div class="testimonial_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">
+                                <h2>{{ $t('message.home.text-62')}}</h2>
+                                <h3>{{ $t('message.home.text-63')}}</h3>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-12">
+                        <div class="testimonial_active">
+                            <!-- single testimonial -->
+                            <div class="witr_testi_itemt testi-width all_color_testimonial">
+                                <div class="">
+                                    <img src="/static/home/images/parent-1.png" alt="image" />
+                                </div>
+                            </div>
+                            <div class="witr_testi_itemt testi-width all_color_testimonial">
+                                <div class="">
+                                    <img src="/static/home/images/parent-2.png" alt="image" />
+                                </div>
+                            </div>
+                            <div class="witr_testi_itemt testi-width all_color_testimonial">
+                                <div class="">
+                                    <img src="/static/home/images/parent-3.png" alt="image" />
+                                </div>
+                            </div>
+                            <div class="witr_testi_itemt testi-width all_color_testimonial">
+                                <div class="">
+                                    <img src="/static/home/images/parent-4.png" alt="image" />
+                                </div>
+                            </div>
+                            <div class="witr_testi_itemt testi-width all_color_testimonial">
+                                <div class="">
+                                    <img src="/static/home/images/parent-5.png" alt="image" />
+                                </div>
+                            </div>
+                            <!-- <div class="witr_testi_itemt testi-width all_color_testimonial">
+                                <div class="em_single_testimonial">
+                                    <div class="em_test_thumb test-part">
+                                        <img src="/static/home/assets/images/t1.png" alt="image" />
+                                    </div>
+                                    <div class="em_testi_title">
+                                        <h2>David Markers <span>Co- Of Officer</span></h2>
+                                    </div>
+                                    <div class="em_testi_logo">
+                                        <div class="em_testilogo_inner">
+                                        </div>
+                                    </div>
+                                    <div class="em_testi_content">
+                                        <div class="em_testi_text">
+                                            <p>Through gaining experience in various economic periods, our team are able to identify the best opportunities hether we are in good times or bad times.</p>
+                                        </div>
+                                    </div>
+                                    <div class="test-part">
+                                        <ul>
+                                            <li>
+                                                <div class="execllent_toggol">
+                                                    <div class="em_crating">
+                                                        <i class="icofont-star active"></i>
+                                                        <i class="icofont-star active"></i>
+                                                        <i class="icofont-star active"></i>
+                                                        <i class="icofont-star active"></i>
+                                                        <i class="icofont-star active"></i>
+                                                    </div>
+                                                </div>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div> -->
+
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 我们的工作流程 -->
+        <div class="working_proces_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">
+                                <h2>{{ $t('message.home.text-64') }}</h2>
+                                <h3>{{ $t('message.home.text-65') }}</h3>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- single feature -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_feature_13 all_feature_color text-center ">
+                            <div class="sub-item same2">
+                                <!-- icon -->
+                                <i class=" flaticon-settings-1"></i>
+                                <!-- number -->
+                                <span>01</span>
+                                <!-- title -->
+                                <h3><a href="#">{{ $t('message.home.text-66') }}</a></h3>
+                                <!-- content -->
+                                <p>{{ $t('message.home.text-67') }} </p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 02 single feature -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_feature_13 all_feature_color text-center ">
+                            <div class="sub-item same2">
+                                <!-- icon -->
+                                <i class=" flaticon-advertising"></i>
+                                <!-- number -->
+                                <span>02</span>
+                                <!-- title -->
+                                <h3><a href="#">{{ $t('message.home.text-68') }}</a></h3>
+                                <!-- content -->
+                                <p>{{ $t('message.home.text-69') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 03 single feature -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_feature_13 all_feature_color text-center ">
+                            <div class="sub-item same2">
+                                <!-- icon -->
+                                <i class=" flaticon-cogwheels"></i>
+                                <!-- number -->
+                                <span>03</span>
+                                <!-- title -->
+                                <h3><a href="#">{{ $t('message.home.text-70') }}</a></h3>
+                                <!-- content -->
+                                <p>{{ $t('message.home.text-71') }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- 04 single feature -->
+                    <div class="col-lg-3 col-md-6">
+                        <div class="witr_feature_13 all_feature_color text-center ">
+                            <div class="sub-item same2">
+                                <!-- icon -->
+                                <i class=" flaticon-like-1"></i>
+                                <!-- number -->
+                                <span>04</span>
+                                <!-- title -->
+                                <h3><a href="#">{{ $t('message.home.text-72') }}</a></h3>
+                                <!-- content -->
+                                <p>{{ $t('message.home.text-73') }} </p>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+        <!-- 常见问题 -->
+        <div class="itpart_accordion_area">
+            <div class="container">
+                <div class="row">
+                    <!-- accordion left faq -->
+                    <div class="col-lg-6 col-md-6">
+                        <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.home.text-74') }}</h1>
+                        <!-- title left -->
+                        <div class="witr_section_title">
+                            <div class="witr_section_title_inner text-left">
+                                <!-- title middle -->
+                                <h3>{{ $t('message.home.text-75') }}</h3>
+                                <!-- content -->
+                                <!-- <p>I'm a Freelancer Front-end Developer with 3 years of perience. code and create web elements for amazing. </p> -->
+                            </div>
+                        </div>
+                        <div class="accordion_area">
+                            <div class="faq-part">
+                                <div id="accordion">
+                                    <div class="card card-2  ">
+                                        <div class="card-header witr_ac_card">
+                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_0f9c115" aria-expanded="true">
+                                                <!-- icon -->
+                                                <i class=""></i>
+                                                {{ $t('message.home.text-76') }}
+                                            </a>
+                                        </div>
+                                        <div id="collapse_0f9c115" class="collapse ac_s_padding  " data-parent="#accordion">
+                                            <p>{{ $t('message.home.text-77') }}</p>
+                                        </div>
+                                    </div>
+                                    <div class="card card-2  ">
+                                        <div class="card-header witr_ac_card">
+                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_57cb98a" aria-expanded="true">
+                                                <!-- icon -->
+                                                <i class=""></i>
+                                                {{ $t('message.home.text-78') }}
+                                            </a>
+                                        </div>
+                                        <div id="collapse_57cb98a" class="collapse ac_s_padding  " data-parent="#accordion">
+                                            <p>{{ $t('message.home.text-79') }}</p>
+                                        </div>
+                                    </div>
+                                    <div class="card card-2  ">
+                                        <div class="card-header witr_ac_card">
+                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_a90f311" aria-expanded="true">
+                                                <!-- icon -->
+                                                <i class=""></i>
+                                                {{ $t('message.home.text-80') }}
+                                            </a>
+                                        </div>
+                                        <div id="collapse_a90f311" class="collapse ac_s_padding  " data-parent="#accordion">
+                                            <p>{{ $t('message.home.text-81') }}</p>
+                                        </div>
+                                    </div> <!-- card -->
+                                    <div class="card card-2  ">
+                                        <div class="card-header witr_ac_card">
+                                            <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_f98c440" aria-expanded="true">
+                                                <!-- icon -->
+                                                <i class=""></i>
+                                                {{ $t('message.home.text-82') }}
+                                            </a>
+                                        </div>
+                                        <div id="collapse_f98c440" class="collapse ac_s_padding  " data-parent="#accordion">
+                                            <p>{{ $t('message.home.text-83') }}</p>
+                                        </div>
+                                    </div> <!-- card -->
+                                </div>
+                            </div> <!-- faq part -->
+                        </div>
+                    </div>
+                    <!-- accordion right image -->
+                    <div class="col-lg-6 col-md-6">
+                        <div class="single_image_area">
+                            <div class="single_image single_line_option  ">
+                                <!-- image -->
+                                <img src="/static/home/assets/images/faq-img.jpg" alt="image" />
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 动态-->
+        <div class="itpart_blog_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.home.text-84') }}</h2>
+                                <!-- title middle -->
+                                <h3>{{ $t('message.home.text-85') }}</h3>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-lg-12">
+                        <!-- Blog Section -->
+                        <div class="witr_blog_area12">
+                            <div class="blog_active ">
+                                <!-- single blog -->
+                                <volist name="list" id="item">
+                                    <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="{$item.cover_img}" alt="image" class="cover_img" /> </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="javascript:void(0)" @click="gotoBlogDetail(item.id)" class="blog-title">
+                                                            <template v-if="language=='zh-cn'">{$item.title}</template>
+                                                            <template v-else>{$item.en_title}</template>
+                                                        </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>{{formatDate({$item.create_time})}}</span>
+                                                    <!-- content -->
+                                                    <p class="blog-desc">
+                                                        <template v-if="language=='zh-cn'">{$item.desc}</template>
+                                                        <template v-else>{$item.en_desc}</template>
+                                                    </p>
+                                                    <!-- <div class="learn_more_adn">
+                                                        <a class="learn_btn adnbtn2" href="javascript:void(0)" @click="gotoBlogDetail({$item.id})">Read More</a>
+                                                    </div> -->
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </volist>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 联系我们 -->
+        <div class="itpart_contact_area">
+            <div class="container">
+                <div class="row">
+                    <!-- contact left image -->
+                    <div class="col-lg-6 col-md-6">
+                        <div class="single_image_area">
+                            <div class="single_image single_line_option ">
+                                <!-- image -->
+                                <img src="/static/home/assets/images/call-img.png" alt="image">
+                            </div>
+                        </div>
+                    </div>
+                    <!-- contact right contact form -->
+                    <div class="col-lg-6 col-md-6">
+                        <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.common.contactUs') }}</h1>
+                        <!-- title right -->
+                        <div class="witr_section_title">
+                            <div class="witr_section_title_inner text-left">
+                                <!-- title middle -->
+                                <h3>{{ $t('message.common.submit-contact-information') }}</h3>
+                                <!-- content -->
+                                <!-- <p>I'm a Freelancer Front-end Developer with 3 years of patience. code and create web elements for amazing. </p> -->
+                            </div>
+                        </div>
+                        <div class="apartment_area">
+                            <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" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.name')" v-model="form.name">
+                                            </div>
+                                        </div>
+                                        <div class="col-lg-6 col-md-6">
+                                            <div class="twr_form_box">
+                                                <input type="email" name="email" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" :placeholder="$t('message.common.email')" v-model="form.email">
+                                            </div>
+                                        </div>
+                                        <div class="col-lg-6 col-md-6">
+                                            <div class="twr_form_box">
+                                                <input type="number" name="number" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" :placeholder="$t('message.common.phone')" v-model="form.phone">
+                                            </div>
+                                        </div>
+                                        <div class="col-lg-6 col-md-6">
+                                            <div class="twr_form_box">
+                                                <input type="text" name="subject" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.subject')" v-model="form.subject">
+                                            </div>
+                                        </div>
+                                        <div class="col-lg-12 col-md-12">
+                                            <div class="twr_form_box ">
+                                                <textarea name="textarea" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" :placeholder="$t('message.common.message')" v-model="form.message"></textarea>
+                                            </div>
+                                            <button type="button" name="ok" class="btn" @click="submitForm" :disabled="submitDisabled">{{ $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>
+
+        <!-- itpart brand area -->
+        <div class="itpart_brand_area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12">
+                        <div class="carousel_imagess_area">
+                            <div class="brand_active">
+                                <!-- single brand -->
+                                <div class="col-lg-12">
+                                    <div class="slide_items  ">
+                                        <!-- image -->
+                                        <a href="#"><img src="/static/home/assets/images/br5.png" alt="image"></a>
+                                    </div>
+                                </div>
+                                <!-- 02 single brand -->
+                                <div class="col-lg-12">
+                                    <div class="slide_items  ">
+                                        <!-- image -->
+                                        <a href="#"><img src="/static/home/assets/images/br4.png" alt="image"></a>
+                                    </div>
+                                </div>
+                                <!-- 03 single brand -->
+                                <div class="col-lg-12">
+                                    <div class="slide_items  ">
+                                        <!-- image -->
+                                        <a href="#"><img src="/static/home/assets/images/br3.png" alt="image"></a>
+                                    </div>
+                                </div>
+                                <!-- 04 single brand -->
+                                <div class="col-lg-12">
+                                    <div class="slide_items  ">
+                                        <!-- image -->
+                                        <a href="#"><img src="/static/home/assets/images/br2.png" alt="image"></a>
+                                    </div>
+                                </div>
+                                <!-- 05 single brand -->
+                                <div class="col-lg-12">
+                                    <div class="slide_items  ">
+                                        <!-- image -->
+                                        <a href="#"><img src="/static/home/assets/images/br1.png" alt="image"></a>
+                                    </div>
+                                </div>
+                                <!-- 06 single brand -->
+                                <div class="col-lg-12">
+                                    <div class="slide_items  ">
+                                        <!-- image -->
+                                        <a href="#"><img src="/static/home/assets/images/br5.png" alt="image"></a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- 底部 -->
+        <include file="common:footer" />
     </div>
 
-</body>
+    <!-- Vue App -->
+    <script src="/static/vue/mixin.js"></script>
+    <script>
+        var language = localStorage.getItem('changjiang-park-lang') || 'zh-cn';
+        const App = {
+            mixins: [sharedMixin],
+            data() {
+                return {
+                    language: language,
+                    form: {
+                        name: '',
+                        email: '',
+                        phone: '',
+                        subject: '',
+                        message: '',
+                    }
+                };
+            },
+            computed: {
 
-<script>
-    const App = {
-        ///// 数据 /////
-        data() {
-            return {
-            };
-        },
+            },
+            mounted() {
+            },
+            created() {
+            },
+            methods: {
+                formatDate(time) {
+                    return moment(time * 1000).format("YYYY-MM-DD");
+                },
 
-        ///// 计算属性 /////
-        computed: {
-        },
+                /////进入博客详情/////
+                gotoBlogDetail(id) {
+                    window.location.href = '/home/blog/detail/id/' + id + '.html';
+                },
+                submitForm() {
+                    var that = this;
+                    that.submitDisabled = true;
+                    const loading = this.$loading({
+                        lock: true,
+                        text: '提交中',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.2)'
+                    });
+                    let url = "/home/contact/save_message.html";
+                    postRequest(url, that.form).then(res => {
+                        loading.close();
+                        if (res.data.code == 200) {
+                            that.$message({
+                                message: res.data.message,
+                                type: 'success',
+                                duration: 1000,
+                                center: true,
+                                onClose: function () {
+                                    that.form = {
+                                        name: '',
+                                        email: '',
+                                        phone: '',
+                                        subject: '',
+                                        message: '',
+                                    }
+                                }
+                            });
+                        } else {
+                            that.submitDisabled = false;
+                            that.$message({
+                                message: res.data.message,
+                                type: 'error',
+                                duration: 1500,
+                                center: true
+                            });
+                        }
+                    });
+                }
 
-        ///// App创建完成后执行 //////
-        mounted() {
-
-        },
-
-        ///// App创建时候执行 /////
-        created() {
-
-        },
-
-        ///// 方法 /////
-        methods: {
-        },
-
-        /////  销毁前 /////
-        beforeDestroy() {
-            if (this.interval) {
-                clearInterval(this.interval);
-            }
+            },
+        };
+        const app = Vue.createApp(App);
+        for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+            app.component(key, component)
         }
-    };
-    const app = Vue.createApp(App);
-    for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
-        app.component(key, component)
-    }
-    app.use(ElementPlus, {
-        locale: ElementPlusLocaleZhCn,
-    });
-    app.mount("#vue_item");
-</script>
+        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

--
Gitblit v1.9.0