@extends('layouts.eva')
@section('contenido')
    <div class="container overflow-hidden">
        <div class="row">
            <div class="col-6" align="left">
                    <br><a href="/"><h1 style="color:#fff;text-align:left;font-size: 18px;"><b> MENU PRINCIPAL</b></h1></a>
            </div>
            <div class="col-6" align="right">
                    <br><a href="/miperfil"><h1 style="color:#fff;text-align:right;font-size: 18px;"><img src="imagenes/astronauta1.png" width="30px"> <b> MI PERFIL</b></h1></a>
            </div>
            <div class="col-12">
                <br><h1 style="color:#fff;text-align:center;font-size: 65px;"><b>Bienvenidos al Espacio de Aprendizaje Xfacil </b></h1>
            </div>
            <div class="col-md-12">
                <br />
                <br />
                <br />
            </div>
        </div>
        <div class="row gx-5">
            <div class="col-md-4">
                <a href="/e-learning/areadeaprendizaje" style="text-decoration: none;">
                    <div class="p-3 eva"><br />
                        <img src="/imgsystem/capsula-aprendizaje.png"><br /><br />
                        <b>CÁPSULAS DE APRENDIZAJE</b><br />
                    </div>
                </a>
            </div>
            <!--<div class="col">
                <a href="/e-learning/noticias" style="text-decoration: none;">
                    <div class="p-3 eva"><br />
                        <img src="/imgsystem/universo-noticias.png"><br /><br />
                        <b>UNIVERSO DE NOTICIAS</b><br />
                    </div>
                </a>
            </div> -->
            <div class="col-md-4">
                <a href="/e-learning/espaciocolaborativo">
                    <div class="p-3 eva"><br />
                        <img src="/imgsystem/espacio-colaborativo.png"><br /><br />
                        <b>BIBLIOTECA XFACIL</b><br />
                    </div>
                </a>
            </div>
        </div>
    </div>
@stop