@include('head')
@include('header')

<div class="kvaservices-slider container-fluid">
                <div class="kvaservices-slider-form">
                    <h1>Find the perfect freelance services for your business</h1>
                    <hr>
                    <from>
                        <div class="row">
                            <div class="col-sm-4 form-group">
                                <label for="category">Select Category</label>
                                <select class="form-control">
                                    <option disabled selected hidden>Select Category</option>
                                    <option>Websites, IT & Software</option>
                                    <option>Mobile Phones & Computing</option>
                                    <option>Writing & Content</option>
                                    <option>Design, Media & Architecture</option>
                                    <option>Data Entry & Admin</option>
                                    <option>Engineering & Science</option>
                                    <option>Product Sourcing & Manufacturing</option>
                                    <option>Sales & Marketing</option>
                                    <option>Freight, Shipping & Transportation</option>
                                    <option>Business, Accounting, Human Resources & Legal</option>
                                    <option>Translation & Languages</option>
                                    <option>Local Jobs & Services</option>
                                    <option>Other</option>
                                </select>
                            </div>
                            <div class="col-sm-4 form-group">
                                <label for="service">Service</label>
                                <input type="text" placeholder="Service">
                            </div>
                            <div class="col-sm-4 form-group">
                                <a href="listservices" class="btn search-btn">Search</a>
                            </div>
                        </div>
                    </from>

                </div>
            </div>

            <div class="how-works-panel">
                <div class="wrapper-container">
                    <div class="row">
                        <div class="col-md-12">
                            <h2><span>How it</span>Works</h2>
                            <div class="row">
                                <div class="col-md-6">
                                	<div class="hw-block">
                                	<div class="hw-icon">
                                		<img src="images/browsing.svg">
                                	</div>
                                	<div class="hw-text">
                                		<h4>Browse portfolios</h4>
                                		<p>Find professionals you can trust by browsing their samples of previous work and reading their profile reviews.</p>
                                	</div>
                                	</div>
                                	<div class="hw-block">
                                	<div class="hw-icon">
                                		<img src="images/browsing.svg">
                                	</div>
                                	<div class="hw-text">
                                		<h4>Browse portfolios</h4>
                                		<p>Find professionals you can trust by browsing their samples of previous work and reading their profile reviews.</p>
                                	</div>
                                	</div>
                                	<div class="hw-block">
                                	<div class="hw-icon">
                                		<img src="images/browsing.svg">
                                	</div>
                                	<div class="hw-text">
                                		<h4>Browse portfolios</h4>
                                		<p>Find professionals you can trust by browsing their samples of previous work and reading their profile reviews.</p>
                                	</div>
                                	</div>
                                </div>
                                <div class="col-md-6">
                                	<img src="images/how-it-works.jpg">
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="container-fluid register-block">
                <div class="wrapper-container">
                    <div class="row">
                        <div class="col-md-12">
                            <h3>Find freelance services for your business today!</h3>
                            <a href="registration.php" class="btn get-started-btn"> Get Started </a>
                        </div>
                    </div>
                </div>
            </div>

            @include('footer')