web direc html

<div class="wdp-listing-filter-wrap">

    <div class="wdp-listing-filter">

        <form action="" method="" class="wdp-listing-form">
            <div class="wdp-filter">
                <p class="wdp-filter-label">Filter: </p>
                <select name="" id="" class="medical-award" multiple="multiple">
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                </select>
            </div>

            <div class="wdp-filter">
                <select name="" id="" class="medical-award" multiple="multiple">
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                </select>
            </div>

            <div class="wdp-filter">
                <select name="" id="" class="medical-award" multiple="multiple">
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                </select>
            </div>


            <div class="wdp-filter">
                <p class="wdp-filter-label">Sort: </p>
                <select name="" id="" class="medical-award" multiple="multiple">
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                    <option value="2018-vascular-surgery">2018 Vascular Surgery</option>
                </select>
            </div>


        </form>

    </div>

    <div class="wdp-listing-wrapper">
        <div class="ever-col-6 no-padding">
            <div class="wdp-listing-results">
                <div class="sm-half">
                    <div class="text-left">
                        <span class="result-text">Results for doctor</span>
                        <!-- <div class="clear-filter-mobile-device">
                            <a href="#" class="search-clear-button clear-filters" style="display: inline-block;"><i class="fa fa-close"></i>Clear Filters</a>
                        </div> -->
                    </div>
                </div>

                <div class="sm-half">
                    <div class="text-right">
                        <span class="result-number">Showing 1 - 18 of 1290</span>
                    </div>
                </div>
            </div>

            <ul class="wdp-listing-items">
                <li class="wdp-listing-item sponsored">
                    <div class="wdp-listing-card">

                        <div class="wdp-listing-thumb ever-col-4 no-padding">
                            <a href="#"><img src="http://5280.webpublisherpro.com/wp-content/uploads/2016/07/Thumbnail_Maniatis.jpg" alt="Aristides Maniatis"></a>
                        </div>

                        <div class="wdp-listing-body ever-col-8 no-padding">
                            <div class="wdp-listing-header">
                                <a href="#">
                                    <h2 class="listing-title">Aristides Maniatis</h2>
                                </a>
                                <p class="wdp-listing-category">Pediatric Endocrinology</p>
                                <div class="wdp-badge">
                                    <span>Top Doctor</span>
                                    <!-- <span class="tooltip-text">Here should show about the meaning of sponsored listing which you can change from plugin backend</span> -->
                                </div>
                                <span class="wdp-listing-distance">1093 mi</span>
                            </div>

                            <div class="wdp-listing-content">
                                <p>Dr. Maniatis is a Colorado native who graduated with a bachelor of arts degree from the University of Colorado, double majoring in molecular biology and biochemistry. He received his doctorate of medicine from Harvard Medical School. He then completed his…</p>
                            </div>
                        </div>

                    </div>
                </li>
            </ul>
        </div>

        <div class="ever-col-6 no-padding">

        </div>
    </div>


</div>
<!-- .wdp-listing-filter-wrap -->

<script>
    jQuery(document).ready(function(){
        jQuery('.sumo').SumoSelect({
                    search: true,
                    forceCustomRendering: true,
                    placeholder: 'Selec'
        });

    });

</script>

<?php