|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/leadriding/include/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<style type="text/css">
.wrapper{
position: absolute;
bottom: -50%;
left: 50%;
transform: translate(-50%,-50%);
}
.wrapper .search_box{
width: 500px;
background: #fff;
border-radius: 5px;
height: 65px;
display: flex;
padding: 10px;
box-shadow: 0 8px 6px -10px #E31E24;
}
.wrapper .search_box .dropdown{
width: 150px;
border-right: 2px solid #dde2f1;
color: #9fa3b1;
position: relative;
cursor: pointer;
}
.wrapper .search_box .dropdown .default_option{
text-transform: uppercase;
padding: 13px 15px;
font-size: 14px;
}
.wrapper .search_box .dropdown ul{
position: absolute;
top: 70px;
left: -10px;
background: #fff;
width: 150px;
border-radius: 5px;
padding: 20px;
display: none;
box-shadow: 8px 8px 6px -10px #b3c6ff;
}
.wrapper .search_box .dropdown ul.active{
display: block;
}
.wrapper .search_box .dropdown ul li{
padding-bottom: 20px;
}
.wrapper .search_box .dropdown ul li:last-child{
padding-bottom: 0;
}
.wrapper .search_box .dropdown ul li:hover{
color: #6f768d;
}
.wrapper .search_box .dropdown:before{
content: "";
position: absolute;
top: 18px;
right: 20px;
border: 8px solid;
border-color: #E31E24 transparent transparent transparent;
}
.wrapper .search_box .search_field{
width: 350px;
height: 100%;
position: relative;
}
.wrapper .search_box .search_field .input{
width: 100%;
height: 100%;
border: 0px;
font-size: 16px;
padding-left: 20px;
padding-right: 38px;
color: #6f768d;
}
.wrapper .search_box .search_field button{
position: absolute;
top: 5px;
right: 10px;
font-size: 22px;
color: #E31E24;
cursor: pointer;
border: none;
background: transparent;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #9fa3b1;
}
::-moz-placeholder { /* Firefox 19+ */
color: #9fa3b1;
}
:-ms-input-placeholder { /* IE 10+ */
color: #9fa3b1;
}
:focus-visible {
outline: -webkit-focus-ring-color auto 0px;
}
@media (min-width: 320px) and (max-width: 1024px) {
.wrapper{
position: unset;
bottom: unset;
left: unset;
transform: unset;
}
.wrapper .search_box{
width: 100%;
}
.wrapper .search_box .dropdown {
width: 50%;
border-right: 2px solid #dde2f1;
color: #9fa3b1;
position: relative;
cursor: pointer;
}
.wrapper .search_box .search_field {
width: 100%;
height: 100%;
position: relative;
}
.wrapper .search_box .search_field .input {
width: 100%;
height: 100%;
border: 0px;
font-size: 16px;
padding-left: 20px;
padding-right: 38px;
color: #6f768d;
}
}
</style>
<section class="hero-section-two">
<div class="banner-slider slider">
<a href="a1.php">
<div class="banner">
<img class="img-fluid banimg" src="assets/img/banner.jpg" alt="img">
</div>
</a>
<a href="a1.php">
<div class="banner">
<img class="img-fluid banimg" src="assets/img/banner-02.jpg" alt="img">
</div> </a>
<a href="a1.php">
<div class="banner">
<img class="img-fluid banimg" src="assets/img/banner-03.jpg" alt="img">
</div></a>
</div>
<div class="banner-search aos" data-aos="fade-up">
<div class="container">
<div class="row">
<div class="col-md-10 mx-auto">
<div class="">
<h1>Easy way to <span>reach expert</span></h1>
<!-- <p>Search From 150 Awesome Verified Ads!</p> -->
<p></p>
</div>
<!-- <div class="search-box-two sermobi">
<div class="css1">
<form action="https://html.truelysell.com/template3/search.html">
<div class="search-input-new inmb">
<i class="fas fa-location-arrow bficon"></i>
<div class="form-group mb-0">
<input type="text" class="form-control" placeholder="Your Location">
<a class="current-loc-icon current_location" href="javascript:void(0);"><i class="fas fa-crosshairs"></i></a>
</div>
</div>
<div class="search-input-new line inmb">
<div class="form-group mb-0">
<select class="form-control" name="sub">
<option>select</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
</select>
</div>
</div>
<div class="search-btn">
<button class="btn search_service" type="submit"><i class="feather-search"></i> Search</button>
</div>
</form>
</div>
</div> -->
<!-- <div class="main">
<input class="sers" type="text" placeholder="Enter text u" />
<select class="sers" name="cat">
<option>Select Categories</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
</select>
<input type="submit" value="Search">
<button class="btn serbut" type="submit"><i class="feather-search"></i></button>
</div> -->
<div class="wrapper">
<form method="post" action="search1.php">
<div class="search_box">
<div class="search_field" style="border-right: 1px solid black;">
<input type="text" class="input" placeholder="Enter Location" id="search_input" name="ser">
<input type="hidden" id="loc_lat" />
<input type="hidden" id="loc_long" />
</div>
<div class="search_field">
<!--<input class="input" placeholder="Search"-->
<!--id="search" onkeypress="showResults();" list="livesearch" type="text" name="key" >-->
<!-- <datalist id="livesearch"></datalist>-->
<select id="sub" class="js-states form-control fav_clrs" name="cate">
<option>select categories</option>
<?php
$sql = "select * from tbl_sub_category ";
$sql_res = mysqli_query($con, $sql) or die(mysqli_error($con));
while ($marriage = mysqli_fetch_assoc($sql_res)){
?>
<option value="<?php echo $marriage['id'];?>"><?php echo $marriage['name'];?></option>
<?php } ?>
</select>
</div>
<div class="search_field">
<button type="submit"><i class="fas fa-search"></i></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- /Hero Section -->
<!-- <section class="featured-categories-section">
<div class="container">
<div class="row">
<div class="col-md-10 mx-auto inmb1">
<div class="search-box-two sermb">
<form action="https://html.truelysell.com/template3/search.html">
<div class="search-input-new inmb">
<i class="fas fa-location-arrow bficon"></i>
<div class="form-group mb-0">
<input type="text" class="form-control" placeholder="Your Location">
<a class="current-loc-icon current_location" href="javascript:void(0);"><i class="fas fa-crosshairs"></i></a>
</div>
</div>
<div class="search-input-new line inmb">
<div class="form-group mb-0">
<select class="form-control" name="sub">
<option>select</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
<option value="abc">abc</option>
</select>
</div>
</div>
<div class="search-btn">
<button class="btn search_service" type="submit"><i class="feather-search"></i> Search</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section> -->
<script>
// function showResult() {
// var str = document.getElementById("search").value;
// // alert(str);
// if (str.length==0) {
// document.getElementById("livesearch").innerHTML="";
// document.getElementById("livesearch").style.border="0px";
// return;
// }
// var xmlhttp=new XMLHttpRequest();
// xmlhttp.onreadystatechange=function() {
// if (this.readyState==4 && this.status==200) {
// document.getElementById("livesearch").innerHTML=this.responseText;
// document.getElementById("livesearch").style.border="1px solid #A5ACB2";
// }
// }
// xmlhttp.open("GET","livesearch.php?q="+str,true);
// xmlhttp.send();
// }
function showResults() {
var str = document.getElementById("search").value;
// alert(str);
if (str.length==0) {
document.getElementById("livesearch").innerHTML="";
document.getElementById("livesearch").style.border="0px";
return;
}
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
document.getElementById("livesearch").innerHTML=this.responseText;
document.getElementById("livesearch").style.border="1px solid #A5ACB2";
document.getElementById("livesearch").style.height="99px";
document.getElementById("livesearch").style.backgroundColor="#fff";
document.getElementById("livesearch").style.marginBottom="-100px";
document.getElementById("livesearch").style.overflowY="scroll";
document.getElementById("livesearch").style.padding="0px 0px 10px 10px";
document.getElementById("livesearch");
}
}
xmlhttp.open("GET","livesearch.php?q="+str,true);
xmlhttp.send();
}
function showResultsi() {
var str = document.getElementById("searchs").value;
// alert(str);
if (str.length==0) {
document.getElementById("livesearchs").innerHTML="";
document.getElementById("livesearchs").style.border="0px";
return;
}
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
document.getElementById("livesearchs").innerHTML=this.responseText;
document.getElementById("livesearchs").style.border="1px solid #A5ACB2";
document.getElementById("livesearchs").style.height="99px";
document.getElementById("livesearchs").style.backgroundColor="#fff";
document.getElementById("livesearchs").style.marginBottom="-100px";
document.getElementById("livesearchs").style.overflowY="scroll";
document.getElementById("livesearchs").style.padding="0px 0px 10px 10px";
document.getElementById("livesearchs");
}
}
xmlhttp.open("GET","livesearch.php?q="+str,true);
xmlhttp.send();
}
</script>