@extends('layout.principalLayout')

@section('content')
    <div class="container" style="margin-top:120px" >

        <!-- Page Heading/Breadcrumbs
        <h1 class="mt-4 mb-3">Blog Home One
            <small>Subheading</small>
        </h1>

        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="index.html">Home</a>
            </li>
            <li class="breadcrumb-item active">Blog</li>
        </ol>-->

        <div class="row">

            <!-- Sidebar Widgets Column -->
            <div class="col-md-3" style="margin-top:-20px">

                <!-- Categories Widget -->
                <div class="card my-4"  >
                    <h5 class="card-header rojo" style="text-align: center">CATEGORÍAS</h5>
                    <div class="card-body" style="background-color:#666666 ">
                        <div class="row">
                            <div class="col-lg-12">
                                <ul class="list-group">
                                    <li class="list-group-item marron active"> ADN ROSHFRANS</li>
                                    <li class="list-group-item marron">MUNDO ROSHFRANS</li>
                                    <li class="list-group-item marron">ITR CONTIGO</li>
                                    <li class="list-group-item marron">GARAGE</li>
                                    <li class="list-group-item marron">MOTORES</li>
                                    <li class="list-group-item marron">CUIDADO AMBIENTAL</li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
            <!-- Blog Entries Column -->
            <div class="col-md-9">

                <!-- Blog Post -->
                <div class="row">

                    <div class="col-lg-4 col-sm-6 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>
                                <div class="vermas">
                                    <p><span class="mas">+</span><a href="#"> Ver más</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-sm-6 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>
                                <div class="vermas">
                                    <p><span class="mas">+</span><a href="#"> Ver más</a></p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-6 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>
                                <div class="vermas">
                                    <p><span class="mas">+</span><a href="#"> Ver más</a></p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-6 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>
                                <div class="vermas">
                                    <p><span class="mas">+</span><a href="#"> Ver más</a></p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-6 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>
                                <div class="vermas">
                                    <p><span class="mas">+</span><a href="#"> Ver más</a></p>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-6 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>
                                <div class="vermas">
                                    <p><span class="mas">+</span><a href="#"> Ver más</a></p>
                                </div>
                            </div>
                        </div>
                    </div>





                </div>


            </div>
            <div class="col-md-12 lomasvisto">
                <center><h5>LO MÁS VISTO</h5></center>
                <div class="row lomasvisto-contenido">

                <div class="col-lg-4 col-sm-12 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>

                                <div class="row">

                                    <div class="vermas col-md-6" >
                                        <span class="mas">+</span><a href="#"> Ver más</a>
                                    </div>

                                    <div class=" vermas col-md-6">
                                        <i class="fas fa-eye" title="Veces Visto" style="font-size:14px;">&nbsp;5269</i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-12 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>

                                <div class="row">

                                    <div class="vermas col-md-6" >
                                        <span class="mas">+</span><a href="#"> Ver más</a>
                                    </div>

                                    <div class=" vermas col-md-6" >
                                        <i class="fas fa-eye" title="Veces Visto" style="font-size:14px;">&nbsp;5269</i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-12 portfolio-item">
                        <div class="card h-100" style="border-color:white;">
                            <a href="#"><img class="card-img-top" src="http://placehold.it/700x400" alt=""></a>
                            <div class="card-body"  style="background-color: white;">
                                <h4 class="card-title" style="margin-top:-15px;">
                                    <a href="#" align="justify">¿De donde son las refacciones que se venden en nuestro país?</a>
                                </h4>
                                <p class="card-text" align="justify">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt?...</p>

                                <div class="row">

                                    <div class="vermas col-md-6" >
                                        <span class="mas">+</span><a href="#"> Ver más</a>
                                    </div>

                                    <div class=" vermas col-md-6">
                                        <i class="fas fa-eye" title="Veces Visto" style="font-size:14px;">&nbsp;5269</i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


            </div>
            </div>
        </div>
        <!-- /.row -->


    </div>

    <!-- /.container -->




@stop