JezK

Edit File: search.php

<?php include('mainHeader.php')?>
<link rel="stylesheet" href="src/mini-event-calendar.min.css">
<style>
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link{
    background: #b8d2de !important;
    border-radius:0;
    padding:5px 15px;
    border:unset !important;
}
.nav-tabs .nav-link{
    padding:5px 15px;
}
.nav-link{
    color:black;
}
</style>
<section class="mt-5 pt-4 mx-5">
    <div class="container-fluid  text-dark pb-4">
        <div class="container justify-content-center col-xl-8">
            <form class="">
                <div class="row">
                    <div class="col-12 col-xl-5 col-md-5 col-lg-4 px-0">
                        <img src="img/location.png" class="locationIcon">
                        <input type="text" class="form-control pl-4 pr-Right" name="businessName" id="businessName" value="london">
                        <button class="btn btn-light btn-sm fs-13 detectIcon mr-1"><img src="img/detedt.png" class="">Detect</button>
                    </div>
                    <div class="col-12 col-xl-7 col-md-7 col-lg-8 px-0">
                        <img src="img/searchgray.png" class="locationIcon">
                        <input type="text" class="form-control pl-4 pr-Search" name="businessName" id="businessName">
                        <button class="btn btn-primary btn-sm fs-13 detectIcon mr-1"><img src="img/search.png" class=""></button>
                    </div>
                </div>
               <div class="row mt-2">
                    <div class="form-group col-sm-4 px-0 pr-1">
                        
                        <select class="form-control whiteBack filterby" name="plan_type" id="plan_type">
                        <option value="3">Availability</option>
                        <option alue="6"></option>
                        <option alue="12"></option>
                        </select>
                    </div>
                    <div class="form-group col-sm-4 px-0 pl-1 pr-1">
                        
                        <select class="form-control whiteBack filterby" name="plan_type" id="plan_type">
                        <option value="3">All Filters</option>
                        <option alue="6"></option>
                        <option alue="12"></option>
                        </select>
                    </div>
                    <div class="form-group col-sm-4 px-0 pl-1">
                        
                        <select class="form-control whiteBack filterby" name="plan_type" id="plan_type">
                        <option value="3">Sort By</option>
                        <option alue="6"></option>
                        <option alue="12"></option>
                        </select>
                    </div>
               </div>
               <span class="search-result">550 matches found for UI/UX designers in London</span>
            </form>
        </div>

<div class="row bg-white mb-2 search-content">
            <div class="col-xl-1 col-sm-6 col-md-4 mbrPadding text-center">
                <div>
                <img src="img/dummybusinesspic.png">
                </div>
            </div>
            <div class="col-xl-11 col-sm-6 col-md-8 videoConf">
                <div class="row mt-4 pt-2">
                    <div class="col-xl-9 col-sm-6 col-md-8 mbrMargin">
                        <p class="mb-1 text-dark">Krify Services</p>
                        <p class="mb-1">No. of Professionals : <span>5</span></p>
                        <p class="mb-1"><img src="img/verified.png">&nbsp;&nbsp;Verified</p>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-md-8 mbrMargin">
                        <p class="mb-1 text-dark consultation-rate">Consultation 20$/ hr.</p>
                        <a data-toggle="modal" data-target="#myModal" class="btn btn-primary b-appointment">Book Appointment</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row bg-white mb-2 search-content">
            <div class="col-xl-1 col-sm-6 col-md-4 mbrPadding text-center">
                <div>
                <img src="img/dummybusinesspic.png">
                </div>
            </div>
            <div class="col-xl-11 col-sm-6 col-md-8 videoConf">
                <div class="row mt-4 pt-2">
                    <div class="col-xl-9 col-sm-6 col-md-8 mbrMargin">
                        <p class="mb-1 text-dark">Krify Services</p>
                        <p class="mb-1">No. of Professionals : <span>5</span></p>
                        <p class="mb-1"><img src="img/verified.png">&nbsp;&nbsp;Verified</p>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-md-8 mbrMargin">
                        <p class="mb-1 text-dark consultation-rate">Consultation 20$/ hr.</p>
                        <a data-toggle="modal" data-target="#myModal" class="btn btn-primary b-appointment">Book Appointment</a>
                    </div>
                </div>
            </div>
        </div>

</div>
</section>

<?php include('mainFooter.php')?>