Acordeón principal
Titulo general acordeón
Bajada introductoria
Nombre sección 1
Agregar cualquier tipo de contenido
Nombre sección 2
Agregar cualquier tipo de contenido
<!-- Acordeón 1 -->
<div id="idtema" class="acordeon my-40">
<h3>Titulo general acordeón</h3>
<p>Bajada introductoria</p>
<!--card -->
<div class="card">
<div id="tema1" class="card-header
collapsed" data-toggle="collapse" data-target="#collapse1"
aria-expanded="false" aria-controls="collapse1">
<h4 class="mb-0">Nombre sección 1</h4>
</div>
<div id="collapse1" class="collapse" aria-labelledby="tema1" data-parent="#idtema">
<!--card body-->
<div class="card-body">
<p>Agregar cualquier tipo de contenido</p>
</div>
<!--/card body-->
</div>
</div>
<!--/card -->
<!--card -->
<div class="card">
<div id="tema2" class="card-header
collapsed" data-toggle="collapse" data-target="#collapse2"
aria-expanded="false" aria-controls="collapse2">
<h4 class="mb-0">Nombre sección 2</h4>
</div>
<div id="collapse2" class="collapse" aria-labelledby="tema2" data-parent="#idtema">
<!--card body-->
<div class="card-body">
<p>Agregar cualquier tipo de contenido</p>
</div>
<!--/card body-->
</div>
</div>
<!--/card -->
</div>
<!-- / Acordeón 1-->Acordeón principal / 3 Columnas
Nombre sección 1
Agregar cualquier tipo de contenido
Nombre sección 2
Agregar cualquier tipo de contenido
Nombre sección 2
Agregar cualquier tipo de contenido
<div class="acordeon my-40 row" id="idtemanuevo"≶
<div class="col-md-4"≶
<div aria-controls="collapse-uno" aria-expanded="false"
class="card-header collapsed" data-target="#collapse-uno" data-toggle="collapse" id="tema1"≶
<h4 class="mb-0"≶Nombre sección 1</h4≶
</div≶
<div aria-labelledby="tema1" class="collapse" data-parent="#idtemanuevo" id="collapse-uno"≶
<!--card body--≶
<div class="card-body"≶
<p≶Agregar cualquier tipo de contenido</p≶
</div≶<!--/card body--≶
</div≶
</div≶<!--/card --≶
<!--card --≶
<div class="col-md-4"≶
<div aria-controls="collapse-dos" aria-expanded="false" class="card-header collapsed"
data-target="#collapse-dos" data-toggle="collapse" id="tema2"≶
<h4 class="mb-0"≶Nombre sección 2</h4≶
</div≶
<div aria-labelledby="tema2" class="collapse" data-parent="#idtemanuevo"
id="collapse-dos"≶
<!--card body--≶
<div class="card-body"≶
<p≶Agregar cualquier tipo de contenido</p≶
</div≶<!--/card body--≶
</div≶
</div≶<!--/card --≶
<div class="col-md-4"≶
<div aria-controls="collapse-tres" aria-expanded="false"
class="card-header collapsed" data-target="#collapse-tres" data-toggle="collapse"
id="tema2"≶
<h4 class="mb-0"≶Nombre sección 2</h4≶
</div≶
<div aria-labelledby="tema2" class="collapse" data-parent="#idtemanuevo"
id="collapse-tres"≶
<!--card body--≶
<div class="card-body"≶
<p≶Agregar cualquier tipo de contenido</p≶
</div≶<!--/card body--≶
</div≶
</div≶<!--/card --≶
</div≶<!-- / Acordeón 1--≶
Acordeón Carreras
<div class="col-md-12 mt-4">
<h2 class="font-weight-bold mb-5 text-center">Título</h2>
<div class="acordeon my-40" id="accordion">
<!--Bloque acordeón=-->
<div class="card">
<div aria-controls="collapseOne" aria-expanded="false" class="card-header collapsed"
data-target="#collapseOne" data-toggle="collapse" id="headingOne"
style="background-color: #9521B2 !important;">
<div class="row">
<div class="col-md-1 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: -5px !important;">
<a class="badge E-AyF badge-primary" href="#">
<i data-feather="bar-chart"></i></a>
</div>
</div>
<div class="col-md-11">
<h4 class="mb-0">Escuela de Administración y Negocios</h4>
</div>
</div>
</div>
<div aria-labelledby="headingOne" class="collapse" data-parent="#accordion" id="collapseOne">
<div class="card-body mb-3">
<!-- 2 X FILA -->
<div class="row">
<!--item-->
<div class="col-md-6 bg-dark mb-3 E-AyF">
<div class="row">
<div class="col-12 d-flex align-items-center">
<div class="badge position-relative escuela E-AyN">
<svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg>
</div>
<div class="card-body">
<h3 class="card-title">Título</h3>
<p class="bajada m-0">Jornada</p>
<a class="btn dark btn-primary mb-0"
href="#" role="button">Descargar
<svg class="feather feather-chevron-right"
height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<polyline points="9 18 15 12 9 6"></polyline></svg></a>
</div>
</div>
</div>
</div><!--item-->
<div class="col-md-6 bg-dark mb-3 E-AyF">
<div class="row">
<div class="col-12 d-flex align-items-center">
<div class="badge position-relative escuela E-AyN">
<svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg>
</div>
<div class="card-body">
<h3 class="card-title">Título</h3>
<p class="bajada m-0">Jornada</p>
<a class="btn dark btn-primary mb-0" href="#" role="button"
>Descargar
<svg class="feather feather-chevron-right" height="24" viewbox="0 0 24 24"
width="24" xmlns="http://www.w3.org/2000/svg">
<polyline points="9 18 15 12 9 6"></polyline></svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!--Bloque acordeón=-->
<div class="card">
<div aria-controls="collapseTwo" aria-expanded="false" class="card-header collapsed"
data-target="#collapseTwo" data-toggle="collapse" id="headingTwo"
style="background-color: #BF0249 !important;">
<div class="row">
<div class="col-md-1 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: -5px !important;">
<a class="badge E-Com badge-primary" href="#">
<i data-feather="bar-chart"></i></a>
</div>
</div>
<div class="col-md-11">
<h4 class="mb-0">Escuela de Comunicación</h4>
</div>
</div>
</div>
<div aria-labelledby="headingTwo" class="collapse" data-parent="#accordion" id="collapseTwo">
<div class="card-body mb-3">
<!-- 2 X FILA -->
<div class="row">
<!--item-->
<div class="col-md-6 bg-dark mb-3 E-AyF">
<div class="row">
<div class="col-12 d-flex align-items-center">
<div class="badge position-relative escuela E-Com">
<svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg>
</div>
<div class="card-body">
<h3 class="card-title">Título</h3>
<p class="bajada m-0">Jornada</p>
<a class="btn dark btn-primary mb-0" href="#" role="button">Descargar
<svg class="feather feather-chevron-right" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<polyline points="9 18 15 12 9 6"></polyline></svg></a>
</div>
</div>
</div>
</div><!--item-->
<div class="col-md-6 bg-dark mb-3 E-AyF">
<div class="row">
<div class="col-12 d-flex align-items-center">
<div class="badge position-relative escuela E-Com">
<svg class="feather feather-bar-chart" height="24" viewbox="0 0 24 24"
width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg>
</div>
<div class="card-body">
<h3 class="card-title">Título</h3>
<p class="bajada m-0">Jornada</p>
<a class="btn dark btn-primary mb-0" href="#" role="button">Descargar
<svg class="feather feather-chevron-right" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<polyline points="9 18 15 12 9 6"></polyline></svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!--Bloque acordeón=-->
<div class="card">
<div aria-controls="collapseThree" aria-expanded="false" class="card-header collapsed"
data-target="#collapseThree" data-toggle="collapse" id="headingThree"
style="background-color: #F78B30 !important;">
<div class="row">
<div class="col-md-1 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: -5px !important;">
<a class="badge E-Cons badge-primary" href="#">
<i data-feather="bar-chart"></i></a>
</div>
</div>
<div class="col-md-11">
<h4 class="mb-0">Escuela de Construcción</h4>
</div>
</div>
</div>
<div aria-labelledby="headingThree" class="collapse" data-parent="#accordion" id="collapseThree">
<div class="card-body mb-3">
<!-- 2 X FILA -->
<div class="row">
<!--item-->
<div class="col-md-6 bg-dark mb-3 E-AyF">
<div class="row">
<div class="col-12 d-flex align-items-center">
<div class="badge position-relative escuela E-Cons">
<svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg>
</div>
<div class="card-body">
<h3 class="card-title">Título</h3>
<p class="bajada m-0">Jornada</p>
<a class="btn dark btn-primary mb-0" href="#"
role="button">Descargar<svg class="feather feather-chevron-right"
height="24" viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<polyline points="9 18 15 12 9 6"></polyline></svg></a>
</div>
</div>
</div>
</div><!--item-->
<div class="col-md-6 bg-dark mb-3 E-AyF">
<div class="row">
<div class="col-12 d-flex align-items-center">
<div class="badge position-relative escuela E-Cons">
<svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg>
</div>
<div class="card-body">
<h3 class="card-title">Título</h3>
<p class="bajada m-0">Jornada</p>
<a class="btn dark btn-primary mb-0" href="#" role="button">Descargar
<svg class="feather feather-chevron-right" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<polyline points="9 18 15 12 9 6"></polyline></svg></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Acordeón Carreras / 3 Columnas
IR A LA ESCUELA
Carreras Profesionales
- Actuación
- Animación Digital
- Comunicación Audiovisual
- Ingeniería en Sonido
- Publicidad
- Relaciones Públicas Mención Marketing
Carreras Técnicas
IR A LA ESCUELA
Carreras Profesionales
- Ingeniería en Infraestructura y Plataformas Tecnológicas
- Ingeniería en Informática
- Ingeniería en Conectividad y Redes
Carreras Técnicas
IR A LA ESCUELA
Carreras Profesionales
- Ingeniería Agrícola
- Ingeniería en Medio Ambiente
- Ingeniería en Electricidad y Automatización Industrial
- Ingeniería en Mecánica Automotriz y Autotrónica
- Ingeniería en Maquinaria y Vehículos Pesados
Carreras Técnicas
- Técnico Agrícola
- Técnico Veterinario y Pecuario
- Técnico en Geología y Control de Sondaje
- Técnico en Calidad de Alimentos
- Técnico en Electricidad y Automatización Industrial
- Técnico en Energías Renovables
- Técnico en Mantenimiento Electromecánico
- Técnico en Maquinaria y Vehículos Pesados
- Técnico en Mecánica Automotriz y Autotrónica
<div class="acordeon my-0 row" id="accordion2">
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseOne" aria-expanded="false"
class="card-header collapsed" data-target="#collapseOne"
data-toggle="collapse" id="headingOne"
style="background-color: #9521B2 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge"
style="top: 5px !important;">
<a class="badge E-AyF badge-primary" href="#">
<svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de Administración y Negocios</h4>
</div>
</div>
</div>
<div aria-labelledby="headingOne" class="collapse"
data-parent="#accordion2" id="collapseOne">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1"
href="https://dev-duoccl-front-app.azurewebsites.net/escuela/administracion-negocios/"
rel="noopener noreferrer" role="button" target="_self">IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/auditoria/" rel="noopener noreferrer"
target="_self">Auditoría</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-administracion-finanzas/"
rel="noopener noreferrer" target="_self">
Ingeniería en Administración Mención Finanzas</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-administracion-gestion-personas/"
rel="noopener noreferrer" target="_self">
Ingeniería en Administración Mención Gestión de Personas</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-administracion-marketing/"
rel="noopener noreferrer" target="_self">
Ingeniería en Administración Mención Marketing</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-comercio-exterior/"
rel="noopener noreferrer" target="_self">
Ingeniería en Comercio Exterior</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-gestion-logistica/"
rel="noopener noreferrer" target="_self">
Ingeniería en Gestión Logística</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/comercio-exterior/"
rel="noopener noreferrer" target="_self">
Comercio Exterior</a>
</li>
<li class="pb-0">
<a href="/carreras/contabilidad-legislacion-tributaria/"
rel="noopener noreferrer" target="_self">
Contabilidad General Mención Legislación Tributaria</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-administracion/"
rel="noopener noreferrer" target="_self">
Técnico en Administración</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-finanzas/"
rel="noopener noreferrer" target="_self">
Técnico en Finanzas</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-gestion-personas/"
rel="noopener noreferrer" target="_self">
Técnico en Gestión de Personas</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-marketing/"
rel="noopener noreferrer" target="_self">
Técnico en Marketing</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-gestion-logistica/"
rel="noopener noreferrer" target="_self">
Técnico en Gestión Logística</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseTwo" aria-expanded="false"
class="card-header collapsed" data-target="#collapseTwo"
data-toggle="collapse" id="headingTwo" style="background-color: #BF0249 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-Com badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de<br>
Comunicación</h4>
</div>
</div>
</div>
<div aria-labelledby="headingTwo" class="collapse"
data-parent="#accordion2" id="collapseTwo">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1"
href="https://dev-duoccl-front-app.azurewebsites.net/escuela/comunicacion/"
rel="noopener noreferrer" role="button" target="_self">
IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/actuacion/" rel="noopener noreferrer"
target="_self">Actuación</a>
</li>
<li class="pb-0">
<a href="/carreras/animacion-digital/" rel="noopener noreferrer"
target="_self">Animación Digital</a>
</li>
<li class="pb-0">
<a href="/carreras/comunicacion-audiovisual/"
rel="noopener noreferrer" target="_self">
Comunicación Audiovisual</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-sonido/"
rel="noopener noreferrer" target="_self">
Ingeniería en Sonido</a>
</li>
<li class="pb-0">
<a href="/carreras/publicidad/" rel="noopener noreferrer"
target="_self">Publicidad</a>
</li>
<li class="pb-0">
<a href="/carreras/relaciones-publicas/"
rel="noopener noreferrer" target="_self">
Relaciones Públicas Mención Marketing</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/tecnico-audiovisual/"
rel="noopener noreferrer" target="_self">
Técnico Audiovisual</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-sonido/"
rel="noopener noreferrer" target="_self">
Técnología en Sonido</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseThree" aria-expanded="false"
class="card-header collapsed" data-target="#collapseThree"
data-toggle="collapse" id="headingThree" style="background-color: #F78B30 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-Cons badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de<br>
Construcción</h4>
</div>
</div>
</div>
<div aria-labelledby="headingThree" class="collapse"
data-parent="#accordion2" id="collapseThree">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1"
href="https://dev-duoccl-front-app.azurewebsites.net/escuela/construccion/"
rel="noopener noreferrer" role="button" target="_self">
IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/ingenieria-construccion/"
rel="noopener noreferrer" target="_self">
Ingeniería en Construcción</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-prevencion-riesgos/"
rel="noopener noreferrer" target="_self">
Ingeniería en Prevención de Riesgos</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/dibujo-modelamiento-arquitectonico/"
rel="noopener noreferrer" target="_self">
Dibujo y Modelamiento Arquitectónico y Estructural</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-topografo/"
rel="noopener noreferrer" target="_self">
Técnico Topógrafo</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-construccion/"
rel="noopener noreferrer" target="_self">
Técnico en Construcción</a>
</li>
<li class="pb-0">
<a href="/carreras/restauracion-bienes-patrimoniales/"
rel="noopener noreferrer" target="_self">
Restauración de Bienes Patrimoniales</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-instalaciones-proyectos-electricos/"
rel="noopener noreferrer" target="_self">
Técnico en Instalaciones y Proyectos Eléctricos</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-prevencion-riesgos/"
rel="noopener noreferrer" target="_self">
Técnico en Prevención de Riesgos</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseFour" aria-expanded="false"
class="card-header collapsed" data-target="#collapseFour"
data-toggle="collapse" id="headingFour" style="background-color: #BDC601 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-Dis badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de<br>
Diseño</h4>
</div>
</div>
</div>
<div aria-labelledby="headingFour" class="collapse"
data-parent="#accordion2" id="collapseFour">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1" href="https://dev-duoccl-front-app.azurewebsites.net/escuela/diseno/"
rel="noopener noreferrer" role="button" target="_self">
IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/diseno-ambientes/"
rel="noopener noreferrer" target="_self">
Diseño de Ambientes</a>
</li>
<li class="pb-0">
<a href="/carreras/diseno-industrial/"
rel="noopener noreferrer" target="_self">Diseño Industrial</a>
</li>
<li class="pb-0">
<a href="/carreras/diseno-grafico/"
rel="noopener noreferrer" target="_self">Diseño Gráfico</a>
</li>
<li class="pb-0">
<a href="/carreras/diseno-de-vestuario/"
rel="noopener noreferrer" target="_self">Diseño de Vestuario</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/desarrollo-diseno-web/"
rel="noopener noreferrer" target="_self">
Desarrollo y Diseño Web</a>
</li>
<li class="pb-0">
<a href="/carreras/ilustracion/"
rel="noopener noreferrer" target="_self">Ilustración</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseFive" aria-expanded="false"
class="card-header collapsed" data-target="#collapseFive"
data-toggle="collapse" id="headingFive" style="background-color: #939393 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-IyT badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de Informática y Telecomunicaciones</h4>
</div>
</div>
</div>
<div aria-labelledby="headingFive" class="collapse"
data-parent="#accordion2" id="collapseFive">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1"
href="https://dev-duoccl-front-app.azurewebsites.net/escuela/informatica-telecomunicaciones/"
rel="noopener noreferrer" role="button" target="_self">
IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/ingenieria-conectividad-redes/"
rel="noopener noreferrer" target="_self">
Ingeniería en Conectividad y Redes</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-informatica/"
rel="noopener noreferrer" target="_self">
Ingeniería en Informática</a>
</li>
<li class="pb-0">
<a href="#"
rel="noopener noreferrer" target="_self">
Ingeniería en Infraestructura y Plataformas Tecnológicas</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/administracion-redes-telecomunicaciones/"
rel="noopener noreferrer" target="_self">
Administración de Redes y Telecomunicaciones</a>
</li>
<li class="pb-0">
<a href="/carreras/analista-programador-computacional/"
rel="noopener noreferrer" target="_self">
Analista Programador Computacional</a>
</li>
<li class="pb-0">
<a href="#"
rel="noopener noreferrer" target="_self">
Administración de Infraestructura y Plataformas Tecnológicas</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseSix" aria-expanded="false"
class="card-header collapsed" data-target="#collapseSix"
data-toggle="collapse" id="headingSix" style="background-color: #132CAA !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-Ing badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de<br>
Ingeniería</h4>
</div>
</div>
</div>
<div aria-labelledby="headingSix" class="collapse"
data-parent="#accordion2" id="collapseSix">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1"
href="https://dev-duoccl-front-app.azurewebsites.net/escuela/ingenieria/"
rel="noopener noreferrer" role="button" target="_self">
IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/ingenieria-electricidad-automatizacion-industrial/"
rel="noopener noreferrer" target="_self">
Ingeniería en Electricidad y Automatización Industrial</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-maquinaria-vehiculos-pesados/"
rel="noopener noreferrer" target="_self">
Ingeniería en Maquinaria y Vehículos Pesados</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-mecanica-automotriz-autotronica/"
rel="noopener noreferrer" target="_self">
Ingeniería en Mecánica Automotriz y Autotrónica</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/tecnico-electricidad-automatizacion-industrial/"
rel="noopener noreferrer" target="_self">
Técnico en Electricidad y Automatización Industrial</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-energias-renovables/"
rel="noopener noreferrer" target="_self">
Técnico en Energías Renovables</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-mantenimiento-electromecanico/"
rel="noopener noreferrer" target="_self">
Técnico en Mantenimiento Electromecánico</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-maquinaria-vehiculos-pesados/"
rel="noopener noreferrer" target="_self">
Técnico en Maquinaria y Vehículos Pesados</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-mecanica-automotriz-autotronica/"
rel="noopener noreferrer" target="_self">
Técnico en Mecánica Automotriz y Autotrónica</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseSeven" aria-expanded="false"
class="card-header collapsed" data-target="#collapseSeven" data-toggle="collapse"
id="headingSeven" style="background-color: #2B9141 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-RN badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de<br>
Recursos Naturales</h4>
</div>
</div>
</div>
<div aria-labelledby="headingSeven" class="collapse"
data-parent="#accordion2" id="collapseSeven">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1"
href="https://dev-duoccl-front-app.azurewebsites.net/escuela/recursos-naturales/"
rel="noopener noreferrer" role="button" target="_self">
IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/ingenieria-agricola/"
rel="noopener noreferrer" target="_self">Ingeniería Agrícola</a>
</li>
<li class="pb-0">
<a href="/carreras/ingenieria-medio-ambiente/"
rel="noopener noreferrer" target="_self">
Ingeniería en Medio Ambiente</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/tecnico-agricola/"
rel="noopener noreferrer" target="_self">Técnico Agrícola</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-veterinario-pecuario/"
rel="noopener noreferrer" target="_self">
Técnico Veterinario y Pecuario</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-geologia-control-sondaje/"
rel="noopener noreferrer" target="_self">
Técnico en Geología y Control de Sondaje</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-geomatica/"
rel="noopener noreferrer" target="_self">
Técnico en Geomática</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-calidad-alimentos/"
rel="noopener noreferrer" target="_self">
Técnico en Calidad de Alimentos</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseOcho" aria-expanded="false"
class="card-header collapsed" data-target="#collapseOcho" data-toggle="collapse"
id="headingOcho" style="background-color: #37A7C6 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-Sal badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de<br>
Salud</h4>
</div>
</div>
</div>
<div aria-labelledby="headingOcho" class="collapse"
data-parent="#accordion2" id="collapseOcho">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1" href="https://dev-duoccl-front-app.azurewebsites.net/escuela/salud/"
rel="noopener noreferrer" role="button" target="_self">
IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/informatica-biomedica/"
rel="noopener noreferrer" target="_self">Informática Biomédica</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/preparador-fisico/"
rel="noopener noreferrer" target="_self">Preparador Físico</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-radiodiagnostico-radioterapia/"
rel="noopener noreferrer" target="_self">
Técnico de Radiodiagnóstico y Radioterapia</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-enfermeria/"
rel="noopener noreferrer" target="_self">
Técnico en Enfermería</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-odontologia/"
rel="noopener noreferrer" target="_self">
Técnico en Odontología</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-quimica-farmacia/"
rel="noopener noreferrer" target="_self">
Técnico en Química y Farmacia</a>
</li>
<li class="pb-0">
<a href="/carreras/tecnico-laboratorio-clinico-banco-sangre/"
rel="noopener noreferrer" target="_self">
Técnico de Laboratorio Clínico y Banco de Sangre</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 py-0 mb-3">
<div aria-controls="collapseNueve" aria-expanded="false"
class="card-header collapsed" data-target="#collapseNueve" data-toggle="collapse"
id="headingNueve" style="background-color: #3CB8C1 !important;">
<div class="row">
<div class="col-md-2 d-none d-md-block">
<div class="grow-badge grow-badge" style="top: 5px !important;">
<a class="badge E-Tur badge-primary" href="#"><
svg class="feather feather-bar-chart" height="24"
viewbox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<line x1="12" x2="12" y1="20" y2="10"></line>
<line x1="18" x2="18" y1="20" y2="4"></line>
<line x1="6" x2="6" y1="20" y2="16"></line></svg></a>
</div>
</div>
<div class="col-md-10">
<h4 class="mb-0">Escuela de<br>
Turismo</h4>
</div>
</div>
</div>
<div aria-labelledby="headingNueve" class="collapse"
data-parent="#accordion2" id="collapseNueve">
<div class="mb-3 pl-3 pr-3">
<div class="row">
<div class="col-md-12 bg-dark">
<a class="btn btn-primary mb-1" href="https://dev-duoccl-front-app.azurewebsites.net/escuela/turismo/"
rel="noopener noreferrer" role="button" target="_self">IR A LA ESCUELA</a>
<h4 class="card-title mb-0 mt-4 ml-4">Carreras Profesionales</h4>
<ul class="list mb-0">
<li class="pb-0">
<a href="/carreras/ecoturismo/"
rel="noopener noreferrer" target="_self">Ecoturismo</a>
</li>
<li class="pb-0">
<a href="/carreras/gastronomia-internacional/"
rel="noopener noreferrer" target="_self">
Gastronomía Internacional</a>
</li>
<li class="pb-0">
<a href="/carreras/tourism-hospitality/"
rel="noopener noreferrer" target="_self">
Tourism & Hospitality</a>
</li>
<li class="pb-0">
<a href="/carreras/turismo-hoteleria/"
rel="noopener noreferrer" target="_self">
Turismo y Hotelería</a>
</li>
</ul>
<h4 class="card-title mb-0 mt-5 ml-4">Carreras Técnicas</h4>
<ul class="list">
<li class="pb-0">
<a href="/carreras/administracion-hotelera/"
rel="noopener noreferrer" target="_self">
Administración Hotelera</a>
</li>
<li class="pb-0">
<a href="/carreras/gastronomia/"
rel="noopener noreferrer" target="_self">Gastronomía</a>
</li>
<li class="pb-0">
<a href="/carreras/turismo-tecnico-empresas-turisticas/"
rel="noopener noreferrer" target="_self">
Turismo Técnico Mención en Empresas Turísticas</a>
</li>
<li class="pb-0">
<a href="/carreras/turismo-aventura/"
rel="noopener noreferrer" target="_self">
Turismo de Aventura</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>