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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
|
<? include('../_init.php');
$sql="SELECT * FROM banner where status = 1 order by sort asc";$records_banner = $SQL->resultManyArr($sql);
?>
<!DOCTYPE html>
<html dir="ltr" lang="en-US">
<head>
<? include('_head.php');?>
</head>
<body class="stretched no-transition">
<!-- Document Wrapper
============================================= -->
<div id="wrapper" class="clearfix">
<!-- Header
============================================= -->
<? include('_header.php');?><!-- #header end -->
<section id="slider" class="slider-parallax swiper_wrapper clearfix">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<? for($i=0;$i<count($records_banner);$i++){?>
<div class="swiper-slide dark" style="background-image: url('../file/banner/<?=$records_banner[$i]['photo']?>');">
<div class="container clearfix">
<div class="slider-caption slider-caption-center">
<h2 data-caption-animate="fadeInUp"><?=$records_banner[$i]['name_en']?></h2>
<!--<p data-caption-animate="fadeInUp" data-caption-delay="200">Save Your Earth Save Your Nature</p>-->
</div>
</div>
</div>
<? }?>
</div>
<div id="slider-arrow-left"><i class="icon-angle-left"></i></div>
<div id="slider-arrow-right"><i class="icon-angle-right"></i></div>
</div>
<script>
jQuery(document).ready(function($){
var swiperSlider = new Swiper('.swiper-parent',{
autoplay: 8000,
loop: true,
paginationClickable: false,
slidesPerView: 1,
grabCursor: true,
onSwiperCreated: function(swiper){
$('[data-caption-animate]').each(function(){
var $toAnimateElement = $(this);
var toAnimateDelay = $(this).attr('data-caption-delay');
var toAnimateDelayTime = 0;
if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 750; } else { toAnimateDelayTime = 750; }
if( !$toAnimateElement.hasClass('animated') ) {
$toAnimateElement.addClass('not-animated');
var elementAnimation = $toAnimateElement.attr('data-caption-animate');
setTimeout(function() {
$toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
}, toAnimateDelayTime);
}
});
},
onSlideChangeStart: function(swiper){
$('#slide-number-current').html(swiper.activeIndex + 1);
$('[data-caption-animate]').each(function(){
var $toAnimateElement = $(this);
var elementAnimation = $toAnimateElement.attr('data-caption-animate');
$toAnimateElement.removeClass('animated').removeClass(elementAnimation).addClass('not-animated');
});
},
onSlideChangeEnd: function(swiper){
$('#slider .swiper-slide.swiper-slide-active [data-caption-animate]').each(function(){
var $toAnimateElement = $(this);
var toAnimateDelay = $(this).attr('data-caption-delay');
var toAnimateDelayTime = 0;
if( toAnimateDelay ) { toAnimateDelayTime = Number( toAnimateDelay ) + 300; } else { toAnimateDelayTime = 300; }
if( !$toAnimateElement.hasClass('animated') ) {
$toAnimateElement.addClass('not-animated');
var elementAnimation = $toAnimateElement.attr('data-caption-animate');
setTimeout(function() {
$toAnimateElement.removeClass('not-animated').addClass( elementAnimation + ' animated');
}, toAnimateDelayTime);
}
});
}
});
$('#slider-arrow-left').on('click', function(e){
e.preventDefault();
swiperSlider.swipePrev();
});
$('#slider-arrow-right').on('click', function(e){
e.preventDefault();
swiperSlider.swipeNext();
});
$('#slide-number-current').html(swiperSlider.activeIndex + 1);
$('#slide-number-total').html(swiperSlider.slides.length);
});
</script>
</section>
<!-- Content
============================================= -->
<section id="content">
<div class="section notopmargin" style="background-color:#8bc53f;">
<div class="container clear-bottommargin clearfix dark">
<div class="heading-block center">
<h2>Our Products</h2>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 bottommargin">
<div class="ipost clearfix">
<div class="entry-image">
<a href="#"><img class="image_fade" src="../images/home/1-1.jpg" alt="Image"></a>
</div>
<h3 class="uppercase" style="font-weight: 600;">Agriculture Management</h3>
<p style="line-height: 1.8;">The mozzyology solution is designed to improve and sustain vegetation growth and quality of its produce by re-introducing natural balance in the environment through organic means.</p>
<a href="#" class="button button-border button-light button-rounded button-reveal tright uppercase nomargin"><i class="icon-angle-right"></i><span>Read More</span></a>
</div>
</div>
<div class="col-md-3 col-sm-6 bottommargin">
<div class="ipost clearfix">
<div class="entry-image">
<a href="#"><img class="image_fade" src="../images/home/1-2.jpg" alt="Image"></a>
</div>
<h3 class="uppercase" style="font-weight: 600;">Environmental Protection Management</h3>
<p style="line-height: 1.8;">The mozzyology solution is designed to improve and sustain vegetation growth and quality of its produce by re-introducing natural balance in the environment through organic means.</p>
<a href="#" class="button button-border button-light button-rounded button-reveal tright uppercase nomargin"><i class="icon-angle-right"></i><span>Read More</span></a>
</div>
</div>
<div class="col-md-3 col-sm-6 bottommargin">
<div class="ipost clearfix">
<div class="entry-image">
<a href="#"><img class="image_fade" src="../images/home/1-3.jpg" alt="Image"></a>
</div>
<h3 class="uppercase" style="font-weight: 600;">Fishery Management</h3>
<p style="line-height: 1.8;">The mozzyology solution is designed to improve and sustain vegetation growth and quality of its produce by re-introducing natural balance in the environment through organic means.</p>
<a href="#" class="button button-border button-light button-rounded button-reveal tright uppercase nomargin"><i class="icon-angle-right"></i><span>Read More</span></a>
</div>
</div>
<div class="col-md-3 col-sm-6 bottommargin">
<div class="ipost clearfix">
<div class="entry-image">
<a href="#"><img class="image_fade" src="../images/home/1-4.jpg" alt="Image"></a>
</div>
<h3 class="uppercase" style="font-weight: 600;">Waste Management</h3>
<p style="line-height: 1.8;">The mozzyology solution is designed to improve and sustain vegetation growth and quality of its produce by re-introducing natural balance in the environment through organic means.</p>
<a href="#" class="button button-border button-light button-rounded button-reveal tright uppercase nomargin"><i class="icon-angle-right"></i><span>Read More</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="container clearfix">
<div class="heading-block center noborder">
<h3>Give Nature What Nature Wants</h3>
</div>
<div class="row">
<div class="col_one_third bottommargin">
<div class="ipost clearfix">
<div class="entry-image">
<a href="#"><img class="image_fade" src="../images/home/2-1.jpg" alt="Image"></a>
</div>
<h3 class="uppercase" style="min-height:72px;">Technical Asistance</h3>
<p style="line-height: 1.8;">B.E.A. Ltd is a company committed to the development of sustainable agriculture through innovative research and technology.crops, with a clear and transparent commitment towards our clients, their employees and the community.</p>
</div>
</div>
<div class="col_one_third bottommargin">
<div class="ipost clearfix">
<div class="entry-image">
<a href="#"><img class="image_fade" src="../images/home/2-2.jpg" alt="Image"></a>
</div>
<h3 class="uppercase" style="min-height:72px;">Chemical Analysis</h3>
<p style="line-height: 1.8;">Together with maintaining a respect for responsible development, our goal is to take on and solve the modern challenges of the agricultural industry by adopting solutions focused on the speconomies.</p>
</div>
</div>
<div class="col_one_third col_last bottommargin">
<div class="ipost clearfix">
<div class="entry-image">
<a href="#"><img class="image_fade" src="../images/home/2-3.jpg" alt="Image"></a>
</div>
<h3 class="uppercase" style="min-height:72px;">Research Into Products And Technology</h3>
<p style="line-height: 1.8;">The improvement of agriculture is therefore important to us in order to enhance the quality of local specialities. Our research has leads to the development of cutting-edge products, which increase the nutritional quality of all plants. Such products stimulate
the growth and multiplication of microbes vital for improving the rhizosphere, soil, stem and foliage.</p>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<!-- Footer
============================================= -->
<? include('_footer.php')?>
<!-- #footer end -->
</div><!-- #wrapper end -->
<? include('_footer_scripts.php');?>
</body>
</html>
|