index.php
6.3 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
<?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 id="rev_slider_3_1_wrapper" class="rev_slider_wrapper fullscreen-container">
<div id="rev_slider_3_1" class="rev_slider fullscreenbanner" >
<ul>
<?php $images = get_get_field('ad_index_banner'); if( $images ): foreach( $images as $image ): ?>
<li> <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>" data-bgfitend="100" data-bgpositionend="center bottom">
<div class="tp-caption black tp-resizeme tp-caption-more" data-voffset="0" data-start="0" data-x="0"><a href="<?php echo $image['alt']; ?>" class="banner-more"></a></div>
</li>
<?php endforeach; endif; ?>
</ul>
<div class="tp-bannertimer"></div>
</div>
</section>
<section class="main_content">
<section class="index-company-advertising-wrap" style="background-image: url(<?php bloginfo( 'template_url' ); ?>/img/demo/cosmetic-background-1.png);">
<section class="layout">
<section class="index-advertising-wrap">
<ul class="advertising-items">
<li class="advertising-item wow fadeInUpA"> <a href=""><img src="template/img/demo/adver01.jpg" alt="" /></a> </li>
<li class="advertising-item wow fadeInUpA"> <a href=""><img src="template/img/demo/adver02.jpg" alt="" /></a> </li>
<li class="advertising-item wow fadeInUpA"> <a href=""><img src="template/img/demo/adver03.jpg" alt="" /></a> </li>
</ul>
</section>
<div class="company-synopses">
<ul class="gm-sep">
<?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
<li class="synopsis-item wow fadeInUpA">
<figure class="item-wrap"> <a href="<?php echo $image['alt']; ?>" class="item-img"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"/></a>
<figcaption class="item-info">
<h2 class="item-title">><?php echo $image['title']; ?></h2>
<div class="item-desc"><a href="<?php echo $image['alt']; ?>"><?php echo $image['description']; ?></a></div>
</figcaption>
</figure>
</li>
<?php $i++; endforeach; endif; ?>
</ul>
</div>
</section>
</section>
<section class="main-product-wrap" style="background-image:url(<?php bloginfo( 'template_url' ); ?>/img/demo/cosmetic-back-1.jpg)">
<section class="layout">
<div class="product-items">
<div class="index-title-bar">
<h2 class="title"><a href="">our featured product</a></h2>
<h3 class="sub-title">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam.</h3>
</div>
<ul class="items-content">
<?php $args = array('showposts' => 8, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'Feature Products','compare' => 'LIKE')));
$the_query = new WP_Query( $args ); if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<li class="product-item wow fadeInUpA">
<figure class="item-wrap"> <a class="item-img" href="<?php the_permalink() ?>" title="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 300,""); ?>"><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>
<figcaption class="item-info">
<h3 class="item-title"><a href="<?php the_permalink() ?>" title="<?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 300,""); ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3>
</figcaption>
</figure>
</li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>
</div>
</section>
</section>
<section class=" index-about-wrap" style=" background-image:url(<?php bloginfo( 'template_url' ); ?>/img/demo/cosmetic-background2.jpg)">
<div class="gm-sep about-us layout">
<div class="about-img wow fadeInLeftA">
<ul class="slides">
<?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
<li class="item"><a href="<?php echo home_url("/"); ?>about-us/"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"></a></li>
<?php endforeach; endif; ?>
</ul>
</div>
<div class="about-detail wow fadeInRightA">
<div class="index-title-bar">
<h2 class="title"><a href="">our story</a></h2>
</div>
<div class="about-info"><?php get_the_field('about_text'); ?> </div>
<div class="about-more"><a href="<?php echo home_url("/"); ?>about-us/" >About Us</a></div>
</div>
</div>
</section>
<section class="trusted-partners-wrap">
<section class="layout">
<section class="trusted-partners-info wow fadeInUpA">
<ul class="truster-side">
<li><img src="template/img/demo/cosmetic-client1a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client2a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client3a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client4a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client5a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client1a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client2a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client3a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client4a.png" alt="" /></li>
<li><img src="template/img/demo/cosmetic-client5a.png" alt="" /></li>
</ul>
</section>
</section>
</section>
</section>
<?php get_footer();?>