@extends('portal.includes.layout')

@section('title', trans('static.resources.title'))

@section('content')

    <div class="container container-up">
        <div class="row">
            <div class="col-xs-12"><img class="img-responsive center-block" src="/img/cabeceras/students.png" alt="{{ trans('static.resources.title') }}"></div>
        </div>
    </div>
    <br>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 text-center">
                <ul class="list-unstyled list-inline list-nav-sec">
                    <li><a href="{{ route('trainers_list') }}">{{ trans('generales.profesores') }}</a></li>
                    <li><a href="{{ route('students-courses') }}">{{ trans('generales.alumnos') }}</a></li>
                    <li><a href="{{ route('q-and-a') }}">{{ trans('generales.faq') }}</a></li>
                    <li><a href="{{ route('resources') }}" class="active">{{ trans('generales.resources') }}</a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12 col-sm-6">
                <h1 class="granate texto-8 text-uppercase">{{ trans('generales.resources') }}</h1>
                <h2 class="texto-7 gris-2">
                    {!! trans('static.resources.txt_1') !!}
                </h2>
            </div>
        </div>

        <div class="row margin-top-40">
            <div class="col-xs-12">
                <!-- BOOK ROW -->
                <div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-0.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_0') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_0') !!}</span>
                                </p>

                                {!! trans('static.resources.book_desc_0') !!}
                                <br>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                <a href="https://www.amazon.es/dp/8494837907" target="_blank"><img src="img/bot-amazon.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br>
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-1.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_1') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_1') !!}</span>
                                </p>

                                {!! trans('static.resources.book_desc_1') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                <a href="http://goo.gl/at0oa3" target="_blank"><img src="img/bot-amazon.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br>
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-2.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_2') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_2') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_2') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                <a href="http://goo.gl/sghbv2" target="_blank"><img src="img/bot-amazon.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br>
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-3.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_3') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_3') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_3') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                <a href="http://goo.gl/ywo5Ya" target="_blank"><img src="img/bot-amazon.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br>
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-4.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">

                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_4') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_4') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_4') !!}
                                <br>

                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                <a href="http://goo.gl/xWszcm" target="_blank"><img src="img/bot-amazon.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br>
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-5.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">

                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_5') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_5') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_5') !!}

                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                <a href="http://goo.gl/9xAaqJ" target="_blank"><img src="img/bot-amazon.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br>
                
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <!--div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-6.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_6') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_6') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_6') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                {!! trans('static.resources.book_link_6') !!}
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br-->
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <!--div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-7.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                            <p><span class="granate texto-11">{!! trans('static.resources.book_title_7') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_7') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_7') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                {!! trans('static.resources.book_link_7') !!}
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br-->
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <!--div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-8.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_8') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_8') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_8') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                {!! trans('static.resources.book_link_8') !!}
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br-->
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <!--div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-8.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">

                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_9') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_9') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_9') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                {!! trans('static.resources.book_link_9') !!}
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br-->
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <!--div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/book-10.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">
                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_10') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_10') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_10') !!}
                                <br>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xs-8 pull-right text-right">
                                <a href="http://goo.gl/Smny0h" target="_blank"><img src="img/bot-amazon.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br-->
                <!-- /BOOK ROW -->

                <!-- BOOK ROW -->
                <!--div class="row">
                    <div class="col-xs-12 col-sm-3 text-center">
                        <div class="center-block">
                        <img src="/img/resources/podcast-02.png" class="img-responsive" alt="">
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9">
                        <div class="row">
                            <div class="col-xs-12">

                                <p><span class="granate texto-11">{!! trans('static.resources.book_title_11') !!}</span>
                                    <br>
                                    <span class="texto-9 negro">{!! trans('static.resources.book_data_11') !!}</span>
                                </p>
                                {!! trans('static.resources.book_desc_11') !!}
                                <br>

                                    <p><a href="http://goo.gl/zwKqum" target="_blank">Podcast 01</a> </p>
                                    <p><a href="http://goo.gl/ClBqAq" target="_blank">Podcast 02</a> </p>
                                    <p><a href="http://goo.gl/899i8Q" target="_blank">Podcast 03</a> </p>
                                    <p><a href="http://goo.gl/9P293h" target="_blank">Podcast 04</a> </p>
                                    <p><a href="http://goo.gl/r8gD1z" target="_blank">Podcast 05</a> </p>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <br-->
                <!-- /BOOK ROW -->
            </div>
        </div>

    </div>

@stop