<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>KVA-Mumbai - Services</title>
    <?php include("scripts-styles.php"); ?>

        <link rel="stylesheet" href="css/jquery.range.css">
        <link rel="stylesheet" href="css/jquery.jscrollpane.css">
       <!-- <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/blitzer/jquery-ui.css">-->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

        <script src="js/jquery.jscrollpane.min.js"></script>
        <script src="js/jquery.mousewheel.js"></script>
</head>

<body>
    <div class="wrapper">

        <?php include("header.php"); ?>
            <div class="inner-page-wrapper">
                <div class="wrapper-container">
                    <div class="row">
                        <div class="col-md-12">
                            <h2><span></span>Services </h2>
							<div class="clearfix">
                            <div id="main">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="filter-btn"><a href="#"><span class="filter-icon"><i class="fa fa-filter" aria-hidden="true"></i></span> Filter</a></div>
                                    </div>

                                    <div class="col-sm-6">
                                        <form>
                                            <div class="sort-list">
                                                <div class="row">
                                                    <div class="col-sm-4">
                                                        <label>Sort By</label>
                                                    </div>
                                                    <div class="col-sm-8 select-dropdown">

                                                        <select class="selectpicker">
                                                            <option value="City">City</option>
                                                            <option value="Rating">Rating</option>
                                                        </select>

                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="clearfix"></div>

                                </div>
                                <div class="row">
                                    <div class="filter-panel">
                                        <div class="filter-form">
                                            <form>
                                                <div class="row select-row">
                                                    <div class="col-sm-4">
                                                        <label>Category</label>
                                                        <select class="selectpicker" multiple data-selected-text-format="count > 3">
                                                            <option value="All" selected="selected">All</option>
                                                            <option value="Manufacturer">Manufacturer</option>
                                                            <option value="Service">Service</option>
                                                            <option value="Trader">Trader</option>
                                                            <option value="Artist">Artist</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-8">
                                                        <label>Skill</label>
                                                         <div class="autocomplete form-group">
															<input id="skillinput" type="text" name="skill" placeholder="">
															<!--<div id="skill-list-block" class="skill-list-block"></div>-->
														  </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                   
                                                    <div class="col-sm-4">
                                                        <label>Location</label>
                                                        <select class="selectpicker" multiple data-selected-text-format="count > 3">
                                                            <option selected="selected" value="All">All</option>
                                                            <option value="Karnatak">Karnatak</option>
                                                            <option value="Kerala">Kerala</option>
                                                            <option value="Maharashtra">Maharashtra</option>
                                                            <option value="Gujrat">Gujrat</option>
                                                            <option value="Rajasthan">Rajasthan</option>
                                                            <option value="Delhi">Delhi</option>
                                                            <option value="Andhra Pradesh">Andhra Pradesh</option>
                                                            <option value="Karnatak">Karnatak</option>
                                                            <option value="Kerala">Kerala</option>
                                                            <option value="Maharashtra">Maharashtra</option>
                                                            <option value="Gujrat">Gujrat</option>
                                                            <option value="Rajasthan">Rajasthan</option>
                                                            <option value="Delhi">Delhi</option>
                                                            <option value="Andhra Pradesh">Andhra Pradesh</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-8 form-group">
                                                        <label>Ratings</label>
                                                        <div class="rating-block clearfix">
                                                            <fieldset class="rating">
    <input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="5 stars"></label>
    <input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="4.5 stars"></label>
    <input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="4 stars"></label>
    <input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="3.5 stars"></label>
    <input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="3 stars"></label>
    <input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="2.5 stars"></label>
    <input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="2 stars"></label>
    <input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="1.5 stars"></label>
    <input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="1 star"></label>
    <input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="0.5 stars"></label>
</fieldset>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <div class="filterlist-block">
                                       <a href="view-profile.php">
                                        <div class="row">                                            
                                            <div class="col-sm-12 filterlist-detail">
                                                <div class="row">
                                                    <div class="col-sm-9">
                                                    <div class="filterlist-detail-block">
                                                       <div class="filterlist-img"><img src="images/girl-image.jpg"></div>
                                                        <div class="filterlist-info">
                                                            <h3 class="filterlist-name">Jane Doe</h3>
                                                            <div class="filterlist-location"><i class="fa fa-map-marker"></i><p>Mumbai, India</p></div>
                                                            <div class="filterlist-work-description">Our company specializes in providing Customized Web Solutions. We work mainly on PHP and JAVA-J2EE platforms. Our expertise in PHP includes: Frameworks like Laravel, Codeigniter,...</div>
                                                            
                                                            <ul class="filterlist-tags">
                                                            	<li>PHP</li>
                                                            	<li>MySQL</li>
                                                            	<li>Java</li>
                                                            	<li>Website Design</li>
                                                            	<li>Software Architecture</li>
                                                            </ul>
                                                        </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <div class="filterlist-id_info">
                                                            <ul>
                                                                <li><h4>ID  7235797653</h4></li> 
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row add-this-block">
                                                    <div class="col-sm-6">
                                                        <div class="rating-panel">
                                                            <ul>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star-half-o"></i></li>
                                                            	<li><i class="fa fa-star-o"></i></li>
                                                            </ul>
                                                            <div class="ratings-count">(660 reviews)</div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-6">
                                                        <button class="interest-btn">Interested?</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        </a>
                                    </div>
                                    
                                   <div class="filterlist-block">
                                       <a href="view-profile.php">
                                        <div class="row">                                            
                                            <div class="col-sm-12 filterlist-detail">
                                                <div class="row">
                                                    <div class="col-sm-9">
                                                    <div class="filterlist-detail-block">
                                                       <div class="filterlist-img"><img src="images/girl-image.jpg"></div>
                                                        <div class="filterlist-info">
                                                            <h3 class="filterlist-name">Jane Doe</h3>
                                                            <div class="filterlist-location"><i class="fa fa-map-marker"></i><p>Mumbai, India</p></div>
                                                            <div class="filterlist-work-description">Our company specializes in providing Customized Web Solutions. We work mainly on PHP and JAVA-J2EE platforms. Our expertise in PHP includes: Frameworks like Laravel, Codeigniter,...</div>
                                                            
                                                            <ul class="filterlist-tags">
                                                            	<li>PHP</li>
                                                            	<li>MySQL</li>
                                                            	<li>Java</li>
                                                            	<li>Website Design</li>
                                                            	<li>Software Architecture</li>
                                                            </ul>
                                                        </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <div class="filterlist-id_info">
                                                            <ul>
                                                                <li><h4>ID  7235797653</h4></li> 
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row add-this-block">
                                                    <div class="col-sm-6">
                                                        <div class="rating-panel">
                                                            <ul>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star-half-o"></i></li>
                                                            	<li><i class="fa fa-star-o"></i></li>
                                                            </ul>
                                                            <div class="ratings-count">(660 reviews)</div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-6">
                                                        <button class="interest-btn">Interested?</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
									   </a>
                                   </div>
                                    
                                   <div class="filterlist-block">
                                        <div class="row">                                            
                                            <div class="col-sm-12 filterlist-detail">
                                                <div class="row">
                                                    <div class="col-sm-9">
                                                    <div class="filterlist-detail-block">
                                                       <div class="filterlist-img"><img src="images/girl-image.jpg"></div>
                                                        <div class="filterlist-info">
                                                            <h3 class="filterlist-name">Jane Doe</h3>
                                                            <div class="filterlist-location"><i class="fa fa-map-marker"></i><p>Mumbai, India</p></div>
                                                            <div class="filterlist-work-description">Our company specializes in providing Customized Web Solutions. We work mainly on PHP and JAVA-J2EE platforms. Our expertise in PHP includes: Frameworks like Laravel, Codeigniter,...</div>
                                                            
                                                            <ul class="filterlist-tags">
                                                            	<li>PHP</li>
                                                            	<li>MySQL</li>
                                                            	<li>Java</li>
                                                            	<li>Website Design</li>
                                                            	<li>Software Architecture</li>
                                                            </ul>
                                                        </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <div class="filterlist-id_info">
                                                            <ul>
                                                                <li><h4>ID  7235797653</h4></li> 
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row add-this-block">
                                                    <div class="col-sm-6">
                                                        <div class="rating-panel">
                                                            <ul>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star-half-o"></i></li>
                                                            	<li><i class="fa fa-star-o"></i></li>
                                                            </ul>
                                                            <div class="ratings-count">(660 reviews)</div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-6">
                                                        <button class="interest-btn">Interested?</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                   
                                </div>
                                <div class="row">
                                    <div class="pagination-row list-pagination col-sm-12">
                                        <ul class="pagination">
                                            <li><a href="#"><i class="fa fa-angle-left" aria-hidden="true"></i></a></li>
                                            <li class="active"><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#"><i class="fa fa-angle-right" aria-hidden="true"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                

                            </div>
                            <div class="right-block">
                                <?php include("sidebar.php"); ?>
                            </div>
                            </div>
                            <?php include("ad-block-bottom.php"); ?>
                        </div>
                    </div>
                </div>
            </div>

            <?php include("footer.php"); ?>
    </div>

    <script src="js/jquery-ui.min.js"></script>
    <script src="js/jquery.range.js"></script>
    <script src="js/general.js"></script>    
   
   <script src="js/jquery.ui.autocomplete.scroll.js"></script>

    <script type="text/javascript">
		
		$(function() {
var availableSkills = [
      ".NET",
      ".NET Core",
      "A/B Testing",
      "Adobe Illustrator",
      "Adobe Premiere Pro",
      "AJAX",
      "Algorithm Analysis",
      "Analytics",
      "Angular Material",
      "AngularJS",
      "Apache",
      "API",
      "ASP",
      "ASP.NET",
      "Binary Analysis",
      "Blender",
      "Blockchain",
      "C",
      "C++",
      "Clojure",
      "COBOL",
      "ColdFusion",
      "Erlang",
      "Fortran",
      "Groovy",
      "Haskell",
      "Java",
      "JavaScript",
      "Lisp",
      "Perl",
      "PHP",
      "Python",
      "Ruby",
      "Scala",
      "Web Development",
      "Web Hosting",
      "Web Services",
      "Website Build",
      "WordPress"
    ]; 
			
  $('#skillinput').autocomplete({ 
    maxShowItems: 5,
    source: availableSkills
  });

});
		
		
		
        $(document).ready(function () {
			
			/*$(function() {
			$('ul.ui-autocomplete').jScrollPane();
			});*/
			
			
            $(document).delegate(".dropdown-toggle", "click", function () {
                var jDropdown = $(this).siblings(".dropdown-menu").find("ul.dropdown-menu");
                jDropdown.jScrollPane();
            });
          /* $(document).delegate(".autocomplete", "click", function () {
                var jscrollDropd = $(this).siblings(".skillinputautocomplete-list").find(".autocomp-pane");
                jscrollDropd.jScrollPane();
            });*/
			/* $(document).delegate(".autocomplete", "click", function () {
                var jscrollDropd = $(this).siblings(".skillinputautocomplete-list").find(".autocomp-pane");
                jscrollDropd.jScrollPane();
            });*/
        });
    </script>

</body>

</html>