index.php
7.0 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
128
129
130
131
132
133
134
135
<?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="slider_swiper_control">
<div class="swiper-button-prev swiper-button-white"><span class="slide-page-box"></span></div>
<div class="swiper-button-next swiper-button-white"><span class="slide-page-box"></span></div>
<div class="swiper-pagination swiper-pagination-white"></div>
</div>
</div>
<section class="index_news">
<div class="index_bd">
<div class="layout">
<ul class="news_items">
<?php query_posts(array( 'post_type' => 'news','showposts' => 5,'orderby' => 'post_date','order'=> 'DESC') ); while (have_posts()) : the_post();?>
<li class="news_cell wow fadeInUpA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>">
<a href="<?php echo $get_lang?home_url('/') .$get_lang.'/news/' . $post->post_name:home_url('/') .'news/' . $post->post_name ; ?>" class="cell_inner">
<h4 class="cell_hd">NEWS</h4>
<div class="cell_bd">
<h3 class="news_tit"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 44,"..."); ?></h3>
<div class="news_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_content)), 0, 44,"..."); ?></div>
</div>
</a>
</li>
<?php endwhile; wp_reset_query(); ?>
</ul>
</div>
</div>
</section>
<section class="index_product">
<div class="index_hd">
<div class="layout">
<h2 class="hd_title">Product / Industrial Design</h2>
<a class="hd_more" href="">More</a>
</div>
</div>
<div class="index_bd">
<div class="layout">
<ul class="product_items flex_row">
<?php $args = array('showposts' => 12, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'Feature Products','compare' => 'LIKE')));
$the_query = new WP_Query( $args );$i=1; if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<li class="product_item wow fadeInA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>">
<figure>
<span class="item_img">
<img src="<?php $images = get_field('product_gallery'); if( $images ): for($x=0;$x<1; $x++){ ?><?php echo $images[0]['sizes']['thumbnail']; ?><?php } endif; ?>" alt="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 200,"..."); ?>"/><a href="<?php the_permalink() ?>"></a>
</span>
<figcaption>
<h3 class="item_title"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3>
<div class="item_desc"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_content)), 0, 50,"..."); ?></div>
</figcaption>
</figure>
</li>
<?php $i++; endwhile; endif; wp_reset_query(); ?>
</ul>
</div>
</div>
</section>
<section class="index_company_intr" style="background-image: url(<?php echo home_url("/"); ?>style/global/img/demo/company_intr_bg.jpg)">
<header class="company_intr_hd wow fadeInUpA" data-wow-delay=".1s">
<div class="layout">
<h2 class="company_intr_title">About us</h2>
</div>
</header>
<div class="index_bd">
<div class="layout">
<div class="company_intr_desc wow fadeInUpA" data-wow-delay=".2s">
<h4>Airwheel is committed to bringing out the joy of technology.</h4>
<h5>Practice our cooperation culture: "free intelligent life"</h5>
<div> <?php get_the_field('about_text'); ?></div>
</div>
</div>
<div class="learn_more wow fadeInUpA" data-wow-delay=".3s">
<a href="<?php echo home_url("/"); ?>sabout-us" class="sys_btn sys_btn_white">More</a>
</div>
</div>
</section>
<section class="index_apply">
<header class="index_hd">
<div class="layout">
<h2 class="hd_title">Product application</h2>
<a class="hd_more" href="">More</a>
</div>
</header>
<div class="index_bd">
<div class="layout">
<ul class="apply_items flex_row">
<li class="apply_item wow fadeInUpA" data-wow-delay=".1s">
<figure class="item_inner">
<div class="item_img"><a href=""><img src="template/img/demo/index_apply_01.jpg" alt=""></a></div>
<div class="item_info">
<h3 class="item_name"><a href="">H3S is featuring automatic folding, App remote control and visual auto-tracking.</a></h3>
</div>
</figure>
</li>
<li class="apply_item wow fadeInUpA" data-wow-delay=".2s">
<figure class="item_inner">
<div class="item_img"><a href=""><img src="template/img/demo/index_apply_02.jpg" alt=""></a></div>
<div class="item_info">
<h3 class="item_name"><a href="">Airwheel SR5 features auto-tracking, intelligent obstacle avoidance and etc.</a></h3>
</div>
</figure>
</li>
<li class="apply_item wow fadeInUpA" data-wow-delay=".3s">
<figure class="item_inner">
<div class="item_img"><a href=""><img src="template/img/demo/index_apply_03.jpg" alt=""></a></div>
<div class="item_info">
<h3 class="item_name"><a href="">Airwheel SL3 riding suitcase ,Control your direction by remote control handle like play games</a></h3>
</div>
</figure>
</li>
<li class="apply_item wow fadeInUpA" data-wow-delay=".4s">
<figure class="item_inner">
<div class="item_img"><a href=""><img src="template/img/demo/index_apply_04.jpg" alt=""></a></div>
<div class="item_info">
<h3 class="item_name"><a href="">Airwheel SE3 is way beyond a suitcase, it become a personal mobility device. </a></h3>
</div>
</figure>
</li>
</ul>
</div>
</div>
</section>
</section>
<?php get_footer();?>