From c2a5bb61d0dbca252c5111e0ebc8276c7cc68e26 Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Tue, 16 Sep 2025 10:33:00 +0800
Subject: [PATCH] 提交
---
app/home/view/index/index.html | 718 ++++++++++++++++++++++++-----------------------------------
1 files changed, 294 insertions(+), 424 deletions(-)
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 1587c08..6f302db 100644
--- a/app/home/view/index/index.html
+++ b/app/home/view/index/index.html
@@ -8,13 +8,38 @@
<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" />
+ <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>
@@ -22,65 +47,7 @@
<!-- 顶部 导航栏 -->
<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">
@@ -125,6 +92,7 @@
<div class="swiper-button-prev"></div>
</div>
<!-- end slider area -->
+
<!-- it part service area -->
<div class="itpart_service_area">
<div class="container">
@@ -208,7 +176,8 @@
</div>
</div>
</div>
- <!-- about area -->
+
+ <!-- 关于我们 -->
<div class="itpart_about_area">
<div class="container">
<div class="row">
@@ -216,7 +185,7 @@
<div class="single_image_area">
<div class="single_image single_line_option ">
<!-- image -->
- <img src="/static/home/assets/images/about-img.png" alt="image">
+ <img src="/static/home/images/img-1.png" alt="image">
</div>
</div>
</div>
@@ -226,7 +195,7 @@
<!-- 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>
+ <h3>{{ $t('message.home.text-9')}}</h3>
<!-- content -->
<p>{{ $t('message.home.text-11')}}</p>
</div>
@@ -266,7 +235,7 @@
<!-- btn default style -->
<div class="witr_btn_style mr">
<div class="witr_btn_sinner">
- <a href="#" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
+ <a href="/home/about/index.html" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
</div>
</div>
</div>
@@ -276,7 +245,8 @@
</div>
</div>
</div>
- <!-- service area2 -->
+
+ <!-- 我们的服务 -->
<div class="itpart_service_area2">
<div class="container">
<div class="row">
@@ -285,11 +255,11 @@
<div class="witr_section_title">
<div class="witr_section_title_inner text-center">
<!-- title top -->
- <h2>Our Service</h2>
+ <h2>{{ $t('message.home.text-15')}}</h2>
<!-- title middle -->
- <h3>What Services We Provide to Our</h3>
+ <h3>{{ $t('message.home.text-16')}}</h3>
<!-- title bottom -->
- <h1>Customers Business</h1>
+ <!-- <h1>Customers Business</h1> -->
</div>
</div>
</div>
@@ -299,11 +269,11 @@
<!-- image -->
<div class="witr_service2_image">
<img src="/static/home/assets/images/service1.jpg" alt="image">
- <div class="wbutton_top_service_icon">
+ <!-- <div class="wbutton_top_service_icon">
<a href="">
<span class="ti-arrow-right"></span>
</a>
- </div>
+ </div> -->
</div>
<div class="witr_servicetwo_text">
<div class="witr_service2_icon_bottom">
@@ -311,8 +281,8 @@
<i class="aprova aprova-landing"></i>
</div>
<!-- title -->
- <h3>Business Planning </h3>
- <p>Who loves or pursues or desires to tain pain of itself, because it is pain, onally circumstances pain. </p>
+ <h3>{{ $t('message.home.text-17')}}</h3>
+ <p>{{ $t('message.home.text-18')}}</p>
</div>
</div>
</div>
@@ -322,11 +292,11 @@
<!-- image -->
<div class="witr_service2_image">
<img src="/static/home/assets/images/service-2.jpg" alt="image">
- <div class="wbutton_top_service_icon">
+ <!-- <div class="wbutton_top_service_icon">
<a href="">
<span class="ti-arrow-right"></span>
</a>
- </div>
+ </div> -->
</div>
<div class="witr_servicetwo_text">
<div class="witr_service2_icon_bottom">
@@ -334,8 +304,8 @@
<i class="aprova aprova-analysis-1"></i>
</div>
<!-- title -->
- <h3>Corporate Finance </h3>
- <p>Who loves or pursues or desires to tain pain of itself, because it is pain, onally circumstances pain. </p>
+ <h3>{{ $t('message.home.text-19')}}</h3>
+ <p>{{ $t('message.home.text-20')}}</p>
</div>
</div>
</div>
@@ -345,11 +315,11 @@
<!-- image -->
<div class="witr_service2_image">
<img src="/static/home/assets/images/service-3.jpg" alt="image">
- <div class="wbutton_top_service_icon">
+ <!-- <div class="wbutton_top_service_icon">
<a href="">
<span class="ti-arrow-right"></span>
</a>
- </div>
+ </div> -->
</div>
<div class="witr_servicetwo_text">
<div class="witr_service2_icon_bottom">
@@ -357,8 +327,8 @@
<i class="aprova aprova-password"></i>
</div>
<!-- title -->
- <h3>Manage Investment </h3>
- <p>Who loves or pursues or desires to tain pain of itself, because it is pain, onally circumstances pain. </p>
+ <h3>{{ $t('message.home.text-21')}}</h3>
+ <p>{{ $t('message.home.text-22')}}</p>
</div>
</div>
</div>
@@ -366,7 +336,8 @@
</div>
</div>
</div>
- <!-- itpart project area -->
+
+ <!-- 我们的项目-->
<div class="itpart_project_area">
<div class="container-fluid">
<div class="row">
@@ -470,7 +441,8 @@
</div>
</div>
</div>
- <!-- counter up area -->
+
+ <!-- 数据展示 -->
<div class="counter_up_area">
<div class="container">
<div class="row">
@@ -479,15 +451,16 @@
<div class="witr_counter_single all_counter_color">
<div class="witr_counter_icon">
<!-- icon -->
- <i class="ti ti-heart"></i>
+ <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">25</h3>
+ <h3 class="counter">{{ $t('message.home.text-24') }}</h3>
<!-- symbol -->
- <span>K</span>
+ <span>+{{ $t('message.home.text-31') }}</span>
<!-- content -->
- <h4>Happy Customer </h4>
+ <h4>{{ $t('message.home.text-23') }}</h4>
</div> <!-- counter part -->
</div>
</div>
@@ -496,15 +469,16 @@
<div class="witr_counter_single all_counter_color">
<div class="witr_counter_icon">
<!-- icon -->
- <i class="ti ti-user"></i>
+ <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">659</h3>
+ <h3 class="counter">{{ $t('message.home.text-26') }}</h3>
<!-- symbol -->
- <span>+</span>
+ <span>+{{ $t('message.home.text-31') }}</span>
<!-- content -->
- <h4>Employer Solutions </h4>
+ <h4>{{ $t('message.home.text-25') }}</h4>
</div> <!-- counter part -->
</div>
</div>
@@ -513,15 +487,16 @@
<div class="witr_counter_single all_counter_color">
<div class="witr_counter_icon">
<!-- icon -->
- <i class="aprova aprova-startup1"></i>
+ <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">487</h3>
+ <h3 class="counter">{{ $t('message.home.text-28') }}</h3>
<!-- symbol -->
- <span>+</span>
+ <span>+{{ $t('message.home.text-31') }}</span>
<!-- content -->
- <h4>Online Support </h4>
+ <h4>{{ $t('message.home.text-27') }}</h4>
</div> <!-- counter part -->
</div>
</div>
@@ -530,15 +505,16 @@
<div class="witr_counter_single all_counter_color">
<div class="witr_counter_icon">
<!-- icon -->
- <i class="ti ti-check-box"></i>
+ <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">346</h3>
+ <h3 class="counter">{{ $t('message.home.text-30') }}</h3>
<!-- symbol -->
<span>+</span>
<!-- content -->
- <h4>Project Completed </h4>
+ <h4>{{ $t('message.home.text-29') }}</h4>
</div> <!-- counter part -->
</div>
</div>
@@ -546,7 +522,8 @@
</div>
</div>
</div>
- <!-- itpart team area -->
+
+ <!-- 我们的合作伙伴-->
<div class="itpart_team_area">
<div class="container">
<div class="row">
@@ -554,11 +531,9 @@
<!-- title center -->
<div class="witr_section_title">
<div class="witr_section_title_inner text-center">
- <h2>Our Team Member</h2>
+ <h2>{{ $t('message.home.text-32') }}</h2>
<!-- title middle -->
- <h3>We’re Experienced Professionals</h3>
- <!-- title bottom -->
- <h1>Our Employ</h1>
+ <h3>{{ $t('message.home.text-33') }}</h3>
</div>
</div>
</div>
@@ -571,22 +546,21 @@
<div class="team-part all_color_team ">
<div class="witr_team_section">
<!-- image -->
- <img src="/static/home/assets/images/team-3.png" alt="image" />
- <div class="team_o_icons all_team_icon_o_color">
+ <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> -->
<div class="witr_team_content post_team_p11 all_content_bg_color text-center">
<!-- title -->
- <h5><a href="#">Rayhan Khan </a></h5>
+ <h5><a href="#">{{ $t('message.home.text-34') }}</a></h5>
<!-- sub title -->
- <span>Team Leder </span>
+ <!-- <span></span> -->
</div>
</div> <!-- team sec -->
-
</div>
</div>
</div>
@@ -596,19 +570,19 @@
<div class="team-part all_color_team ">
<div class="witr_team_section">
<!-- image -->
- <img src="/static/home/assets/images/team-2.png" alt="image" />
- <div class="team_o_icons all_team_icon_o_color">
+ <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> -->
<div class="witr_team_content post_team_p11 all_content_bg_color text-center">
<!-- title -->
- <h5><a href="#">Metton Alex </a></h5>
+ <h5><a href="#">{{ $t('message.home.text-35') }}</a></h5>
<!-- sub title -->
- <span>Founder </span>
+ <!-- <span>Founder </span> -->
</div>
</div> <!-- team sec -->
@@ -621,19 +595,19 @@
<div class="team-part all_color_team ">
<div class="witr_team_section">
<!-- image -->
- <img src="/static/home/assets/images/team-1.png" alt="image" />
- <div class="team_o_icons all_team_icon_o_color">
+ <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> -->
<div class="witr_team_content post_team_p11 all_content_bg_color text-center">
<!-- title -->
- <h5><a href="#">Rayhan Khan </a></h5>
+ <h5><a href="#">{{ $t('message.home.text-36') }}</a></h5>
<!-- sub title -->
- <span>Team Leder </span>
+ <!-- <span>Team Leder </span> -->
</div>
</div> <!-- team sec -->
@@ -647,7 +621,8 @@
</div>
</div>
</div>
- <!-- why choose area -->
+
+ <!-- 为什么选择我们 -->
<div class="why_choose_area">
<div class="container">
<div class="row">
@@ -657,21 +632,21 @@
<div class="single_image_area">
<div class="single_image single_line_option ">
<!-- image -->
- <img src="/static/home/assets/images/choose-img.jpg" alt="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">Why Choose us</h1>
+ <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>A Right Choice that Makes theDifference to Others</h3>
+ <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>
+ <!-- <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">
@@ -690,10 +665,10 @@
<div class="em-service-inner">
<div class="em-service-title">
<!-- title -->
- <h3><a href="#">Quick Support</a></h3>
+ <h3><a href="#">{{ $t('message.home.text-38') }}</a></h3>
</div>
<div class="em-service-desc">
- <p>Web designing in a powerful way of just not an only in a passion for our Company. </p>
+ <p>{{ $t('message.home.text-39') }} </p>
</div>
</div>
</div>
@@ -716,10 +691,10 @@
<div class="em-service-inner">
<div class="em-service-title">
<!-- title -->
- <h3><a href="#">Financial Advices</a></h3>
+ <h3><a href="#">{{ $t('message.home.text-40') }}</a></h3>
</div>
<div class="em-service-desc">
- <p>Web designing in a powerful way of just not an only in a passion for our Company. </p>
+ <p>{{ $t('message.home.text-41') }}</p>
</div>
</div>
</div>
@@ -727,123 +702,100 @@
</div>
</div>
<!-- btn area -->
- <div class="witr_button_area">
- <!-- btn default style -->
+ <!-- <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>
- <!-- pricing plane area -->
- <div class="pricing_plane_area">
+
+ <!-- 我们的价格 -->
+ <!-- <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>Our Pricing</h2>
- <h3>Customer Plans Anytime</h3>
+ <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>$</span>20/ <span> mo</span></h5>
+ <h5><span>{{ $t('message.home.text-46') }}</span></h5>
<div class="pricing_bar_title">
- <h4>Basic Plan</h4>
+ <h4>{{ $t('message.home.text-45') }}</h4>
</div>
- <!-- list -->
<div class="witri_texti_list">
<ul>
- <li class=" themex-item-b10c86d">40 Space Users</li>
- <li class=" themex-item-63d9a15">Unlimited Service</li>
- <li class=" themex-item-2a29fe4">15 GB Space</li>
- <li class=" themex-item-4d82a40">Unlimtied Bandwith</li>
- <li class=" themex-item-33c008a">Support Reports</li>
+ <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="#">Buy Now</a>
+ <a class="btn" href="/home/contact/index.html">{{ $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>$</span>30/ <span> ye</span></h5>
+ <h5><span>{{ $t('message.home.text-52') }}</span></h5>
<div class="pricing_bar_title">
- <h4>Advance Plan</h4>
+ <h4>{{ $t('message.home.text-51') }}</h4>
</div>
- <!-- list -->
<div class="witri_texti_list">
<ul>
- <li class=" themex-item-b10c86d">40 Space Users</li>
- <li class=" themex-item-63d9a15">Unlimited Service</li>
- <li class=" themex-item-2a29fe4">15 GB Space</li>
- <li class=" themex-item-4d82a40">Unlimtied Bandwith</li>
- <li class=" themex-item-33c008a">Support Reports</li>
+ <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="#">Buy Now</a>
+ <a class="btn" href="/home/contact/index.html">{{ $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>$</span>50/ <span> we</span></h5>
+ <h5><span>{{ $t('message.home.text-57') }}</span></h5>
<div class="pricing_bar_title">
- <h4>Home Plan</h4>
+ <h4>{{ $t('message.home.text-56') }}</h4>
</div>
- <!-- list -->
<div class="witri_texti_list">
<ul>
- <li class=" themex-item-b10c86d">40 Space Users</li>
- <li class=" themex-item-63d9a15">Unlimited Service</li>
- <li class=" themex-item-2a29fe4">15 GB Space</li>
- <li class=" themex-item-4d82a40">Unlimtied Bandwith</li>
- <li class=" themex-item-33c008a">Support Reports</li>
+ <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="#">Buy Now</a>
+ <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a>
</div>
</div>
</div>
</div>
-
</div>
</div>
- </div>
- <!-- testimonial area -->
+ </div> -->
+
+ <!-- 合作对象 -->
<div class="testimonial_area">
<div class="container">
<div class="row">
@@ -851,8 +803,8 @@
<!-- title center -->
<div class="witr_section_title">
<div class="witr_section_title_inner text-center">
- <h2>Testimonial</h2>
- <h3>What a Client Say ?</h3>
+ <h2>{{ $t('message.home.text-62')}}</h2>
+ <h3>{{ $t('message.home.text-63')}}</h3>
</div>
</div>
</div>
@@ -860,6 +812,31 @@
<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" />
@@ -873,7 +850,6 @@
</div>
<div class="em_testi_content">
<div class="em_testi_text">
- <!-- content -->
<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>
@@ -893,86 +869,15 @@
</ul>
</div>
</div>
- </div>
- <!-- 02 single testimonial -->
- <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/t2.png" alt="image" />
- </div>
- <div class="em_testi_title">
- <h2>Chicana males <span>Manager</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">
- <!-- content -->
- <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>
- <!-- 03 single testimonial -->
- <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">
- <!-- content -->
- <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>
- <!-- working proces area -->
+
+ <!-- 我们的工作流程 -->
<div class="working_proces_area">
<div class="container">
<div class="row">
@@ -980,8 +885,8 @@
<!-- title center -->
<div class="witr_section_title">
<div class="witr_section_title_inner text-center">
- <h2>Working Process</h2>
- <h3>Check Out Our Work Process</h3>
+ <h2>{{ $t('message.home.text-64') }}</h2>
+ <h3>{{ $t('message.home.text-65') }}</h3>
</div>
</div>
</div>
@@ -994,9 +899,9 @@
<!-- number -->
<span>01</span>
<!-- title -->
- <h3><a href="#">Freedom</a></h3>
+ <h3><a href="#">{{ $t('message.home.text-66') }}</a></h3>
<!-- content -->
- <p>We are client company and your portfolio. </p>
+ <p>{{ $t('message.home.text-67') }} </p>
</div>
</div>
</div>
@@ -1009,9 +914,9 @@
<!-- number -->
<span>02</span>
<!-- title -->
- <h3><a href="#">Planning</a></h3>
+ <h3><a href="#">{{ $t('message.home.text-68') }}</a></h3>
<!-- content -->
- <p>We are client company and your portfolio. </p>
+ <p>{{ $t('message.home.text-69') }}</p>
</div>
</div>
</div>
@@ -1024,9 +929,9 @@
<!-- number -->
<span>03</span>
<!-- title -->
- <h3><a href="#">Execute</a></h3>
+ <h3><a href="#">{{ $t('message.home.text-70') }}</a></h3>
<!-- content -->
- <p>We are client company and your portfolio. </p>
+ <p>{{ $t('message.home.text-71') }}</p>
</div>
</div>
</div>
@@ -1039,9 +944,9 @@
<!-- number -->
<span>04</span>
<!-- title -->
- <h3><a href="#">Complate</a></h3>
+ <h3><a href="#">{{ $t('message.home.text-72') }}</a></h3>
<!-- content -->
- <p>We are client company and your portfolio. </p>
+ <p>{{ $t('message.home.text-73') }} </p>
</div>
</div>
</div>
@@ -1049,21 +954,21 @@
</div>
</div>
</div>
- <!-- accordion area -->
+
+ <!-- 常见问题 -->
<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">
- Our Faq </h1>
+ <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>Frequently Asked Questions?</h3>
+ <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>
+ <!-- <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">
@@ -1074,11 +979,11 @@
<a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_0f9c115" aria-expanded="true">
<!-- icon -->
<i class=""></i>
- High Quality Data Security
+ {{ $t('message.home.text-76') }}
</a>
</div>
<div id="collapse_0f9c115" class="collapse ac_s_padding " data-parent="#accordion">
- <p>Anyone who loves or pursues or desires to obtain pain of itself, because it is pain timelines for the digital consulting.</p>
+ <p>{{ $t('message.home.text-77') }}</p>
</div>
</div>
<div class="card card-2 ">
@@ -1086,11 +991,11 @@
<a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_57cb98a" aria-expanded="true">
<!-- icon -->
<i class=""></i>
- How investing in dependend incer
+ {{ $t('message.home.text-78') }}
</a>
</div>
<div id="collapse_57cb98a" class="collapse ac_s_padding " data-parent="#accordion">
- <p>Anyone who loves or pursues or desires to obtain pain of itself, because it is pain timelines for the digital consulting.</p>
+ <p>{{ $t('message.home.text-79') }}</p>
</div>
</div>
<div class="card card-2 ">
@@ -1098,11 +1003,11 @@
<a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_a90f311" aria-expanded="true">
<!-- icon -->
<i class=""></i>
- Asing to Business Security
+ {{ $t('message.home.text-80') }}
</a>
</div>
<div id="collapse_a90f311" class="collapse ac_s_padding " data-parent="#accordion">
- <p>Anyone who loves or pursues or desires to obtain pain of itself, because it is pain timelines for the digital consulting.</p>
+ <p>{{ $t('message.home.text-81') }}</p>
</div>
</div> <!-- card -->
<div class="card card-2 ">
@@ -1110,11 +1015,11 @@
<a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_f98c440" aria-expanded="true">
<!-- icon -->
<i class=""></i>
- Element or Page Builder Used
+ {{ $t('message.home.text-82') }}
</a>
</div>
<div id="collapse_f98c440" class="collapse ac_s_padding " data-parent="#accordion">
- <p>Anyone who loves or pursues or desires to obtain pain of itself, because it is pain timelines for the digital consulting.</p>
+ <p>{{ $t('message.home.text-83') }}</p>
</div>
</div> <!-- card -->
</div>
@@ -1133,7 +1038,8 @@
</div>
</div>
</div>
- <!-- itpart blog area -->
+
+ <!-- 动态-->
<div class="itpart_blog_area">
<div class="container">
<div class="row">
@@ -1142,9 +1048,9 @@
<div class="witr_section_title">
<div class="witr_section_title_inner text-center">
<!-- title top -->
- <h2>Blog Post</h2>
+ <h2>{{ $t('message.home.text-84') }}</h2>
<!-- title middle -->
- <h3>Our Recent Update</h3>
+ <h3>{{ $t('message.home.text-85') }}</h3>
</div>
</div>
</div>
@@ -1153,129 +1059,52 @@
<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 -->
- <ul class="post-categories">
+ <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>
+ </ul> -->
+ </div>
</div>
- </div>
- <div class="all_blog_color">
- <div class="witr_blog_con bs5">
- <!-- 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>
- <!-- title -->
- <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></a>
+ <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>
- </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 -->
- <ul class="post-categories">
- <li><a href="#">Support</a></li>
- </ul>
- </div>
- </div>
- <div class="all_blog_color">
- <div class="witr_blog_con bs5">
- <!-- 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>
- <!-- title -->
- <h2><a href="single-blog.html">Email marketing tips that will increase your sales.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></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 -->
- <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">
- <!-- 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>
- <!-- title -->
- <h2><a href="single-blog.html">Productivity tips to avoid burn out when working.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></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 -->
- <ul class="post-categories">
- <li><a href="#">Management</a></li>
- </ul>
- </div>
- </div>
- <div class="all_blog_color">
- <div class="witr_blog_con bs5">
- <!-- 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>
- <!-- title -->
- <h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
- <!-- content -->
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>
- <div class="wbutton_right_icon">
- <a href="#"><i class="ti-arrow-right"></i></a>
- </div>
- </div>
- </div>
- </div>
- </div>
-
+ </volist>
</div>
</div>
</div>
</div>
</div>
</div>
- <!-- itpart contact area -->
+
+ <!-- 联系我们 -->
<div class="itpart_contact_area">
<div class="container">
<div class="row">
@@ -1290,14 +1119,14 @@
</div>
<!-- contact right contact form -->
<div class="col-lg-6 col-md-6">
- <h1 class="border_left_style elementor-divider__text elementor-divider__element">Our Contact</h1>
+ <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>Get In A Touch</h3>
+ <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>
+ <!-- <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">
@@ -1306,29 +1135,29 @@
<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="Name*">
+ <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="Email*">
+ <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="Phone*">
+ <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="Subject*">
+ <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="Text Message*"></textarea>
+ <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="submit" name="ok" class="btn">Send Message</button>
+ <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>
@@ -1341,6 +1170,7 @@
</div>
</div>
</div>
+
<!-- itpart brand area -->
<div class="itpart_brand_area">
<div class="container">
@@ -1404,11 +1234,19 @@
<!-- 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: {
@@ -1419,6 +1257,53 @@
created() {
},
methods: {
+ formatDate(time) {
+ return moment(time * 1000).format("YYYY-MM-DD");
+ },
+
+ /////进入博客详情/////
+ 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
+ });
+ }
+ });
+ }
},
};
@@ -1433,21 +1318,6 @@
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
--
Gitblit v1.9.0