@extends('layouts.backBase')

@section('css')
   {!! HTML::style('css/back_home.css') !!}
@stop

@section('body')
   {!! HTML::script('js/custom.js') !!}
@stop

@section('content')

@stop

@section('side-bar')
<nav style="bottom: 50px;" class="main-navigation">
   <ul>
      <li class="dropdown show-on-hover">
         <a data-toggle="dropdown" href="#"><span aria-hidden="true" class="glyphicon glyphicon-home"></span>Inicio</a>
         <ul class="dropdown-menu">
            <li>
               <a data-toggle="dropdown" href="#">Slider</a>
            </li>
            <li>
               <a data-toggle="dropdown" href="#">Enlaces a redes sociales</a>
            </li>
            <li>
               <a data-toggle="dropdown" href="#">Footer</a>
            </li>
         </ul> 
      </li>
      <li class="dropdown show-on-hover">
         <a data-toggle="dropdown" href="#"><span aria-hidden="true" class="glyphicon glyphicon-lock"></span>Estudios</a>
         <ul class="dropdown-menu">
            <li>
               <a data-toggle="dropdown" href="#">Listado de cursos</a>
            </li>
            <li>
               <a data-toggle="dropdown" href="#">Etiquetado de cursos</a>
            </li>
         </ul> 
      </li>
      <li>
         <a data-toggle="dropdown" href="#"><span aria-hidden="true" class="glyphicon glyphicon-volume-up"></span>Actualidad</a>
      </li>
      <li>
         <a data-toggle="dropdown" href="#"><span aria-hidden="true" class="glyphicon glyphicon-globe"></span>Social</a>
      </li>
      <li class="dropdown show-on-hover">
         <a data-toggle="dropdown" href="#"><span aria-hidden="true" class="glyphicon glyphicon-eye-open"></span>Conózcanos</a>
         <ul class="dropdown-menu">
            <li>
               <a data-toggle="dropdown" href="#">Presentación</a>
            </li>
            <li>
               <a data-toggle="dropdown" href="#">Niveles Formativos</a>
            </li>
            <li>
               <a data-toggle="dropdown" href="#">Sistema ECCA</a>
            </li>
            <li>
               <a data-toggle="dropdown" href="#">Localización</a>
            </li>
         </ul> 
      </li>
      <li class="dropdown show-on-hover">
         <a data-toggle="dropdown" href="#"><span aria-hidden="true" class="glyphicon glyphicon-picture"></span>Multimedia</a>
         <ul class="dropdown-menu">
            <li>
               <a data-toggle="dropdown" href="#">Galería</a>
            </li>
            <li>
               <a data-toggle="dropdown" href="#">Slider Inicio</a>
            </li>
         </ul> 
      </li>
   </ul>
</nav>
@stop