@extends ('index')

@include('menu-header.index')

@section ('content')


<div id="father"  ng-app="servicesCategoryApp" ng-controller="servicesCategoryController as services">
  
  <div id="banner" class="banner padding-bottom-clear banner-dark-traslucent-search background-img-services">
	   <div class="pv-40">
	        <div class="container">
	            <div class="row">
	                <div class="col-md-offset-3 col-md-6 text-center z-index-full">

	                    <h1 style="color: white"><strong>¿Qué servicio necesitas? </strong></h1>
	                    <br>
	                    {{--<h3>Tenemos las mejores empresas <br>y profesionales en Colombia  </h3>--}}
	                    <div class="input-group">
	                        <input type="text" class="form-control form-control-hero"
	                               typeahead-on-select="services.setService($item)"
	                               ng-model="services.selectedservice"
	                               uib-typeahead="srv.nombre for srv in services.serviceSeacrh($viewValue)"

	                               placeholder="Selecciona tu servicio" aria-describedby="basic-addon2">
	                        <span class="input-group-addon btn-search-home" id="basic-addon2">Comenzar</span>
	                    </div>


	                </div>
	            </div>
	        </div>
	    </div>
	</div>
	<br>
    <div class="container">
		
		<div class="row">
			<div class="col-md-8 col-md-offset-2">
				<h3 class=" text-center">Explora Nuestras Categorias</h3>
				<div class="separator"></div>
			</div>
		</div>
		<br>

		<div class="row">
			<div class="col-md-12">
				<div class="filters">
					<ul class="nav nav-pills">
						<li class="active"><a href="#" data-filter="*">Todos los servicios</a></li>
						<li class="color-default" ><a  class="color-default"href="#" data-filter=".hogar">Hogar</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".construccion">Construcci&oacute;n</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".medicina">Medicina</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".administracion">Administraci&oacute;n</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".belleza">Belleza</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".mantenimiento">Mantenimiento</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".electronica">Electronica</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".albañil">Albañil</a></li>
						<li class=""><a class="color-default" href="#" data-filter=".derecho">Derecho</a></li>
					</ul>
				</div>
				
				<div class="isotope-container row grid-space-10">
					<div class="col-md-3 col-sm-6 isotope-item hogar">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-bedroom.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Hogar</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item administracion">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-administration.jpg" style="height:171px;width:276px"  alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Administraci&oacute;n</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item construccion">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-construccion.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Construcci&oacute;n</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item medicina">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-medicina.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Medicina</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item belleza">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-beauty.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Belleza</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item mantenimiento">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-maintenance.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Mantenimiento</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item limpieza">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-clean.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Limpieza</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item mudanza">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-truck.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Mudanza</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item albañil">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-albanil.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Albañiles</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

						<div class="col-md-3 col-sm-6 isotope-item reforma">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/planning.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Reforma</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item derecho">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-hammer.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Derecho</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item electronica">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-rj45.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Electr&oacute;nica</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item electronica">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-gardening.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Jardiner&iacute;a</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item electronica">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-gift.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Decoraci&oacute;n</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>
					<div class="col-md-3 col-sm-6 isotope-item electronica">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-fashion.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Tiendas</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

					<div class="col-md-3 col-sm-6 isotope-item electronica">
						<div id="carousel-portfolio" class="carousel slide" data-ride="carousel">
							<!-- Wrapper for slides -->
							<div class="carousel-inner" role="listbox">
								<div class="item active">
									<div class="image-box shadow bordered text-center mb-20">
										<div class="overlay-container">
											<img  src="https://{{ config('constants.hostdomainglobal') }}/img/landing/photo-cocina.jpg" style="height:171px;width:276px" alt="">
											<div class="overlay-top">
												<div class="text">
													<h3><a href="registro-usuario">Solicitar</a></h3>
												</div>
											</div>
											<div class="overlay-visible ">
												<div class="overlay-bottom hidden-xs">
													<div class="text">
														<p class="lead margin-clear">Cocina</p>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div> <!-- carousel-->
					</div>

				</div> <!-- end isotope-container -->
			
			</div> <!-- col-md-12-->	
			</div> <!-- row-->
			<br>
			<br>
		
				 
			

		</div>


		  <!-- menu listado de servicios-->
				    <section id="menu-box">
				        <div class="container">
				            <!--<div class="row"  style="overflow: hidden; max-height: 87px" >-->
				            <div class="row menu-box-heigth">


				                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
				                    <!--<div class="desc"></div>-->

				                    <!--<div class="icon-menu"><i class="fa fa-calendar-check-o fa-5x"></i></div>-->
				                   <a href="servicios_categoria"> <div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/administrativo_tumecontratas.png" alt=""></div>
				                    <h6 class="title  text-default text-center"><p>Administrativo</p></h6></a>

				                </div>
				                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
				                    <!--<div class="desc"></div>-->
				                    <!--<div class="icon-menu"><i class="fa fa-cog fa-5x"></i></div>-->
				                    <a href="servicios_categoria"><div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/constructores_tumecontratas.png" alt=""></div>
				                    <h6 class="title  text-default text-center"><p>Constructores</p></h6></a>
				                </div>
				                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
				                    <!--<div class="desc"></div>-->
				                    <!--<div class="icon-menu"><i class="fa fa-user-md fa-5x" ></i></div>-->
				                    <!--<div class="icon-menu"><i class="fa fa-heartbeat fa-5x"></i></div>-->
				                    <a href="servicios_categoria"><div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/medicos.png" alt=""></div>
				                    <h6 class="title  text-default text-center"><p>Medicos</p></h6></a>
				                </div>

				                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
				                    <!--<div class="desc"></div>-->
				                    <a href="servicios_categoria"><div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/hogar_tumecontratas.png" alt=""> </div>
				                    <h6 class="title  text-default text-center"><p>Hogar</p></h6></a>

				                </div>
				                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn">
				                    <!--<div class="desc"></div>-->
				                    <!--<div class="icon-menu"><i class="fa fa-child fa-5x"></i></div>-->
				                    <a href="servicios_categoria"><div class="icon-menu-cat"><img src="https://{{ config('constants.hostdomainglobal') }}/img/belleza_tumecontratas.png" alt=""> </div>
				                    <h6 class="title  text-default text-center"><p>Belleza</p></h6></a>
				                </div>
				                <div class="col-md-2 col-xs-4 col-sm-4 menu-btn" style="overflow: hidden">
				                    <!--<div class="desc"></div>-->
				                    <a href="servicios_categoria"><div class="icon-menu-cat"><i class="fa fa-ellipsis-h fa-5x"
				                                                  style=" margin-top: 7px"></i></div>
				                    <h6 class="title  text-default text-center"><p></p></h6></a>
				                </div>


				            </div>
				        </div>

				    </section>
				     <section>

        <div class="footer">
            <div class="container">
                <div class="footer-inner">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="footer-content">
                                <!--<h2 class="title logo-font text-default">Servicios</h2>-->
                                <!--<div class="separator-2"></div>-->
                                <!--<nav class="mb-20">-->
                                <!--<ul class="nav nav-pills nav-stacked list-style-icons">-->
                                <!--<li><a href="components-social-icons.html"><i class="fa fa-chevron-circle-right"></i> Lorem ipsum dolor sit</a></li>-->
                                <!--<li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>  Consectetur adipisicing elit</a></li>-->
                                <!--<li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i> Rerum iure temporibus</a></li>-->
                                <!--</ul>-->
                                <!--</nav>-->
                                <h4 class="title text-default"><i class="fa fa-building pr-10"></i> Construcci&oacute;n
                                </h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="components-forms.html"><i class="fa fa-chevron-circle-right"></i>
                                            Casas</a></li>
                                        <li><a href="components-tabs-and-pills.html"><i
                                                class="fa fa-chevron-circle-right"></i> Casas prefabricadas</a></li>
                                        <li><a target="_blank" href="http://htmlcoder.me/support"><i
                                                class="fa fa-chevron-circle-right"></i> Edificios </a></li>
                                        <li><a href="#"><i class="fa fa-chevron-circle-right"></i> Garajes</a></li>
                                        <li><a href="#"><i class="fa fa-chevron-circle-right"></i> Otros</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="footer-content">
                                <h4 class="title text-default"><i class="fa fa-wrench pr-10"></i> Reforma</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="components-social-icons.html"><i
                                                class="fa fa-chevron-circle-right"></i> Ba&ntilde;os</a></li>
                                        <li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>
                                            Cocinas</a></li>
                                        <li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>
                                            Comunidades</a></li>
                                        <li><a href="components-forms.html"><i class="fa fa-chevron-circle-right"></i>
                                            Hoteles</a></li>
                                        <li><a href="#"><i class="fa fa-chevron-circle-right"></i> Otros</a></li>
                                    </ul>
                                </nav>
                                <h4 class="title text-default"><i class="fa  fa-life-ring pr-10"></i> Mantenimiento</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="components-forms.html"><i class="fa fa-chevron-circle-right"></i>
                                            Control de Plagas</a></li>
                                        <li><a href="components-tabs-and-pills.html"><i
                                                class="fa fa-chevron-circle-right"></i>Jardineros</a></li>
                                        <li><a target="_blank" href="http://htmlcoder.me/support"><i
                                                class="fa fa-chevron-circle-right"></i>Suelos</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="footer-content">
                                <h4 class="title text-default"><i class="fa fa-truck pr-10"></i> Mudanzas</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="components-forms.html"><i class="fa fa-chevron-circle-right"></i>
                                            Nacionales</a></li>
                                        <li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>
                                            Internacionales</a></li>
                                    </ul>
                                </nav>
                                <h4 class="title text-default"><i class="fa fa-graduation-cap pr-10"></i> T&eacute;cnicos
                                </h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>
                                            Arquitectos </a></li>
                                        <li><a href="components-tabs-and-pills.html"><i
                                                class="fa fa-chevron-circle-right"></i> Decoradores</a></li>
                                        <li><a href="#"><i class="fa fa-chevron-circle-right"></i> Ge&oacute;logos</a>
                                        </li>
                                        <li><a href="components-social-icons.html"><i
                                                class="fa fa-chevron-circle-right"></i> Ingenieros</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="footer-content">
                                <h4 class="title text-default"><i class="fa fa-users pr-10"></i> Alba&ntilde;iles</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>
                                            Maestro de Obras</a></li>
                                        <li><a href="components-social-icons.html"><i
                                                class="fa fa-chevron-circle-right"></i> Mantenimiento </a></li>
                                        <li><a href="components-tabs-and-pills.html"><i
                                                class="fa fa-chevron-circle-right"></i> Ca&ntilde;erias</a></li>
                                        <li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>
                                            Electricidad</a></li>
                                    </ul>
                                </nav>
                                <h4 class="title text-default"><i class="fa fa-shopping-cart pr-10"></i> Tiendas</h4>
                                <nav class="mb-20">
                                    <ul class="nav nav-pills nav-stacked list-style-icons">
                                        <li><a href="components-buttons.html"><i class="fa fa-chevron-circle-right"></i>
                                            Art&iacute;culos de Decoraci&oacute;n</a></li>
                                        <li><a href="components-social-icons.html"><i
                                                class="fa fa-chevron-circle-right"></i> Electrodom&eacute;sticos</a>
                                        </li>
                                        <li><a href="#"><i class="fa fa-chevron-circle-right"></i> Otros</a></li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- end listado de servicios-->

	</div>   



@stop

{{--@section('script')--}}
    {{--<script src="js/scripts/js/app/commonService.min.js"></script>--}}
    {{--<script src="js/scripts/js/app/servicesCategory.min.js"></script>--}}
{{--@stop--}}