| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- service area2 --> |
| | | <!-- 我们的服务 --> |
| | | <div class="itpart_service_area2"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <!-- 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"> |
| | |
| | | <!-- 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"> |
| | |
| | | <!-- 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"> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- counter up area --> |
| | | <!-- 数据展示 --> |
| | | <div class="counter_up_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <h2>{{ $t('message.home.text-32') }}</h2> |
| | | <!-- title middle --> |
| | | <h3>{{ $t('message.home.text-33') }}</h3> |
| | | <!-- title bottom --> |
| | | <h1>{{ $t('message.home.text-32') }}</h1> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- <span></span> --> |
| | | </div> |
| | | </div> <!-- team sec --> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="testimonial_active"> |
| | | <!-- single testimonial --> |
| | | <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class=""> |
| | | <img src="/static/home/images/parent-1.png" alt="image" /> |
| | | </div> |
| | | </div> |
| | | <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class=""> |
| | | <img src="/static/home/images/parent-2.png" alt="image" /> |
| | | </div> |
| | | </div> |
| | | <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class=""> |
| | | <img src="/static/home/images/parent-3.png" alt="image" /> |
| | | </div> |
| | | </div> |
| | | <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class=""> |
| | | <img src="/static/home/images/parent-4.png" alt="image" /> |
| | | </div> |
| | | </div> |
| | | <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class=""> |
| | | <img src="/static/home/images/parent-5.png" alt="image" /> |
| | | </div> |
| | | </div> |
| | | <!-- <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class="em_single_testimonial"> |
| | | <div class="em_test_thumb test-part"> |
| | | <img src="/static/home/assets/images/t1.png" alt="image" /> |
| | |
| | | </div> |
| | | <div class="em_testi_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> |
| | |
| | | </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"> |
| | |
| | | <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 class="row"> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.name')"> |
| | | <input type="text" name="name" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.name')" v-model="form.name"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="email" name="email" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" :placeholder="$t('message.common.email')"> |
| | | <input type="email" name="email" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email form-control" :placeholder="$t('message.common.email')" v-model="form.email"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="number" name="number" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" :placeholder="$t('message.common.phone')"> |
| | | <input type="number" name="number" class="wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-control" :placeholder="$t('message.common.phone')" v-model="form.phone"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="twr_form_box"> |
| | | <input type="text" name="subject" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.subject')"> |
| | | <input type="text" name="subject" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-control" :placeholder="$t('message.common.subject')" v-model="form.subject"> |
| | | </div> |
| | | </div> |
| | | <div class="col-lg-12 col-md-12"> |
| | | <div class="twr_form_box "> |
| | | <textarea name="textarea" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-control" :placeholder="$t('message.common.message')"></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">{{ $t('message.common.submit') }}</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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- itpart brand area --> |
| | | <div class="itpart_brand_area"> |
| | | <div class="container"> |
| | |
| | | <!-- 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: { |
| | |
| | | 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 |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | }; |
| | |
| | | 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> |