index.php
8.1 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<?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 -->
<section 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-buttons">
<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>
<div class="swiper-pagination swiper-pagination-white"></div>
</div>
</section>
<!-- index_ad -->
<section class="index_ad" style="background-image: url(<?php echo home_url("/"); ?>style/global/img/demo/index_ad_bg.jpg)">
<div class="index_hd">
<div class="layout">
<h2 class="hd_title">WHY CHOOSE US?</h2>
<p class="hd_desc">Focus on providing mong pu solutions for 5 years.</p>
</div>
</div>
<div class="index_bd">
<div class="layout">
<ul class="ad_items">
<?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
<li class="ad_item wow bounceInA" data-wow-delay="<?php if($i==1) : ?>0<?php else: ?>.<?php echo $i-1; ?>s<?php endif; ?>" data-wow-duration=".8s">
<a href="<?php echo $image['alt']; ?>">
<figure class="item_inner">
<span class="item_img"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" alt=""><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>" alt=""></span>
<figcaption class="item_info">
<h3 class="item_title"><?php echo $image['title']; ?></h3>
<p class="item_desc"><?php echo $image['description']; ?></p>
</figcaption>
</figure>
</a>
</li>
<?php $i++; endforeach; endif; ?>
</ul>
</div>
</div>
</section>
<!-- index_promote -->
<section class="index_promote" style="background-image: url(<?php echo home_url("/"); ?>style/global/img/demo/index_promote_bg.jpg)">
<div class="index_bd">
<div class="layout">
<div class="promote_item wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s" style="background-image: url(<?php echo home_url("/"); ?>style/global/img/demo/promote_hd_bg.jpg)">
<figure class="item_inner">
<span class="item_img"><a href=""><img src="<?php echo home_url("/"); ?>style/global/img/demo/promote01.png" alt=""></a></span>
<figcaption class="item_info">
<h3 class="item_title">Series of products</h3>
<h4 class="item_subtit">The product name</h4>
<p class="item_desc">Focus on providing mong pu solutions for 5 </p>
<div class="item_more"><a href="" class="sys_btn"><span class="btn_label">LEARN MORE<i>>></i></span></a></div>
</figcaption>
</figure>
</div>
<div class="promote_item wow fadeInUpA" data-wow-delay=".2s" data-wow-duration=".8s">
<figure class="item_inner">
<span class="item_img"><a href=""><img src="<?php echo home_url("/"); ?>style/global/img/demo/promote02.png" alt=""></a></span>
<figcaption class="item_info">
<h3 class="item_title">Series of products</h3>
<h4 class="item_subtit">The product name</h4>
<p class="item_desc">Focus on providing mong pu solutions for 5 </p>
<div class="item_more"><a href="" class="sys_btn"><span class="btn_label">LEARN MORE<i>>></i></span></a></div>
</figcaption>
</figure>
</div>
</div>
</div>
</section>
<!-- index_company_intr -->
<section class="index_company_intr" style="background-image: url(template/img/demo/company_intr_bg.jpg)">
<div class="index_hd">
<div class="layout">
<h2 class="hd_title">ABOUT US</h2>
</div>
</div>
<div class="index_bd">
<div class="layout" style="background-image: url(template/img/demo/company_intr_cont_bg.png)">
<div class="company_intr_img wow fadeInA" data-wow-delay=".2s" data-wow-duration=".8s">
<div class="company_intr_gallery">
<div class="swiper-container">
<ul class="swiper-wrapper intr_gallery_items">
<?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
<li class="swiper-slide intr_gallery_item"><div class="gallery_img"><a href="<?php echo $image['alt']; ?>"><i class="ico_play"></i><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['description']; ?>"></a></div></li>
<?php endforeach; endif; ?>
</ul>
</div>
<div class="swiper_control index_swiper_control">
<div class="swiper-pagination"></div>
<div class="swiper_buttons">
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</div>
<div class="company_intr_cont wow fadeInUpA" data-wow-delay=".1s" data-wow-duration=".8s">
<h2 class="company_intr_title">A Clear World <br>Wonderful our life, happier.</h2>
<div class="company_intr_desc">
<p><?php get_the_field('about_text'); ?></p>
</div>
<div class="learn_more">
<a class="sys_btn" href="<?php echo home_url("/"); ?>about-us"><span class="btn_label">SEE MORE <i>+</i></span></a>
</div>
</div>
</div>
</div>
</section>
<!-- index_product -->
<section class="index_product" style="background-image: url(template/img/demo/index_product_bg.jpg)">
<div class="index_hd">
<div class="layout">
<h2 class="hd_title">PRODUCT CATEGORIES</h2>
<p class="hd_desc">Focus on providing mong pu solutions for 5 years.</p>
</div>
</div>
<div class="index_bd">
<div class="layout">
<ul class="product_items">
<?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=".1s" data-wow-duration=".8s">
<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>
</figcaption>
</figure>
</li>
<?php $i++; endwhile; endif; wp_reset_query(); ?>
</ul>
</div>
</div>
</section>
</section>
<?php get_footer();?>