| | |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | <!-- END MOBILE MENU AREA --> |
| | | |
| | | <div class="witr_swiper_area"> |
| | | <div class="swiper-container swiper_active"> |
| | | <div class="swiper-wrapper"> |
| | |
| | | <div class="swiper-button-prev"></div> |
| | | </div> |
| | | <!-- end slider area --> |
| | | |
| | | <!-- it part service area --> |
| | | <div class="itpart_service_area"> |
| | | <div class="container"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- about area --> |
| | | <div class="itpart_about_area"> |
| | | <div class="container"> |
| | |
| | | <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> |
| | | </div> |
| | | <!-- service area2 --> |
| | | |
| | | <!-- 我们的服务 --> |
| | | <div class="itpart_service_area2"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <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> |
| | |
| | | <!-- 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"> |
| | |
| | | <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> |
| | |
| | | <!-- 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"> |
| | |
| | | <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> |
| | |
| | | <!-- 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"> |
| | |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- itpart project area --> |
| | | |
| | | <!-- 我们的项目--> |
| | | <div class="itpart_project_area"> |
| | | <div class="container-fluid"> |
| | | <div class="row"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- counter up area --> |
| | | |
| | | <!-- 数据展示 --> |
| | | <div class="counter_up_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- itpart team area --> |
| | | |
| | | <!-- 我们的合作伙伴--> |
| | | <div class="itpart_team_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <!-- 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> |
| | |
| | | <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> |
| | |
| | | <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 --> |
| | | |
| | |
| | | <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 --> |
| | | |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- why choose area --> |
| | | |
| | | <!-- 为什么选择我们 --> |
| | | <div class="why_choose_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <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"> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | </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"> |
| | |
| | | <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> |
| | |
| | | <!-- 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> |
| | |
| | | <!-- 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> |
| | |
| | | <!-- 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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- testimonial area --> |
| | | |
| | | <!-- 合作对象 --> |
| | | <div class="testimonial_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <!-- 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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- working proces area --> |
| | | |
| | | <!-- 我们的工作流程 --> |
| | | <div class="working_proces_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <!-- 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> |
| | |
| | | <!-- 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> |
| | |
| | | <!-- 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> |
| | |
| | | <!-- 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> |
| | |
| | | <!-- 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> |
| | |
| | | </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"> |
| | |
| | | <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 "> |
| | |
| | | <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 "> |
| | |
| | | <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 "> |
| | |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- itpart blog area --> |
| | | |
| | | <!-- 动态--> |
| | | <div class="itpart_blog_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <!-- itpart contact area --> |
| | | |
| | | <!-- 联系我们 --> |
| | | <div class="itpart_contact_area"> |
| | | <div class="container"> |
| | | <div class="row"> |
| | |
| | | </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"> |
| | |
| | | <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> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <!-- itpart brand area --> |
| | | <div class="itpart_brand_area"> |
| | | <div class="container"> |
| | |
| | | mixins: [sharedMixin], |
| | | data() { |
| | | return { |
| | | |
| | | form: { |
| | | name: '', |
| | | email: '', |
| | | phone: '', |
| | | subject: '', |
| | | message: '', |
| | | } |
| | | }; |
| | | }, |
| | | computed: { |
| | |
| | | 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 |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | }; |
| | |
| | | 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> |