| | |
| | | </div> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="about_right_inner"> |
| | | <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.common.aboutUs')}}</h1> |
| | | <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.home.text-10')}}</h1> |
| | | <!-- title left --> |
| | | <div class="witr_section_title"> |
| | | <div class="witr_section_title_inner text-left"> |
| | | <h3>{{ $t('message.home.text-9')}}<span> {{ $t('message.home.text-10')}}<span></span></span></h3> |
| | | <h3>{{ $t('message.home.text-9')}}</h3> |
| | | <!-- content --> |
| | | <p>{{ $t('message.home.text-11')}}</p> |
| | | </div> |
| | |
| | | <span class="witr_label">{{ $t('message.home.text-12')}}</span> |
| | | </div> |
| | | <div class="progress witr_progress-style2"> |
| | | <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 80%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;"> |
| | | <span class="witr_percent">80%</span> |
| | | <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 100%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;"> |
| | | <!-- <span class="witr_percent">100%</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <span class="witr_label">{{ $t('message.home.text-13')}}</span> |
| | | </div> |
| | | <div class="progress witr_progress-style2"> |
| | | <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 70%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;"> |
| | | <span class="witr_percent">70%</span> |
| | | <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 100%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;"> |
| | | <!-- <span class="witr_percent">100%</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <span class="witr_label">{{ $t('message.home.text-14')}} </span> |
| | | </div> |
| | | <div class="progress witr_progress-style2"> |
| | | <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 90%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;"> |
| | | <span class="witr_percent">90%</span> |
| | | <div class="progress-bar wow fadeInLeft animated animated" data-wow-duration="1.5s" data-wow-delay="0.2s" style="width: 100%; visibility: visible; animation-duration: 1.5s; animation-delay: 0.2s; animation-name: fadeInLeft;"> |
| | | <!-- <span class="witr_percent">100%</span> --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <!-- title center --> |
| | | <div class="witr_section_title"> |
| | | <div class="witr_section_title_inner text-center"> |
| | | <h2>Our Project </h2> |
| | | <h2>{{ $t('message.home.text-86')}}</h2> |
| | | <!-- title middle --> |
| | | <h3>Recent Our Portfolios </h3> |
| | | <h3>{{ $t('message.home.text-87')}}</h3> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="witr_content_pslide_text"> |
| | | <div class="witr_content_pslide"> |
| | | <!-- title --> |
| | | <h3><a href="#" tabindex="-1">Business and Marketing </a></h3> |
| | | <h3><a href="#" tabindex="-1">{{ $t('message.home.text-88')}}</a></h3> |
| | | <!-- content --> |
| | | <p>Business </p> |
| | | <p>{{ $t('message.home.text-89')}}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="witr_content_pslide_text"> |
| | | <div class="witr_content_pslide"> |
| | | <!-- title --> |
| | | <h3><a href="#" tabindex="-1">Improve for Business </a></h3> |
| | | <h3><a href="#" tabindex="-1">{{ $t('message.home.text-90')}}</a></h3> |
| | | <!-- content --> |
| | | <p>Marketing </p> |
| | | <p>{{ $t('message.home.text-91')}}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="witr_content_pslide_text"> |
| | | <div class="witr_content_pslide"> |
| | | <!-- title --> |
| | | <h3><a href="#" tabindex="-1">Product of Design </a></h3> |
| | | <h3><a href="#" tabindex="-1">{{ $t('message.home.text-92')}}</a></h3> |
| | | <!-- content --> |
| | | <p>Photography </p> |
| | | <p>{{ $t('message.home.text-93')}}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="witr_content_pslide_text"> |
| | | <div class="witr_content_pslide"> |
| | | <!-- title --> |
| | | <h3><a href="#" tabindex="-1">Advertising Technology</a></h3> |
| | | <h3><a href="#" tabindex="-1">{{ $t('message.home.text-94')}}</a></h3> |
| | | <!-- content --> |
| | | <p>Developer </p> |
| | | <p>{{ $t('message.home.text-95')}}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 05 single portfolio --> |
| | | <div class="item_pos col-lg-12"> |
| | | <!-- <div class="item_pos col-lg-12"> |
| | | <div class="witr_single_pslide"> |
| | | <div class="witr_pslide_image"> |
| | | <img src="/static/home/assets/images/port3.jpg" alt="image"> |
| | | </div> |
| | | <div class="witr_content_pslide_text"> |
| | | <div class="witr_content_pslide"> |
| | | <!-- title --> |
| | | <h3><a href="#" tabindex="-1">Business and Expand</a></h3> |
| | | <!-- content --> |
| | | <p>Marketing </p> |
| | | <h3><a href="#" tabindex="-1">{{ $t('message.home.text-96')}}</a></h3> |
| | | <p>{{ $t('message.home.text-97')}}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="em-service2 sleft all_color_service"> |
| | | <div class="em_service_content "> |
| | | <div class="em_single_service_text "> |
| | | <div class="service_top_image"> |
| | | <!-- image --> |
| | | </div> |
| | | <div class="text_box witr_s_flex"> |
| | | <div class="service_top_text all_icon_color"> |
| | | <div class="em-service-icon"> |
| | | <!-- icon --> |
| | | <i class="aprova aprova-analysis"></i> |
| | | </div> |
| | | </div> |
| | | <div class="em-service-inner"> |
| | | <div class="em-service-title"> |
| | | <!-- title --> |
| | | <h3><a href="#">{{ $t('message.home.text-96') }}</a></h3> |
| | | </div> |
| | | <div class="em-service-desc"> |
| | | <p>{{ $t('message.home.text-97') }}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- btn area --> |
| | | <!-- <div class="witr_button_area"> |
| | | <div class="witr_btn_style mr"> |
| | |
| | | </div> |
| | | |
| | | <!-- 我们的价格 --> |
| | | <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>{{ $t('message.home.text-43') }}</h2> |
| | | <h3>{{ $t('message.home.text-44') }}</h3> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- single priceing plane --> |
| | | <div class="col-lg-4 col-md-6"> |
| | | <div class="pricing_area all_pricing_color "> |
| | | <div class="pricing-part pricing_style_7 "> |
| | | <!-- icon --> |
| | | <div class="witr_pricing_icon"></div> |
| | | <!-- price/currency/month --> |
| | | <h5><span>{{ $t('message.home.text-46') }}</span></h5> |
| | | <div class="pricing_bar_title"> |
| | | <h4>{{ $t('message.home.text-45') }}</h4> |
| | | </div> |
| | | <!-- list --> |
| | | <div class="witri_texti_list"> |
| | | <ul> |
| | | <li class=" themex-item-b10c86d">{{ $t('message.home.text-47') }}+{{ $t('message.home.text-48') }}</li> |
| | |
| | | <li class=" themex-item-4d82a40">{{ $t('message.home.text-50') }}</li> |
| | | </ul> |
| | | </div> |
| | | <!-- button --> |
| | | <div class="witr_btnp_color"> |
| | | <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>{{ $t('message.home.text-52') }}</span></h5> |
| | | <div class="pricing_bar_title"> |
| | | <h4>{{ $t('message.home.text-51') }}</h4> |
| | | </div> |
| | | <!-- list --> |
| | | <div class="witri_texti_list"> |
| | | <ul> |
| | | <li class=" themex-item-b10c86d">{{ $t('message.home.text-53') }}</li> |
| | |
| | | <li class=" themex-item-2a29fe4">{{ $t('message.home.text-55') }}</li> |
| | | </ul> |
| | | </div> |
| | | <!-- button --> |
| | | <div class="witr_btnp_color"> |
| | | <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>{{ $t('message.home.text-57') }}</span></h5> |
| | | <div class="pricing_bar_title"> |
| | | <h4>{{ $t('message.home.text-56') }}</h4> |
| | | </div> |
| | | <!-- list --> |
| | | <div class="witri_texti_list"> |
| | | <ul> |
| | | <li class=" themex-item-b10c86d">{{ $t('message.home.text-58') }}</li> |
| | |
| | | <li class=" themex-item-2a29fe4">{{ $t('message.home.text-60') }}</li> |
| | | </ul> |
| | | </div> |
| | | <!-- button --> |
| | | <div class="witr_btnp_color"> |
| | | <a class="btn" href="/home/contact/index.html">{{ $t('message.home.text-61') }}</a> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- 合作对象 --> |
| | | <div class="testimonial_area"> |
| | | <!-- <div class="testimonial_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | | <div class="col-lg-12"> |
| | | <!-- title center --> |
| | | <div class="witr_section_title"> |
| | | <div class="witr_section_title_inner text-center"> |
| | | <h2>{{ $t('message.home.text-62')}}</h2> |
| | |
| | | </div> |
| | | <div class="col-lg-12"> |
| | | <div class="testimonial_active"> |
| | | <!-- single testimonial --> |
| | | <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class=""> |
| | | <img src="/static/home/images/parent-1.png" alt="image" /> |
| | |
| | | <div class=""> |
| | | <img src="/static/home/images/parent-5.png" alt="image" /> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | <!-- <div class="witr_testi_itemt testi-width all_color_testimonial"> |
| | | <div class="em_single_testimonial"> |
| | | <div class="em_test_thumb test-part"> |
| | |
| | | </div> |
| | | </div> --> |
| | | |
| | | </div> |
| | | <!-- </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- 我们的工作流程 --> |
| | | <div class="working_proces_area"> |
| | | <!-- <div class="working_proces_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | | <div class="col-lg-12"> |
| | | <!-- title center --> |
| | | <div class="witr_section_title"> |
| | | <div class="witr_section_title_inner text-center"> |
| | | <h2>{{ $t('message.home.text-64') }}</h2> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- single feature --> |
| | | <div class="col-lg-3 col-md-6"> |
| | | <div class="witr_feature_13 all_feature_color text-center "> |
| | | <div class="sub-item same2"> |
| | | <!-- icon --> |
| | | <i class=" flaticon-settings-1"></i> |
| | | <!-- number --> |
| | | <span>01</span> |
| | | <!-- title --> |
| | | <h3><a href="#">{{ $t('message.home.text-66') }}</a></h3> |
| | | <!-- content --> |
| | | <p>{{ $t('message.home.text-67') }} </p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 02 single feature --> |
| | | <div class="col-lg-3 col-md-6"> |
| | | <div class="witr_feature_13 all_feature_color text-center "> |
| | | <div class="sub-item same2"> |
| | | <!-- icon --> |
| | | <i class=" flaticon-advertising"></i> |
| | | <!-- number --> |
| | | <span>02</span> |
| | | <!-- title --> |
| | | <h3><a href="#">{{ $t('message.home.text-68') }}</a></h3> |
| | | <!-- content --> |
| | | <p>{{ $t('message.home.text-69') }}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 03 single feature --> |
| | | <div class="col-lg-3 col-md-6"> |
| | | <div class="witr_feature_13 all_feature_color text-center "> |
| | | <div class="sub-item same2"> |
| | | <!-- icon --> |
| | | <i class=" flaticon-cogwheels"></i> |
| | | <!-- number --> |
| | | <span>03</span> |
| | | <!-- title --> |
| | | <h3><a href="#">{{ $t('message.home.text-70') }}</a></h3> |
| | | <!-- content --> |
| | | <p>{{ $t('message.home.text-71') }}</p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- 04 single feature --> |
| | | <div class="col-lg-3 col-md-6"> |
| | | <div class="witr_feature_13 all_feature_color text-center "> |
| | | <div class="sub-item same2"> |
| | | <!-- icon --> |
| | | <i class=" flaticon-like-1"></i> |
| | | <!-- number --> |
| | | <span>04</span> |
| | | <!-- title --> |
| | | <h3><a href="#">{{ $t('message.home.text-72') }}</a></h3> |
| | | <!-- content --> |
| | | <p>{{ $t('message.home.text-73') }} </p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- 常见问题 --> |
| | | <div class="itpart_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">{{ $t('message.home.text-74') }}</h1> |
| | | <!-- title left --> |
| | | <div class="witr_section_title"> |
| | | <div class="witr_section_title_inner text-left"> |
| | | <!-- title middle --> |
| | | <h3>{{ $t('message.home.text-75') }}</h3> |
| | | <!-- content --> |
| | | <!-- <p>I'm a Freelancer Front-end Developer with 3 years of perience. code and create web elements for amazing. </p> --> |
| | | </div> |
| | | </div> |
| | | <div class="accordion_area"> |
| | |
| | | <div class="card card-2 "> |
| | | <div class="card-header witr_ac_card"> |
| | | <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_0f9c115" aria-expanded="true"> |
| | | <!-- icon --> |
| | | <i class=""></i> |
| | | {{ $t('message.home.text-76') }} |
| | | </a> |
| | |
| | | <div class="card card-2 "> |
| | | <div class="card-header witr_ac_card"> |
| | | <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_57cb98a" aria-expanded="true"> |
| | | <!-- icon --> |
| | | <i class=""></i> |
| | | {{ $t('message.home.text-78') }} |
| | | </a> |
| | |
| | | <div class="card card-2 "> |
| | | <div class="card-header witr_ac_card"> |
| | | <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_a90f311" aria-expanded="true"> |
| | | <!-- icon --> |
| | | <i class=""></i> |
| | | {{ $t('message.home.text-80') }} |
| | | </a> |
| | |
| | | <div id="collapse_a90f311" class="collapse ac_s_padding " data-parent="#accordion"> |
| | | <p>{{ $t('message.home.text-81') }}</p> |
| | | </div> |
| | | </div> <!-- card --> |
| | | </div> |
| | | <div class="card card-2 "> |
| | | <div class="card-header witr_ac_card"> |
| | | <a href="#" class="card-link witr_ac_style" data-toggle="collapse" data-target="#collapse_f98c440" aria-expanded="true"> |
| | | <!-- icon --> |
| | | <i class=""></i> |
| | | {{ $t('message.home.text-82') }} |
| | | </a> |
| | |
| | | <div id="collapse_f98c440" class="collapse ac_s_padding " data-parent="#accordion"> |
| | | <p>{{ $t('message.home.text-83') }}</p> |
| | | </div> |
| | | </div> <!-- card --> |
| | | </div> |
| | | </div> |
| | | </div> <!-- faq part --> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- accordion right image --> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="single_image_area"> |
| | | <div class="single_image single_line_option "> |
| | | <!-- image --> |
| | | <img src="/static/home/assets/images/faq-img.jpg" alt="image" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- 动态--> |
| | | <div class="itpart_blog_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | | <div class="col-lg-12"> |
| | | <!-- title center --> |
| | | <div class="witr_section_title"> |
| | | <div class="witr_section_title_inner text-center"> |
| | | <!-- title top --> |
| | |
| | | <div class="witr_blog_con bs5"> |
| | | <!-- title --> |
| | | <h2> |
| | | <a href="javascript:void(0)" @click="gotoBlogDetail(item.id)" class="blog-title"> |
| | | <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> |
| | |
| | | </div> |
| | | |
| | | <!-- 联系我们 --> |
| | | <div class="itpart_contact_area"> |
| | | <!-- <div class="itpart_contact_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | | <!-- contact left image --> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <div class="single_image_area"> |
| | | <div class="single_image single_line_option "> |
| | | <!-- image --> |
| | | <img src="/static/home/assets/images/call-img.png" alt="image"> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- contact right contact form --> |
| | | <div class="col-lg-6 col-md-6"> |
| | | <h1 class="border_left_style elementor-divider__text elementor-divider__element">{{ $t('message.common.contactUs') }}</h1> |
| | | <!-- title right --> |
| | | <div class="witr_section_title"> |
| | | <div class="witr_section_title_inner text-left"> |
| | | <!-- title middle --> |
| | | <h3>{{ $t('message.common.submit-contact-information') }}</h3> |
| | | <!-- content --> |
| | | <!-- <p>I'm a Freelancer Front-end Developer with 3 years of patience. code and create web elements for amazing. </p> --> |
| | | </div> |
| | | </div> |
| | | <div class="apartment_area"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- itpart brand area --> |
| | | <div class="itpart_brand_area"> |
| | | <!-- <div class="itpart_brand_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | | <div class="col-lg-12"> |
| | | <div class="carousel_imagess_area"> |
| | | <div class="brand_active"> |
| | | <!-- single brand --> |
| | | <div class="col-lg-12"> |
| | | <div class="slide_items "> |
| | | <!-- image --> |
| | | <a href="#"><img src="/static/home/assets/images/br5.png" alt="image"></a> |
| | | </div> |
| | | </div> |
| | | <!-- 02 single brand --> |
| | | <div class="col-lg-12"> |
| | | <div class="slide_items "> |
| | | <!-- image --> |
| | | <a href="#"><img src="/static/home/assets/images/br4.png" alt="image"></a> |
| | | </div> |
| | | </div> |
| | | <!-- 03 single brand --> |
| | | <div class="col-lg-12"> |
| | | <div class="slide_items "> |
| | | <!-- image --> |
| | | <a href="#"><img src="/static/home/assets/images/br3.png" alt="image"></a> |
| | | </div> |
| | | </div> |
| | | <!-- 04 single brand --> |
| | | <div class="col-lg-12"> |
| | | <div class="slide_items "> |
| | | <!-- image --> |
| | | <a href="#"><img src="/static/home/assets/images/br2.png" alt="image"></a> |
| | | </div> |
| | | </div> |
| | | <!-- 05 single brand --> |
| | | <div class="col-lg-12"> |
| | | <div class="slide_items "> |
| | | <!-- image --> |
| | | <a href="#"><img src="/static/home/assets/images/br1.png" alt="image"></a> |
| | | </div> |
| | | </div> |
| | | <!-- 06 single brand --> |
| | | <div class="col-lg-12"> |
| | | <div class="slide_items "> |
| | | <!-- image --> |
| | | <a href="#"><img src="/static/home/assets/images/br5.png" alt="image"></a> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> --> |
| | | |
| | | <!-- 底部 --> |
| | | <include file="common:footer" /> |