chengkun
2025-09-04 2e12809f4d16aa00239b5e2c6a13a9a51842d134
app/home/view/index/index.html
@@ -8,13 +8,7 @@
    <include file="common:title" />
    <include file="common:element-plus" />
    <link rel="stylesheet" href="/static/home/css/index/index.css?x=3">
    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/home/venobox/venobox.css" />
    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/plugin_theme_css.css" />
    <link rel="stylesheet" type="text/css" href="/static/home/style.css" />
    <link rel="stylesheet" type="text/css" href="/static/home/assets/css/responsive.css" />
    <!-- modernizr js -->
    <script src="/static/home/assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <include file="common:html-header" />
</head>
<body>
@@ -81,6 +75,7 @@
            </div>
        </div>
        <!-- END MOBILE MENU AREA  -->
        <div class="witr_swiper_area">
            <div class="swiper-container swiper_active">
                <div class="swiper-wrapper">
@@ -125,6 +120,7 @@
            <div class="swiper-button-prev"></div>
        </div>
        <!-- end slider area -->
        <!-- it part service area -->
        <div class="itpart_service_area">
            <div class="container">
@@ -208,6 +204,7 @@
                </div>
            </div>
        </div>
        <!-- about area  -->
        <div class="itpart_about_area">
            <div class="container">
@@ -216,7 +213,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>
@@ -276,7 +273,8 @@
                </div>
            </div>
        </div>
        <!-- service area2 -->
        <!-- 我们的服务 -->
        <div class="itpart_service_area2">
            <div class="container">
                <div class="row">
@@ -285,11 +283,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 +297,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 +309,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 +320,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 +332,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 +343,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 +355,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 +364,8 @@
                </div>
            </div>
        </div>
        <!-- itpart project area -->
        <!-- 我们的项目-->
        <div class="itpart_project_area">
            <div class="container-fluid">
                <div class="row">
@@ -470,7 +469,8 @@
                </div>
            </div>
        </div>
        <!-- counter up area -->
        <!-- 数据展示 -->
        <div class="counter_up_area">
            <div class="container">
                <div class="row">
@@ -479,15 +479,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 +497,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 +515,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 +533,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 +550,8 @@
                </div>
            </div>
        </div>
        <!-- itpart team area -->
        <!-- 我们的合作伙伴-->
        <div class="itpart_team_area">
            <div class="container">
                <div class="row">
@@ -554,11 +559,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 +574,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 +598,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 +623,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 +649,8 @@
                </div>
            </div>
        </div>
        <!-- why choose area -->
        <!-- 为什么选择我们 -->
        <div class="why_choose_area">
            <div class="container">
                <div class="row">
@@ -657,21 +660,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 +693,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 +719,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,21 +730,21 @@
                                </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="container">
                <div class="row">
@@ -750,8 +753,8 @@
                        <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>
@@ -762,23 +765,21 @@
                                <!-- 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="#">{{ $t('message.home.text-61') }}</a>
                                </div>
                            </div>
                        </div>
@@ -790,23 +791,21 @@
                                <!-- 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="#">{{ $t('message.home.text-61') }}</a>
                                </div>
                            </div>
                        </div>
@@ -818,23 +817,21 @@
                                <!-- 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="#">{{ $t('message.home.text-61') }}</a>
                                </div>
                            </div>
                        </div>
@@ -843,7 +840,8 @@
                </div>
            </div>
        </div>
        <!-- testimonial area -->
        <!-- 合作对象 -->
        <div class="testimonial_area">
            <div class="container">
                <div class="row">
@@ -851,8 +849,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>
@@ -972,7 +970,8 @@
                </div>
            </div>
        </div>
        <!-- working proces area -->
        <!-- 我们的工作流程 -->
        <div class="working_proces_area">
            <div class="container">
                <div class="row">
@@ -980,8 +979,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 +993,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 +1008,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 +1023,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 +1038,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 +1048,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 +1073,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 +1085,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 +1097,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 +1109,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 +1132,8 @@
                </div>
            </div>
        </div>
        <!-- itpart blog area -->
        <!-- 动态-->
        <div class="itpart_blog_area">
            <div class="container">
                <div class="row">
@@ -1142,9 +1142,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>
@@ -1275,7 +1275,8 @@
                </div>
            </div>
        </div>
        <!-- itpart contact area -->
        <!-- 联系我们 -->
        <div class="itpart_contact_area">
            <div class="container">
                <div class="row">
@@ -1290,14 +1291,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 +1307,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 +1342,7 @@
                </div>
            </div>
        </div>
        <!-- itpart brand area -->
        <div class="itpart_brand_area">
            <div class="container">
@@ -1408,7 +1410,13 @@
            mixins: [sharedMixin],
            data() {
                return {
                    form: {
                        name: '',
                        email: '',
                        phone: '',
                        subject: '',
                        message: '',
                    }
                };
            },
            computed: {
@@ -1419,6 +1427,46 @@
            created() {
            },
            methods: {
                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 +1481,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>