<?php include 'header.php'; ?>
<style>
#product
{
background-color: #ffffff !important;
}
#search
{
padding-bottom: 50px !important;
background-color: #24ab5e;
}
#search h4, .plant_finder_alphabet input, label, #search p, .fa-search {
color: #fff !important;
}
.stylish-input-group input
{
color:#fff;
}
.plant_finder_alphabet input
{
background: transparent;
border: 0;
text-transform: uppercase;
font-size: 26px;
margin-left: 2px;
margin-right: 2px;
color: #007934;
font-weight: bold;
outline: 0;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
box-shadow: none;
}
.multiselect-container .checkbox {
color: #000 !important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
color: #fff !important;
}
:-ms-input-placeholder { /* IE 10+ */
color: #fff !important;
}
:-moz-placeholder { /* Firefox 18- */
color: #fff !important;
}
#first_form label
{
font-family: Segoe_UI_Symbol_bold;
font-size: 17px;
}
#first_form .checkbox {
font-family: Segoe_UI_Symbol_bold;
font-size: 14px;
}
.btn-group > .btn:first-child {
text-align: left;
}
.btn .caret {
float: right;
margin-top: 8px;
}
</style>
<section id="menu_transparent">
<div class="container">
<div class="col-md-12 banner_top_10" >
<div class="row">
<div class="col-md-7">
<h2 style="margin-top: 20%;">Find the perfect plant</h2>
<p>Indoor plants bring life to your home. Caring for indoor plants is different from caring for plants in the landscape. We have all the information you need to get started successfully. Begin with our Houseplant Finder. It will help you figure out which plants are best for where you live.
</p>
</div>
<div class="col-md-5 banner_img_right">
<img src="images/PF-Banner.png" class="img-responsive">
</div>
</div>
</div>
</div>
</section>
<section id="search">
<div class="container text-center">
<img src="images/leaf_finder.png" />
<h4>Search our plant finder</h4>
<p class="plant_finder_alphabet">
<input type="button" value="a" id="se_a">
<input type="button" value="b" id="se_b">
<input type="button" value="c" id="se_c">
<input type="button" value="d" id="se_d">
<input type="button" value="e" id="se_e" >
<input type="button" value="f" id="se_f">
<input type="button" value="g" id="se_g">
<input type="button" value="h" id="se_h">
<input type="button" value="i" id="se_i">
<input type="button" value="j" id="se_j">
<input type="button" value="k" id="se_k">
<input type="button" value="l" id="se_l">
<input type="button" value="m" id="se_m">
<input type="button" value="n" id="se_n">
<input type="button" value="o" id="se_o">
<input type="button" value="p" id="se_p">
<input type="button" value="q" id="se_q">
<input type="button" value="r" id="se_r">
<input type="button" value="s" id="se_s">
<input type="button" value="t" id="se_t">
<input type="button" value="u" id="se_u">
<input type="button" value="v" id="se_v">
<input type="button" value="w" id="se_w">
<input type="button" value="x" id="se_x">
<input type="button" value="y" id="se_y">
<input type="button" value="z" id="se_z">
</p>
<div class="col-md-12">
<div class="">
<form action="main-search.php">
<div class="input-group stylish-input-group">
<input type="text" class="form-control" name="q" placeholder="Search">
<span class="input-group-addon">
<button type="submit" >
<span class="fa fa-search"></span>
</button>
</span>
</div>
</form>
</div>
</div>
<p class="mt_75">Search our plants to find the flawless look for your home and balcony. Explore the best types, plant mixtures, and more.</p>
<div class="col-md-10 col-md-offset-1">
<form method="GET" id="first_form" >
<div class="row mt_20">
<div class="col-md-3 col-sm-6" id="maintenance">
<div style="padding:10px; text-align: left;">
<label>Maintenance</label>
<p style="font-size: 14px;"> I want a plant that can...</p>
<select id="chkveg" multiple="multiple" style="display: none;">
<option value="maint_low">Low</option>
<option value="maint_medium">Medium</option>
<option value="maint_high">High</option>
</select><br /><br />
<input type="hidden" id="btnget" value="Get Selected Values" />
</div>
</div>
<div class="col-md-3 col-sm-6" id="lighting">
<div style="padding:10px; text-align: left;">
<label>Lighting</label>
<p style="font-size: 14px;">How much time needed...</p>
<select id="chkveg1" multiple="multiple" style="display: none;">
<option value="light_low_light">Indoors: Low Light</option>
<option value="light_medium_light">Indoors: Medium Light</option>
<option value="light_high_light">Indoors: High Light</option>
<option value="light_out_sun">Outside: Sun</option>
<option value="light_out_part_sun">Outside: Part Sun</option>
<option value="light_out_shade">outside: shade</option>
</select><br /><br />
<input type="hidden" id="btnget" value="Get Selected Values" />
</div>
</div>
<div class="col-md-3 col-sm-6" id="shade">
<div style="padding:10px; text-align: left;">
<label>Shade</label>
<p style="font-size: 14px;">As per the perfect spot...</p>
<select id="chkveg2" multiple="multiple" style="display: none;">
<option value="shade_low">Low</option>
<option value="shade_medium">Medium</option>
<option value="shade_high">High</option>
</select><br /><br />
<input type="hidden" id="btnget" value="Get Selected Values" />
</div>
</div>
<div class="col-md-3 col-sm-6" id="others">
<div style="padding:10px; text-align: left;">
<label>Others</label>
<p style="font-size: 14px;">Searching for a brilliant shade</p>
<select id="chkveg3" multiple="multiple" style="display: none;">
</select><br /><br />
<input type="hidden" id="btnget" value="Get Selected Values" />
</div>
</div>
</div>
</form>
</div>
</div>
</section>
<div id="search_result">
<section id="product_white">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="text-center">
<img src="images/about.png" class="upper_img">
<h2 class="team">Popular Plants</h2>
</div>
<div class="row">
<?php
$air_purifiers= 1;
$search_air_purifiers= $con->prepare("SELECT id, plant_image, plant_price, pl_name , pl_family_name, pl_slogan FROM tbl_plants WHERE pl_category=:pl_category ORDER BY RAND() LIMIT 4");
$search_air_purifiers->bindParam(":pl_category", $air_purifiers);
$search_air_purifiers->execute();
while($fetch_air_purifiers = $search_air_purifiers->fetch(PDO::FETCH_ASSOC))
{
?>
<div class="col-md-3 col-sm-6 search_blok">
<a href="plants.php?id=<?php echo $fetch_air_purifiers['id']; ?>"><img src="plant_images/<?php echo $fetch_air_purifiers['plant_image']; ?>" class="img-responsive"><span class="price_tag"><?php echo $fetch_air_purifiers ['plant_price']; ?></span></a>
<a href="plants.php?id=<?php echo $fetch_air_purifiers['id']; ?>"><h3><?php echo $fetch_air_purifiers['pl_name']; ?></h3></a>
<h5><?php echo $fetch_air_purifiers['pl_family_name']; ?></h5>
<p><?php echo substr($fetch_air_purifiers['pl_slogan'],0,110).' .....'; ?><p>
</div>
<?php
}
?>
</div><!-- end row -->
<div class="row">
<?php
$carefree= 2;
$search_carefree= $con->prepare("SELECT id, plant_image, plant_price, pl_name , pl_slogan, pl_family_name FROM tbl_plants WHERE pl_category=:pl_category ORDER BY RAND() LIMIT 4 ");
$search_carefree->bindParam(":pl_category", $carefree);
$search_carefree->execute();
while($fetch_carefree = $search_carefree->fetch(PDO::FETCH_ASSOC))
{
?>
<div class="col-md-3 col-sm-6 search_blok">
<a href="plants.php?id=<?php echo $fetch_carefree['id']; ?>"><img src="plant_images/<?php echo $fetch_carefree['plant_image']; ?>" class="img-responsive"> <span class="price_tag"><?php echo $fetch_carefree['plant_price']; ?></span></a>
<a href="plants.php?id=<?php echo $fetch_carefree['id']; ?>"><h3><?php echo $fetch_carefree['pl_name']; ?></h3></a>
<h5><?php echo $fetch_carefree['pl_family_name']; ?></h5>
<p><?php echo substr($fetch_carefree['pl_slogan'],0,110).' .....'; ?><p>
</div>
<?php
}
?>
</div><!-- end row -->
<div class="row">
<?php
$charming= 3;
$search_charming= $con->prepare("SELECT id, plant_image, plant_price, pl_name ,pl_family_name=, pl_slogan FROM tbl_plants WHERE pl_category=:pl_category ORDER BY RAND() LIMIT 4");
$search_charming->bindParam(":pl_category", $charming);
$search_charming->execute();
while($fetch_charming= $search_charming->fetch(PDO::FETCH_ASSOC))
{
?>
<div class="col-md-3 col-sm-6 search_blok">
<a href="plants.php?id=<?php echo $fetch_charming['id']; ?>"><img src="plant_images/<?php echo $fetch_charming['plant_image']; ?>" class="img-responsive"> <span class="price_tag"><?php echo $fetch_charming['plant_price']; ?></span></a>
<a href="plants.php?id=<?php echo $fetch_charming['id']; ?>"><h3><?php echo $fetch_charming['pl_name']; ?></h3></a>
<h5><?php echo $fetch_charming['pl_family_name']; ?></h5>
<p><?php echo substr($fetch_charming['pl_slogan'],0,110).' .....'; ?><p>
</div>
<?php
}
?>
</div><!-- end row -->
</div>
</div>
</div>
</section>
</div>
<?php include 'footer.php'; ?>
<script>
$(document).ready(function(){
$("#maintenance .multiselect-selected-text").text("Maintenance ");
});
$(document).ready(function(){
$("#lighting .multiselect-selected-text").text("Lighting");
});
$(document).ready(function(){
$("#shade .multiselect-selected-text").text("Shade");
});
$(document).ready(function(){
$("#others .multiselect-selected-text").text("Others");
});
</script>
<script src="js/myfij.js"></script> |