<!DOCTYPE html>
|
<html lang="zh-CN">
|
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<include file="common:header" />
|
<include file="common:title" />
|
<include file="common:element-plus" />
|
<include file="common:html-header" />
|
</head>
|
|
<body>
|
<div class="main-container" id="vue_item" v-cloak>
|
<!-- 顶部 导航栏 -->
|
<include file="common:top-header" />
|
|
<!-- breadcumb area -->
|
<div class="breadcumb-area">
|
<div class="container">
|
<div class="row">
|
<div class="col-md-12 txtc text-center ccase">
|
<div class="brpt">
|
<h2>{{ $t('message.header.blog') }}</h2>
|
</div>
|
<!-- <div class="breadcumb-inner">
|
<ul>
|
<li>You are currently here! <i class="fas fa-angle-right"></i> </li>
|
<li><a href="#" rel="v:url" property="v:title">Home</a></li>
|
<li><i class="fas fa-angle-right"></i></li>
|
<li><span class="current">Blog Grid</span></li>
|
</ul>
|
</div> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
<!-- End breadcumb area -->
|
|
<!-- itpart blog area -->
|
<div class="itpart_blog_area blog_grid_area">
|
<div class="container">
|
<div class="row">
|
<div class="col-lg-12">
|
<div class="witr_section_title">
|
<div class="witr_section_title_inner text-center">
|
<!-- title top -->
|
<h2>News & blog</h2>
|
<h3>You Can Check Out Our Work. </h3>
|
<!-- title bottom -->
|
<h1>News & Articles</h1>
|
</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_blog_grid">
|
<!-- 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">
|
<!-- title -->
|
<h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
|
<!-- post meta -->
|
<span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
|
<span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
|
<!-- content -->
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
|
<div class="learn_more_adn">
|
<a class="learn_btn adnbtn2" href="#">Read More</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_blog_grid">
|
<!-- 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">
|
<!-- title -->
|
<h2><a href="single-blog.html">Email marketing tips that will increase your sales.</a></h2>
|
<!-- post meta -->
|
<span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
|
<span><a href="#"><i class="icofont-ui-clock"></i></a> 29 Aug 2021</span>
|
<!-- content -->
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
|
<div class="learn_more_adn">
|
<a class="learn_btn adnbtn2" href="#">Read More</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_blog_grid">
|
<!-- 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">
|
<!-- title -->
|
<h2><a href="single-blog.html">Productivity tips to avoid burn out when working.</a></h2>
|
<!-- post meta -->
|
<span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
|
<span><a href="#"><i class="icofont-ui-clock"></i></a>24 Jun 2021</span>
|
<!-- content -->
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
|
<div class="learn_more_adn">
|
<a class="learn_btn adnbtn2" href="#">Read More</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_blog_grid">
|
<!-- category -->
|
<ul class="post-categories">
|
<li><a href="#">Marketing</a></li>
|
</ul>
|
</div>
|
</div>
|
<div class="all_blog_color">
|
<div class="witr_blog_con bs5">
|
<!-- title -->
|
<h2><a href="single-blog.html">How investing in depended increasing to business.</a></h2>
|
<!-- post meta -->
|
<span><a href="#"><i class="icofont-user-alt-3"></i> Itpa</a></span>
|
<span><a href="#"><i class="icofont-ui-clock"></i></a> 24 Aug 2021</span>
|
<!-- content -->
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do</p>
|
<div class="learn_more_adn">
|
<a class="learn_btn adnbtn2" href="#">Read More</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 底部 -->
|
<include file="common:footer" />
|
</div>
|
<!-- Vue App -->
|
<script src="/static/vue/mixin.js"></script>
|
<script>
|
const App = {
|
mixins: [sharedMixin],
|
data() {
|
return {
|
|
};
|
},
|
computed: {
|
|
},
|
mounted() {
|
},
|
created() {
|
},
|
methods: {
|
|
},
|
};
|
const app = Vue.createApp(App);
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
app.component(key, component)
|
}
|
app.use(ElementPlus, {
|
locale: ElementPlusLocaleZhCn,
|
});
|
app.use(i18n);
|
app.mount("#vue_item");
|
</script>
|
</body>
|
|
<include file="common:html-css-js" />
|
|
</html>
|
