Acordeones – Duoc UC

Acordeón principal

Titulo general acordeón

Bajada introductoria

Agregar cualquier tipo de contenido

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

Agregar cualquier tipo de contenido

Agregar cualquier tipo de contenido

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

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

Título

Jornada

Descargar

<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

Carreras Técnicas


<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>