index.php
9.2 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
156
157
158
159
160
161
<?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>
<div class="index-layout">
<!-- company synopses -->
<section class="company-synopses-layer">
<header class="index-tit-bar wow gdFadeIn">
<h2 class="title">3 Factors in <em>MOLD FIGHTING</em></h2>
<p class="desc">Products we offer. Solutions made easy. Which one is for you? Find out.</p>
</header>
<div class="layout">
<ul class="gm-sep company-synopses">
<?php $i=1; $images = get_get_field('ad_ico01'); if( $images ): foreach( $images as $image ): ?>
<li class="synopsis-item wow gdFadeInLeft">
<div class="gm-sep item-wrap">
<div class="item-img"><a href="<?php echo $image['alt']; ?>"><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"/></a></div>
<div class="item-info">
<h3 class="item-title"><a href="<?php echo $image['alt']; ?>"><?php echo $image['title']; ?></a></h3>
<p class="item-desc"><?php echo $image['description']; ?></p>
</div>
<div class="bar-more">
<a href="<?php echo $image['alt']; ?>" class="btn-readmore">see products</a>
</div>
</div>
</li>
<?php $i++; endforeach; endif; ?>
</ul>
</div>
</section>
<!-- product -->
<section class="gd-layer main-product-layer">
<header class="index-tit-bar wow fadeInDownA">
<h2 class="title">Our <em>Products</em></h2>
</header>
<div class="layout">
<div class="gm-sep product-wrap product-slides wow fadeInDownA">
<?php $args = array('showposts' => 12, 'post_type' => 'post', 'meta_query' => array( 'relation' => 'OR', array( 'key' => 'special','value' => 'New Arrivals','compare' => 'LIKE')));
$the_query = new WP_Query( $args ); if( $the_query->have_posts() ): while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<div class="product-item">
<div class="item-wrap">
<div class="pd-img"><a 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></div>
<div class="pd-info">
<h3 class="pd-name"><a href="<?php the_permalink() ?>"><?php echo mb_strimwidth(strip_tags(apply_filters('the_title',$post->post_title)), 0, 50,"..."); ?></a></h3>
</div>
</div>
</div>
<?php endwhile; endif; wp_reset_query(); ?>
</div>
</div>
</section>
<!-- about us -->
<section class="gd-layer about-us-layer">
<div class="layout">
<div class="gm-sep about-us">
<div class="about-banner wow gdFadeInRight">
<ul class="slides" data-wow-delay=".1s">
<?php $images = get_get_field('about_img'); if( $images ): foreach( $images as $image ): ?>
<li><a href=""><img src="<?php echo $image['url']; ?>" alt="<?php echo $image['title']; ?>"></a></li>
<?php endforeach; endif; ?>
</ul>
</div>
<div class="about-detail wow gdFadeInLeft">
<div class="about-tit-bar">
<h2 class="about-tit wow fadeInDownA">Mold Killer vs.<br>Mold Stain Remover</h2>
<h4 class="tit-desc">People ask us all the time... "What is the difference between a Mold Killer and Mold Stain Remover? We aim to answer.</h4>
</div>
<div class="text">
<?php get_the_field('about_text'); ?>
</div>
<div class="bar-more"><a href="<?php echo home_url("/"); ?>about-us/" class="btn-readmore">Learn More</a></div>
</div>
</div>
</div>
</section>
<!-- guide -->
<section class="wow gdFadeIn">
<div class="guide-layer" style="background-image:url(<?php bloginfo( 'template_url' ); ?>/img/demo/guide-bg.jpg);">
<div class="layout">
<h2 class="title">BEYOND THE BOTTLE</h2>
<p class="desc">What do I need to know about mold? We answer some of your questions.</p>
<div class="bar-more">
<a href="" class="btn-readmore">Learn More</a>
</div>
</div>
</div>
</section>
<section class="gd-layer featured-layer">
<header class="index-tit-bar wow fadeInDownA">
<h2 class="title">Featured <em>PRODUCTS</em></h2>
</header>
<div class="layout wow fadeInDownA">
<ul class="featured-list">
<?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="featured-item">
<div class="item-inner">
<div class="featured-img"><a 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></div>
<div class="featured-desc"><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></div>
<div class="featured-ft">
<a href="<?php the_permalink() ?>" class="item-link">Read More</a>
</div>
</div>
</li>
<?php endwhile; endif; wp_reset_query(); ?>
</ul>
</div>
</section>
<!-- partner -->
<section class="gd-layer partner-layer wow fadeInDownA">
<header class="index-tit-bar">
<h2 class="title">Available at these <em>FINE RETAILERS:</em></h2>
</header>
<div class="layout">
<div class="partner-list partner-slides">
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-1.jpg" alt=""></a></div>
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-2.jpg" alt=""></a></div>
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-3.jpg" alt=""></a></div>
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-4.jpg" alt=""></a></div>
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-5.jpg" alt=""></a></div>
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-6.jpg" alt=""></a></div>
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-1.jpg" alt=""></a></div>
<div class="partner-item"><a href=""><img src="template/img/demo/partner-img-2.jpg" alt=""></a></div>
</div>
</div>
</section>
</div>
<?php get_footer();?>