{source}
<!-- You can place html anywhere within the source tags -->
<head>
<title>Documento sin título</title>
<link rel='stylesheet' href='http://www.unillanos.edu.co/cientic/produccionagropecuaria/css/produccionagropecuaria1.css'>
</head>
<body>
<label id="titulo">Licenciatura en Producción Agropecuaria</label>
<section id="informacion1">
<label id="creditos">Créditos: 171 </label>
<label id="modalidad">Jornada: Mayoritariamente diurna </label>
<label id="duracion">Duración: 10 semestre(s)</label>
<label id="snies">Código SNIES: 1691</label>
</section>
<p>
<section id="imagen">
<img src="http://www.unillanos.edu.co/cientic/produccionagropecuaria/imagenes/produccionagropecuaria-imagen.JPG" border="0"/>
</section>
<section id="derecha">
<section id="informacion2">
<p>
<label id="titulo-otorga">Titulo que otorga</label>
</p>
<p>
<label id="titulo-descripcion"> Licenciado en Producción Agropecuaria</label>
</p>
</section>
<section id="linea1">________________________________________
</section>
<section id="informacion3">
<p>
<label id="perfil-titulo">Perfil del aspirante</label>
</p>
<p>
<label id="perfil-descripcion"> Los aspirantes a desarrollar su formación en el programa deben ser bachilleres, se pretende formar un Licenciado en Producción Agropecuaria con alto contenido social, humanístico, científico, y pedagógico con la realidad de su entorno, capaz de liderar procesos permanentes que permitan generar respuestas transformadoras del medio educativo de su campo especifico y de la sociedad en general por el mejoramiento de la calidad de vida
</label>
</p>
</section>
<p><label id="web-programa"><a href="http://lpa.unillanos.edu.co">Sitio web del Programa</a>
<br /><a href="/http://sanidadvegetallpa.wix.com/sanidad-vegetal-lpa" target="_blank">Enseñanza del manejo sanitario de los cultivos</a></label>
</p>
</section>
</p>
<p>
<section id="proposito">
<p>
<label id="proposito-titulo">Propósito de formación</label>
</p>
<p>
<div id="uno" style="display">
<label id="proposito-descripcion">
<ul>
<li>Se pretende formar un Licenciado en Producción Agropecuaria con alto contenido social, humanístico, científico y pedagógico identificado con la realidad de su entorno, capaz de liderar procesos permanentes de extensión que permitan generar...
<input class="boton" type="button" value="Ver mas (+)" onClick="mostrar('dos')"> </li></ul>
</label>
</div>
<div id="dos" style="display:none">
<label id="proposito-descripcion">
<ul>
<li>Se pretende formar un Licenciado en Producción Agropecuaria con alto contenido social, humanístico, científico y pedagógico identificado con la realidad de su entorno, capaz de liderar procesos permanentes de extensión que permitan generar respuestas transformadoras del medio educativo de su campo específico y de la sociedad en general por el mejoramiento de la calidad de vida de la sociedad colombiana del Nuevo milenio.
<input class="boton" type="button" value="Ver menos (-)" onClick="mostrar('uno')"> </li>
</ul>
</label>
</div>
</p>
</section>
<section id="perfil">
<p>
<label id="laboral-titulo">Perfil laboral</label>
</p>
<p>
<div id="uno-2" style="display">
<label id="laboral-descripcion">
<ul>
<li>Gestiona y coordina planes, programas y proyectos propios del trabajo comunitario.</li>
<li>Realiza investigaciones encaminadas a buscar alternativas de solución de problemas propios de la pedagogía y la educación...
<input class="boton" type="button" value="Ver mas (+)" onClick="mostrar2('dos-2')"> </li>
</ul>
</label>
</div>
<div id="dos-2" style="display:none">
<label id="laboral-descripcion">
<ul>
<li>Gestiona y coordina planes, programas y proyectos propios del trabajo comunitario.
</li>
<li>Realiza investigaciones encaminadas a buscar alternativas de solución de problemas propios de la pedagogía y la educación comunitaria en el sector agropecuario.</li>
<li>Administra centros educativos proyectos y unidades del sector agropecuario.</li>
<li>Lidera procesos educativos tendientes a mejorar los procesos enseñanza, aprendizaje en los colegios agropecuarios.</li>
<li>Busca el desarrollo de las. dimensiones personales, profesionales y gremiales que le .permitan asumir compromisos profesionales con creatividad y autonomía.</li>
<li>Educa en el área agropecuaria e instituciones de áreas afines formales y no formales.</li>
<li>El Licenciado en Producción Agropecuaria será un profesional de la educación formado pedagógica mente humanística, científica y técnicamente en las áreas de pedagogía, la producción agropecuaria sostenible y la participación comunitaria a través de la identidad, la comunicación y el conocimiento.
<input class="boton" type="button" value="Ver menos (-)" onClick="mostrar2('uno-2')"></li></ul>
</label>
</div>
</p>
</section>
</p>
<p>
<label id="plan">Contenidos del programa</label>
</p>
<p>
<iframe src="http://www.unillanos.edu.co/cientic/TimelineJS/examples/example_jsonp_produccionagropecuaria.html" frameborder="1"> //src="http://cdn.knightlab.com/libs/timeline/latest/embed/index.html?source=0AoHPaPX4sR6SdHpqazVtc3RMTWR4UzVDR0lqS1ZTWWc&font=Bevan-PotanoSans&maptype=TERRAIN&lang=es&
</iframe>
</p>
<p>
<section id="director">
<label id="director-titulo">Director de programa</label>
<p>
<section id="director-descripcion">
<section id="imagen-perfil">
<img src="http://www.unillanos.edu.co/cientic/produccionagropecuaria/imagenes/produccionagropecuaria-director.jpg" border="0"/>
</section>
<section id="nombre">
<label id="director-nombre">Jelber Herney Jaramillo Herrera
</label>
<label id="director-info">Licenciado en Producción Agropecuaria <br>Esp. en Pedagogía y Docencia Universitaria<br>M.sc(c) en Ciencias Ambientales<br>lprodagrop@unillanos.edu.co<br>Universidad de los Llanos<br>Sede Barcelona<br>
Km 12 Vía Pto. López
</label>
</section>
</section>
</p>
</section>
<section id="pasos">
<label id="valor">Valor promedio de Matricula: 1.4 SMLV </label>
<p>
<label id="pasos-titulo">Inscripción:</label>
</p>
<section id="asterisco">
<label id="pasos-descripcion">- Pagar el valor de la inscripción ($110.300) </label>
<label>- Diligenciar el <a href="http://web.unillanos.edu.co/index.php/admisiones/formulario-de-inscripcion-en-linea">Formulario de Inscripción</a> en linea </label>
<label>- Consultar resultados de admisión </label>
</section>
<p><label id="fecha-limite">Inscripciones hasta el: 01 de Junio de 2016</label></p>
</p>
</section>
</p>
<section class="siguiente">
<p>
<a href="/index.php?option=com_content&view=article&id=3720"> <input type="button" value="Siguiente"></a>
</p>
</section>
</body>
<script language="javascript" type="text/javascript">
// You can place JavaScript like this
function ocultar(id)
{
document.getElementById(id).style.display="none";
}
function mostrar(id)
{
ocultar("uno");
ocultar("dos");
document.getElementById(id).style.display="block";
}
function mostrar2(id)
{
ocultar("uno-2");
ocultar("dos-2");
document.getElementById(id).style.display="block";
}
</script>
{/source}