@extends('layout.principalLayout')

@section('content')
<div class="row content" >

    <div class="col-md-6 col-sm-12">
        <div class="card h-100 b">
            <a href="/categoria/id" ><img class="card-img-top" src="img/servicios/boton-servicio-ligero.png" alt=""></a>
            <div class="card-body b">
                <h4 class="card-title btn-productos">
                    <a href="/categoria/id"><strong>AUTOMOTRIZ</strong></a>
                </h4>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-sm-12">
        <div class="card h-100 b">
            <a href="/categoria/id" ><img class="card-img-top" src="img/servicios/boton-servicio-ligero.png" alt=""></a>
            <div class="card-body b">
                <h4 class="card-title btn-productos">
                    <a href="/categoria/id"><strong>MOTOS</strong></a>
                </h4>
            </div>
        </div>
    </div>


    <div class="col-md-6 col-sm-12">
        <div class="card h-100 b">
            <a href="/categoria/id" ><img class="card-img-top" src="img/servicios/boton-servicio-ligero.png" alt=""></a>
            <div class="card-body b">
                <h4 class="card-title btn-productos">
                    <a href="/categoria/id"><strong>NAÚTICO</strong></a>
                </h4>
            </div>
        </div>
    </div>

    <div class="col-md-6 col-sm-12">
        <div class="card h-100 b">
            <a href="/categoria/id" ><img class="card-img-top" src="img/servicios/boton-servicio-ligero.png" alt=""></a>
            <div class="card-body b">
                <h4 class="card-title btn-productos">
                    <a href="/categoria/id"><strong>SERVICIO PESADO</strong></a>
                </h4>
            </div>
        </div>
    </div>
</div>

    <div class="col-md-12 tituloRecomendador">
        <center><strong><h4>PRODUCTOS RECOMENDADOS PARA TU AUTO</h4></strong></center>
    </div>
    <div class="row cont-recomendador">
        <div class="col-md-4">
        <select class="btn-recomendador" id="marca">
            <option value="">MARCA</option>
        </select></div>
        <div class="col-md-4">
        <select class="btn-recomendador" id="modelo">
            <option value="">MODELO</option>
        </select></div>
        <div class="col-md-4">
        <select class="btn-recomendador" id="kilometraje">
            <option value="">KILOMETRAJE</option>
        </select>
        </div>
    </div>

    <div id="resultado-recomendador"></div>

{{include ('include/dondeComprarGlobal.php')}}

@stop