From b54e02d98e42ae73071e3c01e59f12671d13d06a Mon Sep 17 00:00:00 2001
From: chengkun <chengkun@ishangstudy.com>
Date: Wed, 06 Aug 2025 17:03:57 +0800
Subject: [PATCH] 提交
---
app/home/view/index/index.html | 1472 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 1,431 insertions(+), 41 deletions(-)
diff --git a/app/home/view/index/index.html b/app/home/view/index/index.html
index 51dded2..1587c08 100644
--- a/app/home/view/index/index.html
+++ b/app/home/view/index/index.html
@@ -8,56 +8,1446 @@
<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>
</head>
<body>
- <div class="main-container" id="vue_item">
+ <div class="main-container" id="vue_item" v-cloak>
+ <!-- 顶部 导航栏 -->
+ <include file="common:top-header" />
+ <!-- MOBILE MENU Logo AREA -->
+ <div class="mobile_logo_area hidden-md hidden-lg">
+ <div class="container">
+ <div class="row">
+ <div class="col-sm-12">
+ <div class="mobile_menu_logo text-center">
+ <a href="index.html" title="lowgo">
+ <img src="/static/home/images/logo.png" alt="lowgo">
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- MOBILE MENU AREA -->
+ <div class="home-2 mbm hidden-md hidden-lg header_area main-menu-area">
+ <div class="menu_area mobile-menu">
+ <nav class="itpart_menu">
+ <ul class="sub-menu">
+ <li class="menu-item-has-children"><a href="#">Home</a>
+ <ul class="sub-menu">
+ <li><a href="index.html">Home Page</a></li>
+ <li><a href="home-two.html">Home Two Page</a></li>
+ <li><a href="home-video.html">Home Video Page</a></li>
+ <li><a href="landing-page.html">Landing Page</a></li>
+ </ul>
+ </li>
+ <li><a href="about.html">About</a></li>
+ <li><a href="service.html">Service</a></li>
+ <li class="menu-item-has-children"><a href="blog.html">Blog</a>
+ <ul class="sub-menu">
+ <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
+ <li><a href="blog-right-sidebar.html">Blog Right Sidebar</a></li>
+ <li><a href="blog.html">Blog Gird</a></li>
+ </ul>
+ </li>
+ <li class="menu-item-has-children"><a href="#">Pages</a>
+ <ul class="sub-menu">
+ <li class="menu-item-has-children"><a href="">Portfolio</a>
+ <ul class="sub-menu">
+ <li><a href="portfolio-grid.html">Portfolio Grid</a></li>
+ <li><a href="portfolio-3column.html">Portfolio 3Column</a></li>
+ <li><a href="portfolio-4column.html">Portfolio 4Column</a></li>
+ </ul>
+ </li>
+ <li><a href="testimonial.html">Testimonial</a></li>
+ <li><a href="pricing-table.html">Pricing Table</a></li>
+ <li><a href="team.html">Team</a></li>
+ <li><a href="faq-page.html">Faq Page</a></li>
+ <li><a href="single-service.html">Single Service</a></li>
+ </ul>
+ </li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+
+ </nav>
+ </div>
+ </div>
+ <!-- END MOBILE MENU AREA -->
+ <div class="witr_swiper_area">
+ <div class="swiper-container swiper_active">
+ <div class="swiper-wrapper">
+ <!-- single slider -->
+ <div class="swiper-slide d1 t1 m1 witr_swiper_height" style="background-image:url(/static/home/images/slider-1.png)">
+ <div class="witr_sw_text_area text-left">
+ <div class="witr_swiper_content ">
+ <!-- <h1><span>Best Secure </span> & Services</h1> -->
+ <h2>{{ $t('message.home.text-1')}}</h2>
+ <!-- <h3>it solution</h3> -->
+ <!-- <p>There are many variations of passages of lorem Ipsum have suffered alteration in some form</p> -->
+ <div class="slider_btn">
+ <div class="witr_btn_style">
+ <div class="witr_btn_sinner"> <a class="witr_btn" href="/home/contact/index.html">{{ $t('message.common.contactUs') }}</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- single slider -->
+ <div class="swiper-slide d1 t1 m1 witr_swiper_height" style="background-image:url(/static/home/images/slider-2.png)">
+ <div class="witr_sw_text_area text-left">
+ <div class="witr_swiper_content ">
+ <!-- <h1><span>Best Secure </span> & Services</h1> -->
+ <h2>{{ $t('message.home.text-2')}}</h2>
+ <!-- <h3>it solution</h3> -->
+ <!-- <p>There are many variations of passages of lorem Ipsum have suffered alteration in some form</p> -->
+ <div class="slider_btn">
+ <div class="witr_btn_style">
+ <div class="witr_btn_sinner"> <a class="witr_btn" href="/home/contact/index.html">{{ $t('message.common.contactUs') }}</a></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="swiper-scrollbar"></div>
+ <div class="swiper-pagination"></div>
+ <div class="swiper-button-next"></div>
+ <div class="swiper-button-prev"></div>
+ </div>
+ <!-- end slider area -->
+ <!-- it part service area -->
+ <div class="itpart_service_area">
+ <div class="container">
+ <div class="row">
+ <!-- single service -->
+ <div class="col-lg-4 col-md-6">
+ <div class="service13">
+ <div class="em_service_content ">
+ <div class="em_single_service_text ">
+ <div class="service_top_image"></div>
+ <div class="poly_text_box all_color_service">
+ <div class="service_icon_box all_icon_color">
+ <div class="em-service-icon">
+ <i class="aprova aprova-analysis"></i>
+ </div>
+ </div>
+ <div class="em_service_text_box">
+ <div class="em-service-title">
+ <h3>{{ $t('message.home.text-3')}}</h3>
+ </div>
+ <div class="em-service-desc">
+ <p>{{ $t('message.home.text-4')}}</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 02 single service -->
+ <div class="col-lg-4 col-md-6">
+ <div class=" service13">
+ <div class="em_service_content ">
+ <div class="em_single_service_text ">
+ <div class="service_top_image"></div>
+ <div class="poly_text_box all_color_service">
+ <div class="service_icon_box all_icon_color">
+ <div class="em-service-icon">
+ <i class="aprova aprova-clock-1"></i>
+ </div>
+ </div>
+ <div class="em_service_text_box">
+ <div class="em-service-title">
+ <h3>{{ $t('message.home.text-5')}}</h3>
+ </div>
+ <div class="em-service-desc">
+ <p>{{ $t('message.home.text-6')}}</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 03 single service -->
+ <div class="col-lg-4 col-md-6">
+ <div class=" service13">
+ <div class="em_service_content ">
+ <div class="em_single_service_text ">
+ <div class="service_top_image"></div>
+ <div class="poly_text_box all_color_service">
+ <div class="service_icon_box all_icon_color">
+ <div class="em-service-icon">
+ <i class="aprova aprova-landing"></i>
+ </div>
+ </div>
+ <div class="em_service_text_box">
+ <div class="em-service-title">
+ <h3>{{ $t('message.home.text-7')}}</h3>
+ </div>
+ <div class="em-service-desc">
+ <p>{{ $t('message.home.text-8')}}</p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <!-- about area -->
+ <div class="itpart_about_area">
+ <div class="container">
+ <div class="row">
+ <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/about-img.png" alt="image">
+ </div>
+ </div>
+ </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>
+ <!-- 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>
+ <!-- content -->
+ <p>{{ $t('message.home.text-11')}}</p>
+ </div>
+ </div>
+ <div class="witr_single_progress all_color_bar">
+ <div class="witr_title2">
+ <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>
+ </div>
+ </div>
+ <div class="witr_single_progress all_color_bar">
+ <div class="witr_title2">
+ <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>
+ </div>
+ </div>
+ <div class="witr_single_progress all_color_bar">
+ <div class="witr_title2">
+ <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>
+ </div>
+ </div>
+ <!-- area -->
+ <div class="witr_button_area">
+ <!-- btn default style -->
+ <div class="witr_btn_style mr">
+ <div class="witr_btn_sinner">
+ <a href="#" class="witr_btn">{{ $t('message.common.aboutUs')}}</a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- service area2 -->
+ <div class="itpart_service_area2">
+ <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>Our Service</h2>
+ <!-- title middle -->
+ <h3>What Services We Provide to Our</h3>
+ <!-- title bottom -->
+ <h1>Customers Business</h1>
+ </div>
+ </div>
+ </div>
+ <!-- single service -->
+ <div class="col-lg-4 col-md-6">
+ <div class="witr_service2 service_overflow_inherit all_service2_color ">
+ <!-- image -->
+ <div class="witr_service2_image">
+ <img src="/static/home/assets/images/service1.jpg" alt="image">
+ <div class="wbutton_top_service_icon">
+ <a href="">
+ <span class="ti-arrow-right"></span>
+ </a>
+ </div>
+ </div>
+ <div class="witr_servicetwo_text">
+ <div class="witr_service2_icon_bottom">
+ <!-- icon -->
+ <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>
+ </div>
+ </div>
+ </div>
+ <!-- 02 single service -->
+ <div class="col-lg-4 col-md-6">
+ <div class="witr_service2 service_overflow_inherit all_service2_color ">
+ <!-- image -->
+ <div class="witr_service2_image">
+ <img src="/static/home/assets/images/service-2.jpg" alt="image">
+ <div class="wbutton_top_service_icon">
+ <a href="">
+ <span class="ti-arrow-right"></span>
+ </a>
+ </div>
+ </div>
+ <div class="witr_servicetwo_text">
+ <div class="witr_service2_icon_bottom">
+ <!-- icon -->
+ <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>
+ </div>
+ </div>
+ </div>
+ <!-- 03 single service -->
+ <div class="col-lg-4 col-md-6">
+ <div class="witr_service2 service_overflow_inherit all_service2_color ">
+ <!-- image -->
+ <div class="witr_service2_image">
+ <img src="/static/home/assets/images/service-3.jpg" alt="image">
+ <div class="wbutton_top_service_icon">
+ <a href="">
+ <span class="ti-arrow-right"></span>
+ </a>
+ </div>
+ </div>
+ <div class="witr_servicetwo_text">
+ <div class="witr_service2_icon_bottom">
+ <!-- icon -->
+ <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>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <!-- itpart project area -->
+ <div class="itpart_project_area">
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-lg-12">
+ <!-- title center -->
+ <div class="witr_section_title">
+ <div class="witr_section_title_inner text-center">
+ <h2>Our Project </h2>
+ <!-- title middle -->
+ <h3>Recent Our Portfolios </h3>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-12">
+ <div class="witr_pslide4 witr_pslide3 all_pslides_color ps1 ps3">
+ <div class="portfolio_porject_act">
+ <!-- single portfolio -->
+ <div class="item_pos col-lg-12">
+ <div class="witr_single_pslide">
+ <div class="witr_pslide_image">
+ <img src="/static/home/assets/images/port1.jpg" alt="image">
+ </div>
+ <div class="witr_content_pslide_text">
+ <div class="witr_content_pslide">
+ <!-- title -->
+ <h3><a href="#" tabindex="-1">Business and Marketing </a></h3>
+ <!-- content -->
+ <p>Business </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 02 single portfolio -->
+ <div class="item_pos col-lg-12">
+ <div class="witr_single_pslide">
+ <div class="witr_pslide_image">
+ <img src="/static/home/assets/images/port2.jpg" alt="image">
+ </div>
+ <div class="witr_content_pslide_text">
+ <div class="witr_content_pslide">
+ <!-- title -->
+ <h3><a href="#" tabindex="-1">Improve for Business </a></h3>
+ <!-- content -->
+ <p>Marketing </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 03 single portfolio -->
+ <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">Product of Design </a></h3>
+ <!-- content -->
+ <p>Photography </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 04 single portfolio -->
+ <div class="item_pos col-lg-12">
+ <div class="witr_single_pslide">
+ <div class="witr_pslide_image">
+ <img src="/static/home/assets/images/port4.jpg" alt="image">
+ </div>
+ <div class="witr_content_pslide_text">
+ <div class="witr_content_pslide">
+ <!-- title -->
+ <h3><a href="#" tabindex="-1">Advertising Technology</a></h3>
+ <!-- content -->
+ <p>Developer </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 05 single portfolio -->
+ <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>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- counter up area -->
+ <div class="counter_up_area">
+ <div class="container">
+ <div class="row">
+ <!-- single counter -->
+ <div class="col-lg-3 col-md-6">
+ <div class="witr_counter_single all_counter_color">
+ <div class="witr_counter_icon">
+ <!-- icon -->
+ <i class="ti ti-heart"></i>
+ </div>
+ <div class="witr_counter_number_inn">
+ <!-- number -->
+ <h3 class="counter">25</h3>
+ <!-- symbol -->
+ <span>K</span>
+ <!-- content -->
+ <h4>Happy Customer </h4>
+ </div> <!-- counter part -->
+ </div>
+ </div>
+ <!-- 02 single counter -->
+ <div class="col-lg-3 col-md-6">
+ <div class="witr_counter_single all_counter_color">
+ <div class="witr_counter_icon">
+ <!-- icon -->
+ <i class="ti ti-user"></i>
+ </div>
+ <div class="witr_counter_number_inn">
+ <!-- number -->
+ <h3 class="counter">659</h3>
+ <!-- symbol -->
+ <span>+</span>
+ <!-- content -->
+ <h4>Employer Solutions </h4>
+ </div> <!-- counter part -->
+ </div>
+ </div>
+ <!-- 03 single counter -->
+ <div class="col-lg-3 col-md-6">
+ <div class="witr_counter_single all_counter_color">
+ <div class="witr_counter_icon">
+ <!-- icon -->
+ <i class="aprova aprova-startup1"></i>
+ </div>
+ <div class="witr_counter_number_inn">
+ <!-- number -->
+ <h3 class="counter">487</h3>
+ <!-- symbol -->
+ <span>+</span>
+ <!-- content -->
+ <h4>Online Support </h4>
+ </div> <!-- counter part -->
+ </div>
+ </div>
+ <!-- 04 single counter -->
+ <div class="col-lg-3 col-md-6">
+ <div class="witr_counter_single all_counter_color">
+ <div class="witr_counter_icon">
+ <!-- icon -->
+ <i class="ti ti-check-box"></i>
+ </div>
+ <div class="witr_counter_number_inn">
+ <!-- number -->
+ <h3 class="counter">346</h3>
+ <!-- symbol -->
+ <span>+</span>
+ <!-- content -->
+ <h4>Project Completed </h4>
+ </div> <!-- counter part -->
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <!-- itpart team area -->
+ <div class="itpart_team_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>Our Team Member</h2>
+ <!-- title middle -->
+ <h3>We’re Experienced Professionals</h3>
+ <!-- title bottom -->
+ <h1>Our Employ</h1>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-12">
+ <div class="witr_team_area_c post_team10_area post_team11_area">
+ <div class="row team_active">
+ <!-- single team -->
+ <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12 col-lg-12">
+ <div class="em_team type-em_team">
+ <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">
+ <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 class="witr_team_content post_team_p11 all_content_bg_color text-center">
+ <!-- title -->
+ <h5><a href="#">Rayhan Khan </a></h5>
+ <!-- sub title -->
+ <span>Team Leder </span>
+ </div>
+ </div> <!-- team sec -->
+
+ </div>
+ </div>
+ </div>
+ <!-- 02 single team -->
+ <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12 col-lg-12">
+ <div class="em_team type-em_team">
+ <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">
+ <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 class="witr_team_content post_team_p11 all_content_bg_color text-center">
+ <!-- title -->
+ <h5><a href="#">Metton Alex </a></h5>
+ <!-- sub title -->
+ <span>Founder </span>
+ </div>
+ </div> <!-- team sec -->
+
+ </div>
+ </div>
+ </div>
+ <!-- 03 single team -->
+ <div class="witr_all_mb_30 col-md-12 col-xs-12 col-sm-12 col-lg-12">
+ <div class="em_team type-em_team">
+ <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">
+ <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 class="witr_team_content post_team_p11 all_content_bg_color text-center">
+ <!-- title -->
+ <h5><a href="#">Rayhan Khan </a></h5>
+ <!-- sub title -->
+ <span>Team Leder </span>
+ </div>
+ </div> <!-- team sec -->
+
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- why choose area -->
+ <div class="why_choose_area">
+ <div class="container">
+ <div class="row">
+ <div class="col-lg-12"></div>
+ <!-- why choose 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/choose-img.jpg" 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>
+ <!-- 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>
+ <!-- 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>
+ </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="#">Quick Support</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>
+ </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-investment"></i>
+ </div>
+ </div>
+ <div class="em-service-inner">
+ <div class="em-service-title">
+ <!-- title -->
+ <h3><a href="#">Financial Advices</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>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- btn area -->
+ <div class="witr_button_area">
+ <!-- btn default style -->
+ <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>
+ <!-- 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>Our Pricing</h2>
+ <h3>Customer Plans Anytime</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>$</span>20/ <span> mo</span></h5>
+ <div class="pricing_bar_title">
+ <h4>Basic Plan</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>
+ </ul>
+ </div>
+ <!-- button -->
+ <div class="witr_btnp_color">
+ <a class="btn" href="#">Buy Now</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>$</span>30/ <span> ye</span></h5>
+ <div class="pricing_bar_title">
+ <h4>Advance Plan</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>
+ </ul>
+ </div>
+ <!-- button -->
+ <div class="witr_btnp_color">
+ <a class="btn" href="#">Buy Now</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>$</span>50/ <span> we</span></h5>
+ <div class="pricing_bar_title">
+ <h4>Home Plan</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>
+ </ul>
+ </div>
+ <!-- button -->
+ <div class="witr_btnp_color">
+ <a class="btn" href="#">Buy Now</a>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <!-- 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>Testimonial</h2>
+ <h3>What a Client Say ?</h3>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-12">
+ <div class="testimonial_active">
+ <!-- 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>
+ <!-- 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>
+ <!-- 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>Working Process</h2>
+ <h3>Check Out Our Work Process</h3>
+ </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="#">Freedom</a></h3>
+ <!-- content -->
+ <p>We are client company and your portfolio. </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="#">Planning</a></h3>
+ <!-- content -->
+ <p>We are client company and your portfolio. </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="#">Execute</a></h3>
+ <!-- content -->
+ <p>We are client company and your portfolio. </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="#">Complate</a></h3>
+ <!-- content -->
+ <p>We are client company and your portfolio. </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>
+ <!-- title left -->
+ <div class="witr_section_title">
+ <div class="witr_section_title_inner text-left">
+ <!-- title middle -->
+ <h3>Frequently Asked Questions?</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="faq-part">
+ <div id="accordion">
+ <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>
+ High Quality Data Security
+ </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>
+ </div>
+ </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_57cb98a" aria-expanded="true">
+ <!-- icon -->
+ <i class=""></i>
+ How investing in dependend incer
+ </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>
+ </div>
+ </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_a90f311" aria-expanded="true">
+ <!-- icon -->
+ <i class=""></i>
+ Asing to Business Security
+ </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>
+ </div>
+ </div> <!-- card -->
+ <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>
+ Element or Page Builder Used
+ </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>
+ </div>
+ </div> <!-- card -->
+ </div>
+ </div> <!-- faq part -->
+ </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>
+ <!-- itpart blog area -->
+ <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 -->
+ <h2>Blog Post</h2>
+ <!-- title middle -->
+ <h3>Our Recent Update</h3>
+ </div>
+ </div>
+ </div>
+ <div class="col-lg-12">
+ <!-- Blog Section -->
+ <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">
+ <li><a href="#">Developer</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>
+ <!-- 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>
+
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 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">Our Contact</h1>
+ <!-- title right -->
+ <div class="witr_section_title">
+ <div class="witr_section_title_inner text-left">
+ <!-- title middle -->
+ <h3>Get In A Touch</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 class="witr_apartment_form">
+ <form action="mail.php" method="post" id="contact-form">
+ <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*">
+ </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*">
+ </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*">
+ </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*">
+ </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>
+ </div>
+ <button type="submit" name="ok" class="btn">Send Message</button>
+ </div>
+ <div class="col-lg-12 text-center">
+ <p class="form-messege"></p>
+ </div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 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>
+ </div>
+
+ <!-- 底部 -->
+ <include file="common:footer" />
</div>
-</body>
+ <!-- Vue App -->
+ <script src="/static/vue/mixin.js"></script>
+ <script>
+ const App = {
+ mixins: [sharedMixin],
+ data() {
+ return {
-<script>
- const App = {
- ///// 数据 /////
- data() {
- return {
- };
- },
+ };
+ },
+ computed: {
- ///// 计算属性 /////
- computed: {
- },
+ },
+ mounted() {
+ },
+ created() {
+ },
+ methods: {
- ///// App创建完成后执行 //////
- mounted() {
-
- },
-
- ///// App创建时候执行 /////
- created() {
-
- },
-
- ///// 方法 /////
- methods: {
- },
-
- ///// 销毁前 /////
- beforeDestroy() {
- if (this.interval) {
- clearInterval(this.interval);
- }
+ },
+ };
+ const app = Vue.createApp(App);
+ for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component)
}
- };
- const app = Vue.createApp(App);
- for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
- app.component(key, component)
- }
- app.use(ElementPlus, {
- locale: ElementPlusLocaleZhCn,
- });
- app.mount("#vue_item");
-</script>
+ app.use(ElementPlus, {
+ locale: ElementPlusLocaleZhCn,
+ });
+ app.use(i18n);
+ 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>
</html>
\ No newline at end of file
--
Gitblit v1.9.0