section.inicio
BannerPrincipal.mb-5
//- Desarrollo de contenidos
#contenidos.container.tarjeta.tarjeta__template--azul-claro.px-3.py-4.px-sm-5.pb-sm-5.mb-5
.titulo__template--a.mb-4
h3 Desarrollo
de contenidos
.tarjeta--blanca.p-3.p-sm-4
.desarrollo-contenidos
router-link.desarrollo-contenidos__item(
v-for="item of desarrolloContenidosData"
:key="'desarrollo-'+item.nombreRuta"
:to="{name: item.nombreRuta}"
)
.desarrollo-contenidos__item__texto
span.desarrollo-contenidos__item__icono(v-if="item.hasOwnProperty('numero')" ) {{item.numero}}
i.desarrollo-contenidos__item__icono(v-else :class="item.icono")
span(v-html="item.titulo")
a.boton--sm
span.d-none.d-md-block Ver contenido
span.d-md-none Ver
.container.tarjeta.tarjeta__template--azul-claro.creditos-inicio.px-3.py-4.px-sm-5
.creditos-inicio__container(v-if="creditosInicio")
.creditos-inicio__item(v-for="(row, index) in creditosInicio")
.row
.creditos-inicio__titulo.col-md-3.col-lg-2.mb-3.mb-md-0
h5.mb-0(v-html="row.titulo")
.creditos-inicio__imagenes.col
img(v-for="imagen in row.contenido" :src="imagen")
hr(v-if="index != creditosInicio.length -1")
.text-center(v-else)
img.d-inline-block.mb-2(src="@/assets/template/logo-sena.svg", alt="Imagen decorativa", style="width: 100px")
h5.mb-0 Ecosistema de Recursos Educativos Digitales
Footer