| | |
| | | <include file="common:element-plus" /> |
| | | <link rel="stylesheet" href="/static/home/css/index/index.css?x=3"> |
| | | <include file="common:html-header" /> |
| | | <style> |
| | | .cover_img { |
| | | width: 360px; |
| | | height: 240px; |
| | | vertical-align: middle; |
| | | object-fit: cover; |
| | | } |
| | | |
| | | .blog-title { |
| | | height: 53px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 2; |
| | | -webkit-box-orient: vertical; |
| | | } |
| | | |
| | | .blog-desc { |
| | | height: 77px; |
| | | margin: 15px 0; |
| | | padding: 0 0 0 0 !important; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 3; |
| | | -webkit-box-orient: vertical; |
| | | } |
| | | </style> |
| | | </head> |
| | | |
| | | <body> |
| | |
| | | <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 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> |
| | |
| | | <!-- 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: '', |
| | |
| | | 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; |