Skip to content

Instantly share code, notes, and snippets.

@byroncorrales

byroncorrales/gist:301600

Created February 11, 2010 15:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save byroncorrales/301600 to your computer and use it in GitHub Desktop.
Save byroncorrales/301600 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="es">
<head>
<title>INTRANET :: SIMAS</title>
<style type="text/css">
@import url(css/estilo.css);
</style>
<link type="text/css" href="css/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function(){
// Accordion
$("#accordion").accordion({ header: "h3" });
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
$(function(){
// Accordion
$("#accordion2").accordion({ header: "h3" });
//hover states on the static widgets
$('#dialog_link, ul#icons li').hover(
function() { $(this).addClass('ui-state-hover'); },
function() { $(this).removeClass('ui-state-hover'); }
);
});
</script>
</head>
<body>
<div id="contenedor" class="centro">
<!-- Comienza el header -->
<div id="header">
<div id="sesion" class="centro">Entrar</div>
<div id="logo">INTRANET <small><small><em>beta</em></small></small></div>
<div id="menu" class="izq">
<ul>
<li>Noticias</li>
<li>Actividades</li>
<li>Documentos</li>
<li>Funcionarios</li>
<li>Simas</li>
<li>Projekt</li>
<li>FAQ</li>
</div>
</div>
<!-- Termina el header -->
<!-- Comienza Contenido-->
<div id="contenido">
<!-- Comienza Columna izquierda-->
<div id="colum_izq" class="izq">
<!-- Comienza bloque de noticias-->
<div id="bloque_index_noticia" class="izq" >
<div id="titulo_noticia">Noticias</div>
<div class="contenido_noticia">
<h1>Titulo de noticia ejemplo</h1>
<p>Quis lectus diam dictumst, duis vut, nunc porttitor montes duis, mus tincidunt?</p>
<span class="autor"><b>Autor:</b> Martha</span><div class="leermas der"><a href="#"> Leer +</a></div>
</div>
<div class="contenido_noticia">
<h1>Titulo de noticia ejemplo</h1>
<p>Quis lectus diam dictumst, duis vut, nunc porttitor montes duis, mus tincidunt?</p>
<span class="autor"><b>Autor:</b> Martha</span><div class="leermas der"><a href="#"> Leer +</a></div>
</div>
<div class="contenido_noticia">
<h1>Titulo de noticia ejemplo</h1>
<p>Quis lectus diam dictumst, duis vut, nunc porttitor montes duis, mus tincidunt?</p>
<span class="autor"><b>Autor:</b> Martha</span><div class="leermas der"><a href="#"> Leer +</a></div>
</div>
<div class="contenido_noticia">
<h1>Titulo de noticia ejemplo</h1>
<p>Quis lectus diam dictumst, duis vut, nunc porttitor montes duis, mus tincidunt?</p>
<span class="autor"><b>Autor:</b> Martha</span><div class="leermas der"><a href="#"> Leer +</a></div>
</div>
</div>
<!-- termina bloque de noticias-->
<!-- Comienza bloque de actividades-->
<div id="bloque_index_actividad" class="izq">
<div id="titulo_actividad">Actividades</div>
<div class="contenido_actividad">
<h1>Reunion planificacion zona seca</h1>
<div class="calendario">
<div class="mes">Mar</div>
<div class="dia">13</div>
</div>
<p>
<b>Lugar:</b>SIMAS<br>
<b>hora:</b>3:30 pm
</p>
<span class="participantes"><b>Participan:</b> Martha, Falguni, Carlos, Mercedes, Amanda, Martin </span><div class="leermas der"><a href="#"> Leer +</a></div>
</div>
<div class="contenido_actividad">
<h1>Capacitacion Wordpress</h1>
<div class="calendario">
<div class="mes">Mar</div>
<div class="dia">3</div>
</div>
<p>
<b>Lugar:</b>Chinandega, ASODEL<br>
<b>hora:</b>3:30 pm
</p>
<span class="participantes"><b>Participan:</b> Martha </span><div class="leermasder"><a href="#"> Leer +</a></div>
</div>
<div class="contenido_actividad">
<h1>Reunion planificacion zona seca</h1>
<div class="calendario">
<div class="mes">Mar</div>
<div class="dia">6</div>
</div>
<p>
<b>Lugar:</b>Matagalpa, ADDAC<br>
<b>hora:</b>3:30 pm
</p>
<span class="participantes"><b>Participan:</b> Martha, Falguni, Carlos, Mercedes, Amanda, Martin, Denis, ... <a href="#">ver todos</a> </span><div class="leermas der"><a href="#"> Leer +</a></div>
</div>
<div class="contenido_actividad">
<h1>Reunion de equipo</h1>
<div class="calendario">
<div class="mes">Mar</div>
<div class="dia">7</div>
</div>
<p>
<b>Lugar:</b>SIMAS<br>
<b>hora:</b>3:30 pm
</p>
<span class="participantes"><b>Participan:</b> Martha, Vanessa, Fitoria ... <a href="#">Ver todos</a> </span><div class="leermas der"><a href="#"> Leer +</a></div>
</div>
</div>
<!-- termina bloque de actividades-->
<div class="separador" ></div>
<!-- Comienza bloque de tasa de cambio-->
<div id="bloque_index_tasa" >
<div id="titulo_tasa">Tasa de Cambio Oficial</div>
<div id="tabla_tasa">
<table cellspacing="0" cellpadding="0" border="0" width="220">
<tbody>
<tr>
<td valign="top">Fecha</td>
<td >Tasa C$ / $</td>
</tr>
<tr>
<td valign="top">01/01/2010</td>
<td >21.60</td>
</tr>
<tr>
<td valign="top">02/01/2010</td>
<td >21.62</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- termina bloque de tasa de cambio-->
</div>
<!-- termina Columna izquierda-->
<!-- Comienza Columna derecha-->
<div id="colum_der" class="der">
<div id="titulo_documento">Documentos</div>
<div id="accordion">
<div>
<h3><a href="#">Formatos</a></h3>
<div>
<ul>
<a href="#"><li>formato de contrato</li></a>
<li><a href="#">formato de convenios</a></li>
<li><a href="#">formato de carta</a></li>
<li><a href="#">formato de informe mensual</a></li>
<li><a href="#">formato de reporte de viaje</a></li>
<li><a href="#">formato de memorandum</a></li>
</ul>
</div>
</div>
<div>
<h3><a href="#">Recursos</a></h3>
<div>
<ul>
<a href="#"> <li>Documentos importantes</li></a>
<a href="#"> <li>Manuales</li></a>
</ul>
</div>
</div>
<div>
<h3><a href="#">Planficacion</a></h3>
<div>
<ul>
<a href="#"> <li>Planificacion estrategica 2006-2008</li></a>
</ul>
</div>
</div>
<div>
<h3><a href="#">Reportes</a></h3>
<div>
<ul>
<a href="#"> <li>Reportes de comunicacion</li></a>
<a href="#"> <li>Reportes de manejo de informacion</li></a>
<a href="#"> <li>Reportes de informatica</li></a>
<a href="#"> <li>Coordinacion</li></a>
</ul>
</div>
</div>
<div>
<h3><a href="#">Documentacion</a></h3>
<div>
<ul>
<a href="#"> <li>Plan operativo anual</li></a>
<a href="#"> <li>Informe de resultados</li></a>
<a href="#"> <li>Organigrama institucional</li></a>
<a href="#"> <li>Acta reuniones SIMAS-contrapartes</li></a>
<a href="#"> <li>Linea de base</li></a>
</ul>
</div>
</div>
<div>
<h3><a href="#">Acompanamiento Externo</a></h3>
<div>
<ul>
<a href="#"> <li>Informe de acompanamiento externo</li></a>
<a href="#"> <li>Informe de evaluaciones</li></a>
</ul>
</div>
</div>
</div>
<div id="titulo_extra">Extra</div>
<div id="accordion2">
<div>
<h3><a href="#">Cumpleaneros del mes</a></h3>
<div>
<div class="cumpleanero">
<div class="foto_cumple"><img src="imagen/carita.png"</div>
<div class="nombre_cumple"><b>Martha Olivera</b></div>
<div class="fecha_cumple">30 Febrero</div>
</div>
<div class="cumpleanero">
<div class="foto_cumple"><img src="imagen/carita.png"</div>
<div class="nombre_cumple"><b>Carlos Rocha</b></div>
<div class="fecha_cumple">1 Mayo</div>
</div>
<div class="cumpleanero">
<div class="foto_cumple"><img src="imagen/carita.png"</div>
<div class="nombre_cumple"><b>Adolfo Fitoria</b></div>
<div class="fecha_cumple">8 Marzo</div>
</div>
</div>
</div>
<div>
<h3><a href="#">Dias Feriados del mes</a></h3>
<div><b>1 de Mayo</b><br> Dia de los trabajadores</div>
</div>
</div>
</div>
<!-- termina Columna derecha-->
<div class="separador" ></div>
</div>
<!-- Termina Contenido-->
<!-- Comienza Footer-->
<div id="footer">
Desarrollado por SIMAS, 2009 usando Django framework</div>
</div>
<!-- Termina Footer-->
</div>
<!-- Termina Contenedor-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment