index.php
5.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<?php $get_lang = isset($wp_query->query_vars['prisna_translate_seo_request'])?urldecode($wp_query->query_vars['prisna_translate_seo_request']):''; ?>
<?php get_header();?>
<section class="web_main index_main">
<!-- banner -->
<div class="slider_banner">
<div class="swiper-wrapper">
<?php $images = get_get_field('ad_index_banner'); if( $images ): foreach( $images as $image ): ?>
<div class="swiper-slide"> <a href="<?php echo $image['alt']; ?>"> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"/></a></div>
<?php endforeach; endif; ?>
</div>
<div class="swiper-pagination swiper-pagination-white"></div>
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
</div>
<div class="index_product">
<div class="index_items_tabs filter_items_tabs">
<!--data-filter=".不同产品类名"-->
<ul>
<li class="active"><a data-filter=".cate1">All</a></li>
<li><a data-filter=".cate2">Product</a></li>
<li><a data-filter=".cate3">Video</a></li>
</ul>
</div>
<ul class="product_items filter_items_cont">
<!--cate1 cate3为不同产品类名-->
<li class="product_item cate1 cate3">
<figure> <span class="item_img"><img src="template/img/demo/pd01.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Sporting research</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate2">
<figure> <span class="item_img"><img src="template/img/demo/pd02.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Notebook softwares</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate3 cate2">
<figure> <span class="item_img"><img src="template/img/demo/pd03.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">SDrone consoles</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate3">
<figure> <span class="item_img"><img src="template/img/demo/pd04.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Realistic mockups</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate2">
<figure> <span class="item_img"><img src="template/img/demo/pd01.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">SDrone consoles</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate3 cate1">
<figure> <span class="item_img"><img src="template/img/demo/pd02.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Drone consoles</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate3">
<figure> <span class="item_img"><img src="template/img/demo/pd03.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Realistic mockups</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate2">
<figure> <span class="item_img"><img src="template/img/demo/pd04.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Boose headphones</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate3 cate2">
<figure> <span class="item_img"><img src="template/img/demo/pd01.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Realistic mockups</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate3">
<figure> <span class="item_img"><img src="template/img/demo/pd01.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Sporting research</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate3">
<figure> <span class="item_img"><img src="template/img/demo/pd02.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">Notebook softwares</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
<li class="product_item cate1 cate2">
<figure> <span class="item_img"><img src="template/img/demo/pd03.jpg" alt="" /><a href="product.html"></a></span>
<figcaption>
<h3 class="item_title"><a href="">SDrone consoles</a></h3>
<p class="item_desc">Tempor incididunt sedoumosuo</p>
</figcaption>
</figure>
</li>
</ul>
</div>
</section>
<?php get_footer();?>