@extends('web.layout.master')
@section('title', 'Welcome! | House Runs For Me')
@section('content')
<style>
.user-details img {
    height: 167px !important;
}
</style>
@include('web.pages.navbar')
    {{-- <div class="box-shadow-for-ui">
        <div class="uou-block-2b">
            <div class="container"> <a href="{{ url('home') }}" class="logo"><img
                        src="{{ asset('assets/web/img/logo.png') }}" alt=""></a> <a href="#"
                    class="mobile-sidebar-button mobile-sidebar-toggle"><span></span></a>
                <nav class="nav">
                    <ul class="sf-menu">
                        <li class="navLinkA"> <a href="{{ url('home') }}"><img
                                    src="{{ asset('assets/web/images/home.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Home</a> </li>
                        <li class="navLinkA"> <a href="{{ url('about') }}"><img
                                    src="{{ asset('assets/web/images/2.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />About</a></li>
                        <li class="navLinkA"> <a href="{{ url('recommended') }}"><img
                                    src="{{ asset('assets/web/images/3.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Recommended</a></li>
                        <li class="navLinkA active"> <a href="{{ url('services-provider') }}"><img
                                    src="{{ asset('assets/web/images/4.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Services</a>
                            <ul class="demo-menu" style="display: none;">
                                <li id="nav-menu-item-865"
                                    class="sub-menu-item  menu-item-odd menu-item-depth-1 menu-item menu-item-type-custom menu-item-object-custom">
                                    <a href="{{ url('services-provider/generalservices') }}"
                                        class="menu-link sub-menu-link">General Services</a>
                                </li>
                                <li id="nav-menu-item-866"
                                    class="sub-menu-item  menu-item-odd menu-item-depth-1 menu-item menu-item-type-custom menu-item-object-custom">
                                    <a href="{{ url('services-provider/professionalservices') }}"
                                        class="menu-link sub-menu-link">Professional Services</a>
                                </li>
                            </ul>
                        </li>
                        <li class="navLinkA"> <a href="{{ url('comingsoon') }}"><img
                                    src="{{ asset('assets/web/images/8.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Service Regions</a></li>
                        <li class="navLinkA"> <a href="{{ url('faq') }}"><img
                                    src="{{ asset('assets/web/images/8.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />FAQ'S</a></li>
                        <li class="navLinkA"> <a href="{{ url('contact') }}"><img
                                    src="{{ asset('assets/web/images/9.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Contact</a></li>
                        <li class="navLinkA active"> <a href="{{ url('comingsoon') }}"><img
                                    src="{{ asset('assets/web/img/shoppingtrolley.png') }}"
                                    class="img-responsive mr-2 mt-2" height="20" width="20" /></a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- end .uou-block-2b -->
    </div> --}}
    <div class="vh-100 bg-white home-pro" style="margin-top: 77px;margin-bottom: 41px;">
        <div class="blog-content pt60">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div>
                            <!-- Members -->
                            <section class="pro-mem">
                                <div class=" pb30">

                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image" style="background: url('') center center no-repeat; background-size: cover;">
                                                         
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="http://127.0.0.1:82/assets/web/gs/15.png" alt="" style=""> 
                                                        <h6>
                                                            Air Conditioning <br> Maintenance
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/auto mechanic.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/5.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Auto mechanic
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/carpenter.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/18.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Carpenter
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/electronic repair.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/2.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Electrician / Electronics repair technician

                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/elv engineer.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/222.jpeg')}}" alt="" style=""> 
                                                        <h6>
                                                            ELV Engineer
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/house renovation.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/222.jpeg')}}" alt="" style=""> 
                                                        <h6>
                                                            House Renovations and Extensions
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/Masonry.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/14.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Masonry
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/painter.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/9.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Painters
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/pest control.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/12.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Pest control
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/plumber.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/3.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Plumber
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/pool maintenance.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/222.jpeg')}}" alt="" style=""> 
                                                        <h6>
                                                            Pool Maintenance
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/Property Inspector.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/222.jpeg')}}" alt="" style=""> 
                                                        <h6>
                                                            Property Inspector
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/roof.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/1.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Roofing
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/welder.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/22.png')}}" alt="" style=""> 
                                                        <h6>
                                                            Welder
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/Security fences.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/222.jpeg')}}" alt="" style=""> 
                                                        <h6>
                                                            Security fences
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="#">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/img/Icons/veranda.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="#">
                                                    <img src="{{asset('assets/web/gs/222.jpeg')}}" alt="" style=""> 
                                                        <h6>
                                                            Window enclosures
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <div class="text-center">
                                <div id="pagination" class="pagination"></div>
                            </div>
                        </div>
                    </div>




                </div> <!--  end blog-single -->
            </div>

        </div>
    </div>
@endsection