ok
Mini Shell
<?php
include'header.php';
?>
<style>
.top_category{
background-color: red;
border-radius: 50%;
width: 100%;
height: 60px;
text-align:center;
border: 5px solid #bda51a;
}
.first_top_category{
border: 2px solid white;
border-radius: 53px;
}
.second-border{
border: 4px solid red;
border-radius: 50px;
}
.top_category_letter{
margin-top:7px;
font-weight:bolder;
font-size:11px;
}
</style>
<!-- category start -->
<section class="category-section top-space" style="background-color:#cfa53f;">
<ul class="category-slide">
<li onclick="relg('Muslim')">
<div class="second-border">
<div class="first_top_category">
<div class="top_category">
<a class="category-box">
<img src="images/top-category/moon.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/>
</a>
</div>
</div>
</div>
<h4 class="top_category_letter">ISLAM</h4>
</li>
<li onclick="relg('Hindu')" >
<div class="second-border">
<div class="first_top_category">
<div class="top_category">
<a class="category-box">
<img src="images/top-category/om.png" class="img-fluid" style="width: 78%;;margin-top:9%;"/>
</div>
</div>
</div>
<h4 class="top_category_letter">HINDUISM</h4>
</li>
<li onclick="relg('Christian')" >
<div class="second-border">
<div class="first_top_category">
<div class="top_category">
<a class="category-box">
<img src="images/top-category/bible.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/>
</a>
</div>
</div>
</div>
<h4 class="top_category_letter">CHRISTIANITY</h4>
</li>
<li onclick=relg('Taoism') >
<div class="second-border">
<div class="first_top_category">
<div class="top_category">
<a class="category-box">
<img src="images/top-category/taoism.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/>
</a>
</div>
</div>
</div>
<h4 class="top_category_letter">TAOISM</h4>
</li>
<li onclick=relg('Judism')>
<div class="second-border">
<div class="first_top_category">
<div class="top_category">
<a class="category-box">
<img src="images/top-category/judaism.png" class="img-fluid" style="width: 80%;;margin-top:9%;"/>
</a>
</div>
</div>
</div>
<h4 class="top_category_letter">JUDAISM </h4>
</li>
<li onclick =relg('all') >
<a class="category-box">
<h4>VIEW ALL </h4>
</a>
</li>
</ul>
</section>
<div class="divider t-12 b-20"></div>
<div class="row" style="padding-right:20px;padding-left:20px;">
<div class="col-4">
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="caste" id="caste" class="form-control" style="background-color:#df7daa;">
<option value="">Caste</option>
<option value="No caste">No caste</option>
<option value="Vanniyar">Vanniyar</option>
<option value="Goundar">Goundar</option>
</select>
</div>
</div>
<div hidden class="col-4">
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="religion" id="religion" class="form-control" style="background-color:#df7daa;">
<option value="">Religion</option>
<option value="">Select Religion</option>
<option value="Hindu">Hindu</option>
<option value="Muslim">Muslim</option>
<option value="Christian">Christian</option>
<option value="Taoism">Taoism</option>
<option value="Judism">Judism</option>
</select>
</div>
</div>
<div class="col-4">
<span class="btn btn-success" style="background-color:#dd2b1c;border:2px solid #bda51a;">NEW OFFER </span>
</div>
<div class="col-4">
<!--<span class="btn btn-success" style="background-color:#dd2b1c;border:2px solid #bda51a;">NEW OFFER PLUS</span>-->
<a href="#" class="btn btn-solid btn-sm" data-bs-toggle="modal" data-bs-target="#delete" > <small>Filter </small></a>
</div>
</div>
<div class="modal fade" id="delete" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<form >
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="gender" id="gender" class="form-control" >
<option value="">Chosse The Gender</option>
<option value="Male" >Male</option>
<option value="Female" >Female</option>
</select>
<label for="one">Gender</label>
</div>
<div class="form-floating mb-4">
<input type="number" class="form-control" name="age" id="age" onchange="profiles_filter()" />
<label for="age">Age</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="occupation" id="occupation" class="form-control" >
<option value="">Chosse The Occupation</option>
<option value="Farmer">Farmer</option>
</select>
<label for="one">Occupation</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="annual_income" id="annual_income" class="form-control" >
<option value="">Chosse The Income</option>
<option value="None">None</option>
<option value="Less than 1 Lakhs">Less than 1 Lakhs</option>
<option value="1 Lakhs TO 2.5 Lakhs">1 Lakhs TO 2.5 Lakhs</option>
<option value="2.5 Lakhs TO 5 Lakhs">2.5 Lakhs TO 5 Lakhs</option>
<option value="5 Lakhs TO 7.5 Lakhs">5 Lakhs TO 7.5 Lakhs</option>
<option value="7.5 Lakhs TO 10 Lakhs">7.5 Lakhs TO 10 Lakhs</option>
<option value="More than 10 Lakhs">More than 10 Lakhs</option>
</select>
<label for="one">Annual Income (RS)</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="marital_status" id="marital_status" class="form-control" >
<option value="">Chosse Marital Status</option>
<option value="UnMarried">UnMarried</option>
<option value="Widower">Widower</option>
<option value="Divorced">Divorced</option>
<option value="Awaiting">Awaiting</option>
</select>
<label for="one">Marital Status</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="zodiac_signs_star" id="zodiac_signs_star" class="form-control" >
<option value="">Select Zodiac Signs / Star</option>
<option value="No star">No Star</option>
</select>
<label for="age">Zodiac Signs / Star</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" name="dhosam" id="dhosam" class="form-control" >
<option value="">Select Dhosam</option>
<option value="No Dhosam">No Dhosam</option>
</select>
<label for="age">Dosham</label>
</div>
<div class="form-floating mb-4">
<select onchange="profiles_filter()" id="intrests" name="intrests" class="form-control">
<option value="">All</option>
<option value="Travel">Travel</option>
<option value="Sports and Fittness">Sports and Fittness</option>
<option value="Cooking">Cooking</option>
<option value="Music">Music</option>
<option value="Dance">Dance</option>
<option value="Movie and TV Shows">Movie and TV Shows</option>
<option value="Pet Lover">Pet Lover</option>
<option value="Reading">Reading</option>
<option value="Photography">Photography</option>
<option value="Mobile Gaming">Mobile Gaming</option>
<option value="Social media">Social media</option>
<option value="Journalism">Journalism</option>
<option value="Art">Art</option>
<option value="Child Care">Child Care</option>
</select>
<label for="one">Hobbies and Interests </label>
</div>
<br>
<div class="container mt-2 mb-2 text-center">
<input type="button" data-bs-dismiss="modal" aria-label="Close" class="btn btn-sm btn-success" value="Submit">
</div>
</form>
</div>
</div>
</div>
<!-- tab section start -->
<section class="pt-0 tab-section">
<div class="tab-section">
<div class="tab-content px-15" style="margin-bottom:60px;">
<div class="tab-pane fade show active" id="trending">
<div class="row">
<div class="col-4 col-sm-4 col-md-4 col-lg-4">
<!--<select onchange="profiles_filter()" name="caste" id="caste">-->
<!-- <option value="">Select Caste</option>-->
<!-- <option value="Hindu">Hindu</option>-->
<!-- <option value="Vanniyar">Vanniyar</option>-->
<!-- <option value="Vanniyar">Vanniyar</option>-->
<!--</select>-->
</div>
</div>
<div class="row gy-3 gx-3">
<div id="profile_list"></div>
<br><br><br><br>
</div>
</div>
</div>
</div>
</section>
<!-- tab section end -->
<!-- bottom panel start -->
<?php include 'footer.php';?>
<!-- bottom panel end -->
<!-- pwa install app popup start -->
<!--<div class="offcanvas offcanvas-bottom addtohome-popup" tabindex="-1" id="offcanvas">
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
<div class="offcanvas-body small">
<div class="app-info">
<img src="images/logo/SKT-logo.gif" class="img-fluid" style="width:10%;"/>
<div class="content">
<h3>Welcome To Wedding Info</h3>
</div>
</div>
<a href="javascript:void(0)" class="btn btn-solid install-app" id="installApp">add to home screen </a>
</div>
</div>-->
<!-- pwa install app popup end -->
<script>
$(document).ready(function(){
var caste=$('#caste').val();
$.ajax({
url: 'list/astrologer_list.php',
type: 'post',
data:{caste:caste},
success: function (response) {
$('#profile_list').append(response);
}
});
});
function relg(id){
alert(id)
$('#religion').val(id);
profiles_filter();
}
function profiles_filter(){
$('#profile_list').empty();
var caste=$('#caste').val();
var gender=$('#gender').val();
var age=$('#age').val();
var occupation=$('#occupation').val();
var annual_income=$('#annual_income').val();
var marital_status=$('#marital_status').val();
var zodiac_signs_star=$('#zodiac_signs_star').val();
var dhosam=$('#dhosam').val();
var intrests=$('#intrests').val();
var religion=$('#religion').val();
/*var filter_designation=$('#filter_designation').val();*/
$.ajax({
url: 'list/astrologer_list.php',
type: 'post',
data:{caste:caste, gender:gender, age:age,religion:religion, intrests:intrests , occupation:occupation, annual_income:annual_income, marital_status:marital_status, zodiac_signs_star:zodiac_signs_star, dhosam:dhosam},
success: function (response) {
$('#profile_list').append(response);
}
});
}
</script>
<!-- latest jquery-->
<!-- <script src="assets/js/jquery-3.3.1.min.js"></script>-->
<!-- Bootstrap js-->
<!-- <script src="assets/js/bootstrap.bundle.min.js"></script>-->
<!-- Slick js-->
<!-- <script src="assets/js/slick.js"></script>-->
<!-- Slick js-->
<!--<script src="assets/js/homescreen-popup.js"></script>-->
<!-- timer js-->
<!-- <script src="assets/js/timer.js"></script>-->
<!-- offcanvas modal js -->
<!-- <script src="assets/js/offcanvas-popup.js"></script>-->
<!-- script js -->
<!-- <script src="assets/js/script.js"></script>-->
<!--</body>-->
<!--</html>-->
<?php include'footer2.php' ?>
Zerion Mini Shell 1.0