@extends('layout.main')

@section('title', 'Inicio')

<!-- ======================================================= -->
@section('content')
    <section id="sections">
        <div class="section" style="background-image: url('{{asset('img/ficg_cubo_1.png')}}');">
            <a href="#!">
                <h2>Selección oficial</h2>
            </a>
        </div>
        <div class="section" style="background-image: url('{{asset('img/ficg_cubo_1.png')}}');">
            <a href="#!">
                <h2>Calendario por día</h2>
            </a>
        </div>
        <div class="section" style="background-image: url('{{asset('img/ficg_cubo_1.png')}}');">
            <a href="#!">
                <h2>Secciones paralelas</h2>
            </a>
        </div>
        <div class="section" style="background-image: url('{{asset('img/ficg_cubo_1.png')}}');">
            <a href="#!">
                <h2>Programa</h2>
            </a>
        </div>
        <div class="section" style="background-image: url('{{asset('img/ficg_cubo_1.png')}}');">
            <a href="#!">
                <h2>Actividades</h2>
            </a>
        </div>
        <div class="section" style="background-image: url('{{asset('img/ficg_cubo_1.png')}}');">
            <a href="#!">
                <h2>Catálogo</h2>
            </a>
        </div>
    </section>
@endsection


<!-- ======================================================* -->

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/sections.min.css') }}">
@endpush

@push('scripts')
    <script>
        jQuery(function($) {


        });
    </script>
@endpush