| Server IP : 51.89.169.208 / Your IP : 216.73.216.9 Web Server : Apache System : Linux ns3209505.ip-198-244-202.eu 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Tue Nov 5 04:50:16 EST 2024 x86_64 User : yellowleaf ( 1019) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/yellowleaf/public_html/masrur/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<title>YellowLeaf</title>
{meta} {css}
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
<style>
#banner {
position: relative;
overflow: hidden;
}
#banner .hero {
background: url('img/banner3.png') no-repeat center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
z-index: 0;
}
#banner .tint {
/*position: absolute;top:0;right:0;bottom:0;left:0;*/
background: rgba(0, 0, 0, 0.2);
position: relative;
z-index: 1;
}
#banner .wrap {
padding: 235px 0;
}
#banner .content {
background: rgba(0, 0, 0, 0.65);
padding: 20px;
color: #FFf;
}
/*#banner .title{font-size:26px;color:#FFF;font-weight:lighter;padding:10px 10px 15px;}*/
#banner .title {
font-size: 50px;
font-weight: 600;
color: #FFF;
text-shadow: 0 0 2px black;
text-align: center;
padding-bottom: 30px;
}
#banner form {
text-align: center;
font-size: 14px;
}
#banner form > label {
margin: 0 30px;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
}
#banner .inp_cn .inp {
background: rgba(255, 255, 255, 0.4);
border: 1px solid white;
color: #ffffff;
padding: 13px 16px;
width: 250px;
font-size: 16px;
line-height: 16px;
}
#banner .inp_cn .inp::-webkit-input-placeholder {
color: white;
}
#banner .inp_cn .inp::-moz-placeholder {
color: white;
}
#banner label.advanced {
margin: 0 20px;
display: inline-block;position: relative;
}
.advanced span{padding: 0 15px;
cursor: pointer;
line-height: 45px;display: block;
height: 45px;}
.advanced span:hover{text-decoration: underline;}
.advanced_opts{position: absolute;top:70px;background: rgba(0, 0, 0, 0.65);min-width:340px;cursor:default;padding:10px;display: none;}
.advanced_opts .option{display: table;width:100%;}
.advanced_opts .opt_cell{display: table-cell;vertical-align: middle;}
.advanced_opts label{display:inline-block;color:white;font-size:14px;padding:5px;margin:5px;height:auto;line-height: normal;width:120px;text-align: right;}
.advanced_opts .inp{background: rgba(255, 255, 255, 0.4);margin:5px;color:#FFF;
padding: 10px 13px;border: 1px solid white;
width: 150px;
font-size: 16px;}
.advanced_opts .inp::-webkit-input-placeholder {
color: white;
}
.advanced_opts .inp::-moz-placeholder {
color: white;
}
#banner .cta {
border: 0;
padding: 15px 40px;
cursor: pointer;
text-transform: uppercase;
}
.section {
padding: 35px 0 40px;
}
.section:nth-child(odd) {
background: #ecf0f1
}
.section.stats {
background-color: #2c3e50;
color: #ecf0f1
}
.stats td {
text-align: center;
vertical-align: middle;
width: 25%;
}
.stats .ic {
border: 0;
display: inline-block;
display: none;
transform: scale(0.55);
}
.ic.members {
width: 110px;
height: 94px;
background: url('img/home_icons.png') no-repeat 1px 3px;
}
.ic.listing {
width: 113px;
height: 94px;
background: url('img/home_icons.png') no-repeat 0px -89px;
}
.ic.visitor {
width: 148px;
height: 94px;
background: url(img/home_icons.png) no-repeat -108px 0;
}
.ic.free {
width: 146px;
height: 110px;
background: url(img/home_icons.png) no-repeat -109px -96px;
}
.stats .stat {
font-size: 20px;
}
.stats .stat.free {
font-size: 33px;
}
.stats .num {
display: block;
text-align: center;
font-size: 35px;
}
.section.products {
text-align: center;
}
.inp_cn {
display: inline-block;
position: relative;
}
.suggestion_cn {
position: absolute;
top: 101%;
background: #FFF;
color: #000;
left: 0;
right: 0;
display: none;
}
.suggestion {
border-bottom: 1px solid #CCC;
padding: 10px 5px 10px 20px;
cursor: hover;
text-align: left;
position: relative;
z-index: 1000;
}
.suggestion:hover,
.suggestion.hover {
background: #E3F2FD;
}
.pr_cn {
position: relative;
}
.product.two_view {
height: 120px;
background: #FFF;
display: inline-block;
width: 48%;
margin-right: 1%;
margin-bottom: 20px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
border: 1px solid #ecf0f1;
vertical-align: top;
}
.product .inner_cn {
display: table;
width: 100%;
}
.pr_img,
.pr_details {
display: table-cell;
text-align: left;
padding: 10px;
vertical-align: top;
}
.pr_img {
width: 90px;
}
.pr_img img {
width: 99%;
}
.pr_details {
font-size: 14px;
}
.pr_title {
font-size: 15px;
}
</style>
</head>
<body>
{header}
<div id="banner">
<div class="hero"></div>
<div class="tint">
<div class="wrap">
<div class="title">Search for local businesses in the UK</div>
<div class="content cn fadeIn">
<form action="" method="get" class="search" autocomplete="off">
<label style="margin-left: 0;">SEARCH</label>
<div class="inp_cn"><input type="text" class="inp section" name="section" placeholder="Business" />
<div class="suggestion_cn"></div>
</div>
<label>IN</label>
<div class="inp_cn"><input type="text" class="inp location" name="location" placeholder="Location" />
<div class="suggestion_cn"></div>
</div>
<label class="advanced"><span>ADVANCED OPTIONS</span>
<div class="advanced_opts">
<div class="option">
<div class="opt_cell"><label>Proximity (km):</label></div>
<div class="opt_cell"><input type="number" min="1" name="proximity" class="inp" placeholder="Insert proximity" value="{proximity}" /></div>
</div>
<div class="option">
<div class="opt_cell"><label>Search Terms:</label></div>
<div class="opt_cell"><input type="text" class="inp" name="search" placeholder="Insert Search Terms" value="" /></div>
</div>
</div>
</label>
<button type="submit" class="cta blue bright">SEARCH</button>
</form>
</div>
</div>
</div>
</div>
<div class="section stats">
<table class="cn">
<tr>
<td class="count not">
<div class="img"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="ic members" /></div>
<div class="stat"><span class="num">{mem_count}</span> MEMBERS</div>
</td>
<td class="count not">
<div class="img"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="ic listing" /></div>
<div class="stat"><span class="num">{list_count}</span> LISTINGS</div>
</td>
<td class="count not">
<div class="img"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="ic visitor" /></div>
<div class="stat"><span class="num">{pop_count}</span> VISITORS</div>
</td>
<td class="count not">
<div class="img"><img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="ic free" /></div>
<div class="stat free">FREE TO JOIN</div>
</td>
</tr>
</table>
</div>
<div class="section products">
<div class="cn">
<h2>Latest Businesses on YellowLeaf UK</h2>
<div class="pr_cn">{pr}</div>
</div>
</div>
{js}
<script>
$(function() {
if (elementScrolled('.count.not .num')) {
count('.count .num');
}
$('.advanced span').click(function(){
$('.advanced_opts').slideToggle(287);
});
});
var clicky;
$(document).mousedown(function(e) {
clicky = $(e.target);
});
$(document).mouseup(function(e) {
clicky = null;
});
$('.search .inp').keydown(function(e) {
var unicode = e.keyCode;
if (unicode == 13) {
if ($('.suggestion.hover').length > 0) {
select_sug('.suggestion.hover');
return false;
}
}
if (unicode == 40) {
id = $('.suggestion.hover').attr('data-id') || 0;
$('.suggestion[data-id=' + id + ']').removeClass('hover');
id = parseInt(id) + 1;
$('.suggestion[data-id=' + id + ']').addClass('hover');
return false;
}
if (unicode == 38) {
id = $('.suggestion.hover').attr('data-id') || parseInt($('.suggestion:last-child').attr('data-id')) + 1;
$('.suggestion[data-id=' + id + ']').removeClass('hover');
id -= 1;
$('.suggestion[data-id=' + id + ']').addClass('hover');
return false;
}
});
$('.search .inp').keyup(function(e) {
$(this).addClass('focus');
var unicode = e.keyCode;
name = $(this).attr('name');
value = $(this).val();
if (unicode == 40 || unicode == 39 || unicode == 38 || unicode == 37 || unicode == 13) {} else {
var cats_update = $.ajax({
url: "search.ajax.php",
method: "GET",
data: {
name: name,
value: value
}
}).done(function(msg) {
$('.inp.' + name).siblings('.suggestion_cn').show().html(msg);
});
}
});
$('.search .inp').blur(function() {
name = $(this).attr('name');
if ($(clicky).attr('class') == 'suggestion') {
} else {
$(this).siblings('.suggestion_cn').hide().html('');
$('.search .inp.focus').removeClass('focus');
}
});
$(window).scroll(function() {
if (elementScrolled('.count.not .num')) {
count('.count .num');
}
});
function count(elem) {
$(elem).each(function() {
$(this).prop('Counter', 0).animate({
Counter: $(this).text()
}, {
duration: 5287,
easing: 'swing',
step: function(now) {
$(this).text(comma(Math.ceil(now)) + '+');
}
});
});
$('.count').removeClass('not');
};
function elementScrolled(elem) {
var docViewBottom = $(window).scrollTop() + $(window).height();
var elemTop = ($(elem).offset().top) + ($(elem).height() * 0.3);
return ((elemTop <= docViewBottom));
}
function select_sug(suggestion) {
txt = $(suggestion).text();
$('.search .inp.focus').val(txt);
$('.search .inp.focus').removeClass('focus');
$('.suggestion').removeClass('hover');
$('.suggestion_cn').hide();
}
function comma(x) {
return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
</script>
</body>
</html>