1
0
Fork 0
tupali_fork/landingpage_a.html

1220 lines
94 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Cache-control" content="public">
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, width=device-width, maximum-scale=1, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Chrome, Firefox OS y Opera -->
<meta NAME="Language" CONTENT="Spanish">
<meta NAME="Revisit" CONTENT="1 days">
<meta NAME="Distribution" CONTENT="Global">
<meta NAME="Robots" CONTENT="All">
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="tupaleco">
<meta name="twitter:creator" content="@qwerty_co">
<meta name="twitter:url" content="http://localhost/default/tupali/tupali/metafisico.php">
<meta name="twitter:title" content="Tupale">
<meta name="twitter:description" content=" ">
<meta name="twitter:image" content="http://localhost/default/tupali/milfs/images/secure/?file=full/da6d16547658ebc06c5378b30d1ee4bf.png">
<meta property="og:type" content="article">
<meta property="og:title" content="Tupale" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost/default/tupali/tupali/metafisico.php" />
<meta property="og:image" content="http://localhost/default/tupali/milfs/images/secure/?file=full/da6d16547658ebc06c5378b30d1ee4bf.png" />
<meta property="og:site_name" content="" />
<meta property="og:description" content=" " />
<link rel="shortcut icon" href="milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png">
<meta name='viewport' content='width=device-width'>
<meta name='mobile-web-app-capable' content='yes'>
<link rel='icon' sizes='192x192' href='milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png'>
<link rel="apple-touch-icon-precomposed" href="milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png">
<title>Tupale Te invitamos a usar nuestra plataforma, puedes crear tus campañas y causas, recuerda que Toda causa se gana
Tupale.co </title>
<script type="text/javascript">
var xajaxRequestUri="http://10.10.0.52/tupali/metafisico.php";
var xajaxDebug=false;
var xajaxStatusMessages=false;
var xajaxWaitCursor=true;
var xajaxDefinedGet=0;
var xajaxDefinedPost=1;
function xajax_filtro_generico_buscar(){return xajax.call("filtro_generico_buscar", arguments, 1);}
function xajax_formulario_estadistica_ocultar(){return xajax.call("formulario_estadistica_ocultar", arguments, 1);}
function xajax_contenido_presentacion(){return xajax.call("contenido_presentacion", arguments, 1);}
function xajax_marcar(){return xajax.call("marcar", arguments, 1);}
function xajax_mailer(){return xajax.call("mailer", arguments, 1);}
function xajax_formulario_permisos_usuario(){return xajax.call("formulario_permisos_usuario", arguments, 1);}
function xajax_generar_acceso(){return xajax.call("generar_acceso", arguments, 1);}
function xajax_resumen_identificador(){return xajax.call("resumen_identificador", arguments, 1);}
function xajax_borrar_linea(){return xajax.call("borrar_linea", arguments, 1);}
function xajax_autorizar_usuarios(){return xajax.call("autorizar_usuarios", arguments, 1);}
function xajax_cambiar_empresa(){return xajax.call("cambiar_empresa", arguments, 1);}
function xajax_clonar_identificador(){return xajax.call("clonar_identificador", arguments, 1);}
function xajax_cerrar_sesion(){return xajax.call("cerrar_sesion", arguments, 1);}
function xajax_listado_entradas(){return xajax.call("listado_entradas", arguments, 1);}
function xajax_panel_aplicaciones(){return xajax.call("panel_aplicaciones", arguments, 1);}
function xajax_asistente_aplicaciones(){return xajax.call("asistente_aplicaciones", arguments, 1);}
function xajax_mostrar_interacciones(){return xajax.call("mostrar_interacciones", arguments, 1);}
function xajax_interaccion_identificador(){return xajax.call("interaccion_identificador", arguments, 1);}
function xajax_eliminar_identificador(){return xajax.call("eliminar_identificador", arguments, 1);}
function xajax_mover_formulario(){return xajax.call("mover_formulario", arguments, 1);}
function xajax_clonar_formulario(){return xajax.call("clonar_formulario", arguments, 1);}
function xajax_campo_privacidad(){return xajax.call("campo_privacidad", arguments, 1);}
function xajax_consultar_contenido_formulario(){return xajax.call("consultar_contenido_formulario", arguments, 1);}
function xajax_multiempresa_listado(){return xajax.call("multiempresa_listado", arguments, 1);}
function xajax_autoriza_formulario_mostrar(){return xajax.call("autoriza_formulario_mostrar", arguments, 1);}
function xajax_landingpage_contenido_formulario(){return xajax.call("landingpage_contenido_formulario", arguments, 1);}
function xajax_wait(){return xajax.call("wait", arguments, 1);}
function xajax_campos_tabla(){return xajax.call("campos_tabla", arguments, 1);}
function xajax_geocoder(){return xajax.call("geocoder", arguments, 1);}
function xajax_mostrar_psi(){return xajax.call("mostrar_psi", arguments, 1);}
function xajax_multiempresa_crear(){return xajax.call("multiempresa_crear", arguments, 1);}
function xajax_configurar_dominio(){return xajax.call("configurar_dominio", arguments, 1);}
function xajax_multiempresa(){return xajax.call("multiempresa", arguments, 1);}
function xajax_consultar_formulario(){return xajax.call("consultar_formulario", arguments, 1);}
function xajax_parametrizacion_linea(){return xajax.call("parametrizacion_linea", arguments, 1);}
function xajax_email_contenido(){return xajax.call("email_contenido", arguments, 1);}
function xajax_formulario_parametrizacion(){return xajax.call("formulario_parametrizacion", arguments, 1);}
function xajax_parametrizacion_categoria(){return xajax.call("parametrizacion_categoria", arguments, 1);}
function xajax_parametrizacion_plantilla_campos_inteligentes(){return xajax.call("parametrizacion_plantilla_campos_inteligentes", arguments, 1);}
function xajax_parametrizacion_plantilla(){return xajax.call("parametrizacion_plantilla", arguments, 1);}
function xajax_parametrizacion_titulo(){return xajax.call("parametrizacion_titulo", arguments, 1);}
function xajax_mostrar_modal(){return xajax.call("mostrar_modal", arguments, 1);}
function xajax_portal_filtro_cadena(){return xajax.call("portal_filtro_cadena", arguments, 1);}
function xajax_insertar_linea(){return xajax.call("insertar_linea", arguments, 1);}
function xajax_select_combo(){return xajax.call("select_combo", arguments, 1);}
function xajax_mensajes(){return xajax.call("mensajes", arguments, 1);}
function xajax_revisar_campo_unico(){return xajax.call("revisar_campo_unico", arguments, 1);}
function xajax_verificacion_email(){return xajax.call("verificacion_email", arguments, 1);}
function xajax_milfs_session(){return xajax.call("milfs_session", arguments, 1);}
function xajax_buscar_datos(){return xajax.call("buscar_datos", arguments, 1);}
function xajax_datos_grid(){return xajax.call("datos_grid", arguments, 1);}
function xajax_insertar_registro(){return xajax.call("insertar_registro", arguments, 1);}
function xajax_formulario_areas(){return xajax.call("formulario_areas", arguments, 1);}
function xajax_tabla_areas(){return xajax.call("tabla_areas", arguments, 1);}
function xajax_importar_coleccion(){return xajax.call("importar_coleccion", arguments, 1);}
function xajax_listar_archivos(){return xajax.call("listar_archivos", arguments, 1);}
function xajax_relacion_render(){return xajax.call("relacion_render", arguments, 1);}
function xajax_buscador_base(){return xajax.call("buscador_base", arguments, 1);}
function xajax_buscador_select_base(){return xajax.call("buscador_select_base", arguments, 1);}
function xajax_buscador_campo(){return xajax.call("buscador_campo", arguments, 1);}
function xajax_buscador_select(){return xajax.call("buscador_select", arguments, 1);}
function xajax_relacion_select(){return xajax.call("relacion_select", arguments, 1);}
function xajax_combo_select(){return xajax.call("combo_select", arguments, 1);}
function xajax_formulario_embebido_ajax(){return xajax.call("formulario_embebido_ajax", arguments, 1);}
function xajax_aplicacion_presentacion(){return xajax.call("aplicacion_presentacion", arguments, 1);}
function xajax_aplicaciones_listado(){return xajax.call("aplicaciones_listado", arguments, 1);}
function xajax_contenido_parallax(){return xajax.call("contenido_parallax", arguments, 1);}
function xajax_contenido_timeline(){return xajax.call("contenido_timeline", arguments, 1);}
function xajax_contenido_listado(){return xajax.call("contenido_listado", arguments, 1);}
function xajax_contenido_mostrar(){return xajax.call("contenido_mostrar", arguments, 1);}
function xajax_configuracion(){return xajax.call("configuracion", arguments, 1);}
function xajax_cambiar_imagen(){return xajax.call("cambiar_imagen", arguments, 1);}
function xajax_actualizar_campo(){return xajax.call("actualizar_campo", arguments, 1);}
function xajax_eliminar_campo(){return xajax.call("eliminar_campo", arguments, 1);}
function xajax_insertar_campo(){return xajax.call("insertar_campo", arguments, 1);}
function xajax_insertar_campo_area(){return xajax.call("insertar_campo_area", arguments, 1);}
function xajax_editar_campo(){return xajax.call("editar_campo", arguments, 1);}
function xajax_formulario_importador(){return xajax.call("formulario_importador", arguments, 1);}
function xajax_formulario_importar_subir(){return xajax.call("formulario_importar_subir", arguments, 1);}
function xajax_formulario_importar(){return xajax.call("formulario_importar", arguments, 1);}
function xajax_borrar_tmp(){return xajax.call("borrar_tmp", arguments, 1);}
function xajax_mostrar_coincidencias_plantilla(){return xajax.call("mostrar_coincidencias_plantilla", arguments, 1);}
function xajax_mostrar_coincidencias(){return xajax.call("mostrar_coincidencias", arguments, 1);}
function xajax_matriz_formulario(){return xajax.call("matriz_formulario", arguments, 1);}
function xajax_formulario_campos_select(){return xajax.call("formulario_campos_select", arguments, 1);}
function xajax_formulario_campos_filtro(){return xajax.call("formulario_campos_filtro", arguments, 1);}
function xajax_formulario_consultar(){return xajax.call("formulario_consultar", arguments, 1);}
function xajax_formulario_campos_procesar(){return xajax.call("formulario_campos_procesar", arguments, 1);}
function xajax_formulario_opciones_select(){return xajax.call("formulario_opciones_select", arguments, 1);}
function xajax_crear_campos_formulario(){return xajax.call("crear_campos_formulario", arguments, 1);}
function xajax_formulario_crear_campo(){return xajax.call("formulario_crear_campo", arguments, 1);}
function xajax_agregar_campos(){return xajax.call("agregar_campos", arguments, 1);}
function xajax_formulario_nuevo(){return xajax.call("formulario_nuevo", arguments, 1);}
function xajax_formulario_listado(){return xajax.call("formulario_listado", arguments, 1);}
function xajax_formulario_eliminar(){return xajax.call("formulario_eliminar", arguments, 1);}
function xajax_campo_multiple(){return xajax.call("campo_multiple", arguments, 1);}
function xajax_formulario_grabar(){return xajax.call("formulario_grabar", arguments, 1);}
function xajax_formulario_modal(){return xajax.call("formulario_modal", arguments, 1);}
function xajax_limpia_div(){return xajax.call("limpia_div", arguments, 1);}
function xajax_contenido_ocultar(){return xajax.call("contenido_ocultar", arguments, 1);}
function xajax_contenido_show(){return xajax.call("contenido_show", arguments, 1);}
function xajax_contenido_cambiar(){return xajax.call("contenido_cambiar", arguments, 1);}
function xajax_limite(){return xajax.call("limite", arguments, 1);}
function xajax_confirma_campo(){return xajax.call("confirma_campo", arguments, 1);}
function xajax_validar_campo(){return xajax.call("validar_campo", arguments, 1);}
function xajax_comprobar_email(){return xajax.call("comprobar_email", arguments, 1);}
function xajax_registro_express(){return xajax.call("registro_express", arguments, 1);}
function xajax_cambiar_grupo(){return xajax.call("cambiar_grupo", arguments, 1);}
function xajax_buscar_funcionario(){return xajax.call("buscar_funcionario", arguments, 1);}
function xajax_usuarios_listado(){return xajax.call("usuarios_listado", arguments, 1);}
function xajax_XXX(){return xajax.call("XXX", arguments, 1);}
function xajax_machitroll_grabar_imagen(){return xajax.call("machitroll_grabar_imagen", arguments, 1);}
function xajax_machitroll_grabar(){return xajax.call("machitroll_grabar", arguments, 1);}
function xajax_machitroll_grabarX(){return xajax.call("machitroll_grabarX", arguments, 1);}
function xajax_brigadistas_grabar_imagen(){return xajax.call("brigadistas_grabar_imagen", arguments, 1);}
function xajax_brigadistas_grabar(){return xajax.call("brigadistas_grabar", arguments, 1);}
function xajax_tuitealo(){return xajax.call("tuitealo", arguments, 1);}
</script>
<script type="text/javascript" src="milfs/xajax/xajax_js/xajax.js"></script>
<style>
<!-- ESTILOS PRIORITARIOS -->
.modal-dialog {
width: 95% !important;
height: auto;
padding: 0;
}
.modal-lg {
width: 95% !important;
height: auto;
padding: 0;
}
.modal-content {
height: auto;
}
.modal-body {
max-height: calc(100vh - 100px);
overflow-y: auto;
}
fieldset.fieldset-borde {
border: 2px solid #EDEDED !important;
border-radius:3px;
padding: 0 1.4em 1.4em 1.4em !important;
margin: 0 0 1.5em 0 !important;
-webkit-box-shadow: 0px 0px 0px 0px #000;
box-shadow: 0px 0px 0px 0px #000;
}
legend.legend-area {
font-size: 1.2em !important;
font-weight: bold !important;
text-align: left !important;
width:auto;
padding:0 10px;
border-bottom:none;
}
</style>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha256-k2/8zcNbxVIh5mnQ52A0r3a6jAgMGxFJFE2707UxGCk= sha512-ZV9KawG2Legkwp3nAlxLIVFudTauWuBpC10uEafMHYL0Sarrz5A7G79kXh5+5+woxQ5HM559XX2UZjMJ36Wplg==" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- tema magazine -->
<meta name='theme-color' content='#DF0101'/>
<!-- Windows Phone -->
<meta name='msapplication-navbutton-color' content='#DF0101'/>
<!-- iOS Safari -->
<meta name='apple-mobile-web-app-capable' content='yes'/>
<meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
<!-- Animate -->
<link rel="stylesheet" href="temas/magazine/css/animate.css">
<!-- Icomoon -->
<link rel="stylesheet" href="temas/magazine/css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="temas/magazine/css/bootstrap.css">
<link rel="stylesheet" href="temas/magazine/css/style.css">
<!-- Modernizr JS -->
<script src="temas/magazine/js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="temas/magazine/js/respond.min.js"></script>
<![endif]-->
<!-- jQuery -->
<script src="temas/magazine/js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="temas/magazine/js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="temas/magazine/js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="temas/magazine/js/jquery.waypoints.min.js"></script>
<!-- Main JS -->
<script src="temas/magazine/js/main.js"></script>
<!-- include codemirror (codemirror.css, codemirror.js, xml.js, formatting.js) -->
<link rel="stylesheet" type="text/css" href="temas/landingpage/css/landingpage.css">
<script type="text/javascript" src="temas/landingpage/js/scripts.js"></script>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css">
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>
<!-- wysiwyg -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.js"></script>
<!-- include summernote css/js-->
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet">
<!-- add after bootstrap.min.js -->
<script src="milfs/js/scripts.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.3.0/dist/bootstrap-toc.min.css">
<script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.3.0/dist/bootstrap-toc.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/4.0.1/ekko-lightbox.min.js"></script>
<style >
body{
word-wrap: break-word !important;
}
.fh5co-header {
background-image: url("https://tupale.co/images/banner.png") !important;
background-color:red !important;
background-repeat: no-repeat !important;
}
</style><script type="text/javascript">
function addLink() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = " /* <br /><br />Gracias por compartir, por favor citanos así:<br/><a href='"+document.location.href+"'>"+document.location.href+"<br /><b>https://tupale.co</b> */";
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
document.oncopy = addLink;
</script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="50">
<!-- <div class="text-center">
<a href="frida.php?redirect" >
<img class='center-block img img-responsive' src='https://tupale.co/milfs/images/frida.gif'>
</a>
<a href="frida.php" ><small class="center-block" >¿ Necesitas ayuda para apoyarnos ?</small></a>
</div> -->
<div class="container-principal">
<nav class='navbar navbar-inverse navbar-toggleable-md navbar-fixed-top'>
<div class='container navegacion'>
<div class='navbar-header'>
<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#navbar' aria-expanded='false' aria-controls='navbar'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class='navbar-brand' href='#'>
<img src='temas/landingpage/images/logo.png' class='image_full' alt='Tupale.co'>
<img src='temas/landingpage/images/logo_tupale.png' class='image_mobile' alt='Tupale.co'>
</a>
</div>
<div id='navbar' class='navbar-collapse collapse'>
<ul class='nav navbar-nav'>
<li><a href='#proyectos'>Proyectos</a></li>
<li><a href='#servicios'>Servicios</a></li>
<li><a href='#precios'>Precios</a></li>
<li><a href='#patrocinio'>Patrocina</a></li>
</ul>
<ul class='nav navbar-nav navbar-right'>
<li><a href='#equipo'>Nosotros</a></li>
<li><a href='#documentacion'>Documentación</a></li>
<li><a href='#blog'>Blog</a></li>
<li class='dropdown'>
<a href='#' class='dropdown-toggle' data-toggle='dropdown'>Ingresar<b class='caret'></b></a>
<ul class='dropdown-menu'>
<li><a href='#'>Desadministrador</a></li>
<li><a href='#'>Editor</a></li>
<li><a href='#'>Activista</a></li>
<li class='divider'></li>
<li><a href='#'>Registrarse</a></li>
</ul>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!-- Intro -->
<br><br>
<section class='container-fluid' id='home'>
<div class='container'>
<div class="text-center">
<h1>Desadministrador</h1>
</div>
<div class='col-sm-8 col-sm-offset-2 text-center intro'>
<h2>Plataforma local que nos conecta al movimiento global de datos abiertos</h2>
</div>
<div class='row'>
<div class='col-sm-4'>
<div class='row'>
<div class='col-sm-10 col-sm-offset-2 text-center'><h3>Activismo</h3><p>Promovemos la transparencia para facilitar el establecimiento de una cultura de acceso abierto a la información y de reutilización de los datos públicos.
</p><span class='glyphicon glyphicon-search ' aria-hidden='true'></span></div>
</div>
</div>
<div class='col-sm-4 text-center'>
<div class='row'>
<div class='col-sm-10 col-sm-offset-1 text-center'><h3>Memoria</h3><p>Impulsamos la conservación de memoria y el seguimiento de los procesos, desarrollando mayores y mejores mecanismos que permitan integrar el colectivo a los avances particulares.</p><span class='glyphicon glyphicon-user' aria-hidden='true'></span></div>
</div>
</div>
<div class='col-sm-4 text-center'>
<div class='row'>
<div class='col-sm-10 text-center'><h3>Procesos</h3><p>Fortalecemos la participación ciudadana y campesina efectiva, fomentando la acción colectiva, consolidando así proyectos de mejor y mayor impacto, más representativos y vinculantes.</p><span class='glyphicon glyphicon-stats' aria-hidden='true'></span></div>
</div>
</div>
</div><!--/row-->
<div class='row'><br></div>
</div><!--/container-->
</section>
<!-- END #fh5co-offcanvas -->
<section class='container-fluid' id='campana'>
<div class="col-sm-8 col-sm-offset-2 text-center">
<h1>Tupale</h1>
<div id='slogan_landingpage'><p class='lead'>Te invitamos a usar nuestra plataforma, puedes crear tus campañas y causas, recuerda que Toda causa se gana
</p></div>
</div>
<div id="asistento" class="col-md-12 text-center">
<a href='?asistento' class='btn btn-danger btn-lg'>Quiero crear una campaña </a>
</div>
<div class="col-md-12">
<div class='center-block'>
</div>
</div>
</section>
<!-- PROYECTOS -->
<section class='container-fluid' id='proyectos'>
<div class='col-sm-8 col-sm-offset-2 text-center'>
<h1>Proyectos</h1>
<p class='lead'>Conoce los proyectos que usan Tupale.co para la implementación de sus herramientas, selecciona para conocer más.</p>
</div>
<div class='container principal'>
<div class='container box_proyectos'>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e82' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Red de Huertas del Quindío</div>
<img class='img-gris' style='' class='img-circle' alt='Red de Huertas del Quindío' src='milfs/images/secure/?file=150/d3f718c67c7a9b852eb892b1a5e8ea3a.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e81' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Avanto</div>
<img class='img-gris' style='' class=' img-circle ' alt='Avanto' src='milfs/images/secure/?file=150/351a86b485f28a0dafeb1fb4e2b786ca.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e80' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >ChamiTrip</div>
<img class='img-gris' style='' class=' img-circle ' alt='ChamiTrip' src='milfs/images/secure/?file=150/16b600fd3bfa781704dba43360d76064.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e78' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Festival del Compartir</div>
<img class='img-gris' style='' class=' img-circle ' alt='Festival del Compartir' src='milfs/images/secure/?file=150/f93f4934415a7c0c9de6d9ce6ffff5e1.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e77' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >PionerasDev-Primera Nave(Beta)</div>
<img class='img-gris' style='' class=' img-circle ' alt='PionerasDev-Primera Nave(Beta)' src='milfs/images/secure/?file=150/6c21c5d8ccaa41d9ff059bd7d59a672e.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e76' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Helios</div>
<img class='img-gris' style='' class=' img-circle ' alt='Helios' src='milfs/images/secure/?file=150/930dd636bc6e9deca81c0ef4bf577b55.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e74' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>#ConversacionesEnPaz</div>
<img class='img-gris' style='' class=' ' src='milfs/images/sinimagen.jpg' alt='#ConversacionesEnPaz'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e73' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>TBT</div>
<img class='img-gris' style='' class=' img-circle ' alt='TBT' src='milfs/images/secure/?file=150/71b2dfa4b93feb947728ef46e688eb56.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e72' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Paso Colombia</div>
<img class='img-gris' style='' class=' img-circle ' alt='Paso Colombia' src='milfs/images/secure/?file=150/35e63cf10bbb279a8af14c29ef8b6e62.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e71' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Red de Museos</div>
<img class='img-gris' style='' class=' img-circle ' alt='Red de Museos' src='milfs/images/secure/?file=150/683f6697df9d19d26cbd7f89381868a2.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e70' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Dataweek</div>
<img class='img-gris' style='' class=' img-circle ' alt='Dataweek' src='milfs/images/secure/?file=150/4dd77f4362cd9874f9a5914450dde510.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e67' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Amor animal</div>
<img class='img-gris' style='' class=' img-circle ' alt='Amor animal' src='milfs/images/secure/?file=150/c8d8303d72c5113d1d2aa689a6dd85d0.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e66' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Fundación Vivirenlafinca.org</div>
<img class='img-gris' style='' class=' img-circle ' alt='Fundación Vivirenlafinca.org' src='milfs/images/secure/?file=150/cb5da9e61fc4706267a3605ee506cd58.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e63' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Buscando Dragones</div>
<img class='img-gris' style='' class=' img-circle ' alt='Buscando Dragones' src='milfs/images/secure/?file=150/b1e4dcc7fb2e92ab6c0f5bb430ca73b4.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e61' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Huecopolis.com</div>
<img class='img-gris' style='' class=' img-circle ' alt='Huecopolis.com' src='milfs/images/secure/?file=150/9204c0dbb3a724754f7615132c59e7fd.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e60' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Circo Surca</div>
<img class='img-gris' style='' class=' img-circle ' alt='Circo Surca' src='milfs/images/secure/?file=150/5376f9dfb7befe7ce5e70de8b139809d.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e59' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >Oncomedic ltda</div>
<img class='img-gris' style='' class=' img-circle ' alt='Oncomedic ltda' src='milfs/images/secure/?file=150/0018c7d524a31ab05438a5db8916f6bf.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e58' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' >El Espejo</div>
<img class='img-gris' style='' class=' img-circle ' alt='El Espejo' src='milfs/images/secure/?file=150/eab4388623f88df646a1edf72708638c.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e57' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Firmesconlareserva</div>
<img class='img-gris' style='' class=' img-circle ' alt='Firmesconlareserva' src='milfs/images/secure/?file=150/52c8d42317cbdfa557f1e3fc5fe1c6b5.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e56' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Unidad de Mapeo Humanitario Colombia</div>
<img class='img-gris' style='' class=' img-circle ' alt='Unidad de Mapeo Humanitario Colombia' src='milfs/images/secure/?file=150/7ebd06c8ea5cd29b49cfa731df313428.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e55' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Imaginarios de Paz</div>
<img class='img-gris' style='' class=' img-circle ' alt='Imaginarios de Paz' src='milfs/images/secure/?file=150/e94aba8f683f7474e63d5fc7801ec773.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e54' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Ecoavistador</div>
<img class='img-gris' style='' class=' img-circle ' alt='Ecoavistador' src='milfs/images/secure/?file=150/3aba9b5a97a6852b43fdf99eae81aa51.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e53' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Nuestrared.org</div>
<img class='img-gris' style='' class=' img-circle ' alt='Nuestrared.org' src='milfs/images/secure/?file=150/bc400444f5fee1f826a1d60226e71164.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e52' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>ReDHumus</div>
<img class='img-gris' style='' class=' img-circle ' alt='ReDHumus' src='milfs/images/secure/?file=150/877a9589e55d5d0819eba8681c3160a1.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e50' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Red de Huerteros Medellín</div>
<img class='img-gris' style='' class=' img-circle ' alt='Red de Huerteros Medellín' src='milfs/images/secure/?file=150/750136cc5053660dfd457a22bd3b8782.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e49' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>#BrigadaDigital</div>
<img class='img-gris' style='' class=' img-circle ' alt='#BrigadaDigital' src='milfs/images/secure/?file=150/ee944e22ef4ae97039b65ced395302c8.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e4' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Comunidad de práctica ConVerGentes</div>
<img class='img-gris' style='' class=' img-circle ' alt='Comunidad de práctica ConVerGentes' src='milfs/images/secure/?file=150/45c50e2e23317fcb1febe7f08dd22ff1.jpg'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e2' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Tupale (Archivo)</div>
<img class='img-gris' style='' class=' img-circle ' alt='Tupale (Archivo)' src='milfs/images/secure/?file=150/61a3f54e7b0c7afab3e9cdec2629fd47.png'>
</a>
</div>
</div>
<div class='proyecto' title=''>
<div class='div_proyecto'>
<a href='e1' data-toggle='modal' data-target='#myModal'>
<div class='proyecto_titulo' style='
'>Tupale</div>
<img class='img-gris' style='' class=' img-circle ' alt='Tupale' src='milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png'>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- FIN Proyectos -->
<!-- SERVICIOS -->
<section class='container-fluid' id='servicios'>
<div class="col-sm-8 col-sm-offset-2 text-center">
<h1>Servicios</h1>
<p class='lead'>Integramos a Tupale herramientas y servicios de código abierto que complementan el flujo de proyectos y que además puedes integrar a los procesos actuales de tu grupo de trabajo.
</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg" alt="...">
<div class="caption">
<h3>RAW</h3>
<p>Convertimos los datos en visualizaciones con RAW. Tu tambien puedes crear tus visualizaciones de forma rápida y práctica, emplea la API simple de Tupale para experimentar con esta herramienta.
</p>
<p>
<a href="http://rawgraphs.io/" class="btn btn-default " role="button">Fuente</a>
<a href="https://raw.tupale.co/" class="btn btn-danger pull-right" role="button">En tupale</a>
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="temas/landingpage/images/pad_servicios.jpg" alt="servicio_pad">
<div class="caption">
<h3>PAD</h3>
<p>Escribimos y compartimos ideas en textos digitales y todo comienza a suceder . Escribe tu tambien de forma colaborativa, crea documentos con tu equipo en tiempo real desde cualquier lugar.
</p>
<p>
<a href="http://etherpad.org/" class="btn btn-default" role="button">Fuente</a>
<a href="https://pad.tupale.co/" class="btn btn-danger pull-right" role="button">En Tupale</a>
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="http://www.consumer.es/imgs/2016/06/compraenredessociales-sophia-portada1-750.png" alt="...">
<div class="caption">
<h3>CALC</h3>
<p>Las estructuras de datos que alimentan las aplicaciones en Tupale toman vida con CALC. Comienza, actualiza y comparte hojas de calculo en linea, desde cualquier lugar en tiempo real.</p>
<p>
<a href="https://ethercalc.net/" class="btn btn-default" role="button">Fuente</a>
<a href="https://calc.tupale.co/" class="btn btn-danger pull-right" role="button">En Tupale</a>
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="thumbnail">
<img src="temas/landingpage/images/piwik_servicios.jpg" alt="servicio_piwik">
<div class="caption">
<h3>PIWIK</h3>
<p>¿Quien accede y visita tu sitio? Usamos PIWIK para la consulta de uso de Tupale.co y los diferentes proyectos alojados en Tupale. Tambien puedes implementarla para cualquier sitio.
</p>
<p>
<a href="https://stats.tupale.co" class="btn btn-default" role="button">Fuente</a>
<a href="https://piwik.org/" class="btn btn-danger pull-right" role="button">En Tupale</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Fin sección servicios -->
<!-- Carrusel APIS Open Data -->
<section class="container-fluid" id="">
<div class="col-sm-8 col-sm-offset-2 text-center">
<h1>Portal de Open Data</h1>
<p class="lead">El portal de Open Data recopila los datos ingresados en las aplicaciones de Tupale, puedes acceder a ellos en diferentes formatos según los requerimientos y hacer integraciones con otras aplicaciones y servicios</p>
</div>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="temas/landingpage/images/portal_index.png" alt="portal_open_data">
<div class="carousel-caption">
<h3>Portal de Open Data</h3>
<p>Multiples opciones de manejo de datos con estandares mundiales de Open Data</p>
</div>
</div>
<div class="item">
<img src="temas/landingpage/images/portal_api_json.png" alt="portal_open_data">
<div class="carousel-caption">
<h3>APIS JSON</h3>
<p>api json y api json simple para integraciones y programación</p>
</div>
</div>
<div class="item">
<img src="temas/landingpage/images/portal_mapa.png" alt="portal_open_data_mapero">
<div class="carousel-caption">
<h3>MAPERO - Mapas Georeferenciados</h3>
<p>Cartografía social con asignación de categorias, iconos de referenciación y ubicación geográfica</p>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="false"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<!-- FIN Carrusel -->
<!-- PRECIOS -->
<section class="container-fluid" id="precios">
<div class="col-sm-8 col-sm-offset-2 text-center">
<h1>Precios</h1>
<p class="lead">Tupale es una herramienta de código abierto basada en el framework <a href="https://github.com/humano/milfs/wiki">MILFS</a>, puede ser descargada e implementada libremente. Los valores propuestos cubren servicios de administración, hosting, reinversión en desarrollo, capacitación en uso y manejo.</p>
</div>
<div class="container" >
<div class="row">
<div class="col-sm-6 col-md-3">
<div class="panel panel-black">
<div class="panel-heading">
<h3 class="text-center">INSTANCIA DE TUPALE</h3>
<p class="text-center">VALOR ANUAL</p>
</div>
<div class="panel-body text-center">
<p class="lead" style="font-size:30px"><strong>$250 USD</strong></p>
</div>
<ul class="list-group list-group-flush text-left">
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Aplicaciones ilimitadas
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Usuarios ilimitados
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Personalización visual básica y plantillas gráficas iniciales
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Redirección o integración con dominio o subdominio a Tupale.co.
</li>
</ul>
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="panel panel-black">
<div class="panel-heading">
<h3 class="text-center">TALLER BÁSICO</h3>
<p class="text-center">HASTA 6 PERSONAS x HASTA 6 HORAS</p>
</div>
<div class="panel-body text-center">
<p class="lead" style="font-size:30px"><strong>$240 USD</strong></p>
</div>
<ul class="list-group list-group-flush text-left">
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Creación de modelo de datos
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Creación de aplicacioes
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Creación y modificación de campos
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Guia básica de plantillas
</li>
</ul>
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="panel panel-black">
<div class="panel-heading">
<h3 class="text-center">TALLER MEDIO</h3>
<p class="text-center">HASTA 6 PERSONAS x HASTA 12 HORAS</p>
</div>
<div class="panel-body text-center">
<p class="lead" style="font-size:30px"><strong>$480 USD</strong></p>
</div>
<ul class="list-group list-group-flush text-left">
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Uso de campos especiales
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Creación de mapas
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Guia avanzada de plantillas y parametrización
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Generación de informes
</li>
</ul>
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div>
</div>
</div>
<div class="col-sm-6 col-md-3">
<div class="panel panel-black">
<div class="panel-heading">
<h3 class="text-center">TALLER AVANZADO</h3>
<p class="text-center">HASTA 6 PERSONAS x HASTA 24 HORAS</p>
</div>
<div class="panel-body text-center">
<p class="lead" style="font-size:30px"><strong>$960 USD</strong></p>
</div>
<ul class="list-group list-group-flush text-left">
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO + TALLER MEDIO
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Uso básico de las API para visualizacioens
</li>
<li class="list-group-item">
<span class="glyphicon glyphicon-ok-sign"></span> Exportación de datos a diferentes formatos
</li>
</ul>
<div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div>
</div>
</div>
</div>
</div>
</section>
<section class="container-fluid" id="patrocinio">
<div class="col-sm-8 col-sm-offset-2 ">
<div class="text-center">
<h1>Patrocinadores</h1>
<p class="lead">Conoce las empresas, instituciones y organizaciones que han invertido a través de sus proyectos con el avance de la herramienta, todos los desarrollos que han sido adelantados son de acceso libre para toda la comunidad. </p>
</div>
</div>
<div class="container principal">
<div class="container box_proyectos">
<!-- Thumbnail link para el logo de pasocolombia -->
<div class="patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/pasocolombia.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<!-- Thumbnail link para el logo de red de huerteros -->
<div class=" patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/red_huerteros.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<!-- Thumbnail link para el logo avanto -->
<div class=" patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/avanto.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<!-- Thumbnail link para el logo brigada -->
<div class=" patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<div class=" patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/bibliotecas.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<div class=" patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/museo_casa_memoria.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<div class=" patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<div class="patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/gov_quindio.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<div class="patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/fundacion_karisma.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
<div class="patrocina">
<a href="#" data-toggle="modal" data-target="#myModal">
<img src="temas/landingpage/images/casa_cultura.png" class="img-responsive img-rounded center-block" alt="">
</a>
</div>
</div>
</div>
</section>
<!--EQUIPO -->
<section class="container-fluid" id="equipo">
<div class="col-sm-8 col-sm-offset-2">
<div class="text-center">
<h1>Equipo</h1>
<p class="lead">Tupale es la dependiencia activista de <a href="https://github.com/humano/milfs">MILF</a>, a esta propuesta inicial se han vinculado de manera orgánica compañeros y amigos aportando al crecimiento del entorno de herramientas que facilitan el desarrollo de Tupale y la integración con proyectos, equipos, instituciones y causas.</p>
</div>
</div>
<div class="container text-center">
<div class="row">
<div class="col-sm-4 col-lg-4">
<img class="img-circle" src="temas/landingpage/images/equipo_manada.png" alt="manada malinois" width="140" height="140">
<h2>La manada Malinois</h2>
<p>Motivación, inspiración y terapia. Los animales como fuente de amor incondicional, desestress, entretenimiento y enfoque para levantarse cada día y seguir adelante.
</p>
<p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
</div>
<div class="col-sm-4 col-lg-4">
<img class="img-circle" src="temas/landingpage/images/equipo_tigre.png" alt="tigre" width="140" height="140">
<h2>El Tigre</h2>
<p>Cocinero de vocación, Programador Senior de oficio, apasionado por el aprendizaje autodidacta y la participación activa en la creación de productos tecnológicos, acciones y oportunidades, para el desarrollo personal, comunitario y social, apasionado por la gestión del riesgo, borrador de goloza profesional.
</p>
<p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
</div>
<div class="col-sm-4 col-lg-4">
<img class="img-circle" src="temas/landingpage/images/equipo_tigra.png" alt="tigra" width="140" height="140">
<h2>La Tigra</h2>
<p>Contadora de profesión, transformando mi proyecto de vida hacia una vida en el campo, gestionando la constitución, formalización y administración de las empresas y fundaciones que nos permiten dar vida y ejecutar proyectos, contrataciones y convenios de asociación con impacto, transparencia y gestión profesional, apasionada por mi manada Malinois.
</p>
<p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
</div>
<div class="col-sm-4 col-sm-offset-2 col-lg-4 col-lg-offset-2">
<img class="img-circle" src="temas/landingpage/images/equipo_kleper.png" alt="kleper" width="140" height="140">
<h2>Kleper</h2>
<p>Filósofo y experto en redes y seguridad informática, afrontando las contradicciones de la vida sin ser inconsecuente, apasionado por las redes libres y nuevas formas de construir comunidad a través del uso y apropiación de las tecnologías.
</p>
<p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
</div>
<div class="col-sm-4 col-lg-4">
<img class="img-circle" src="temas/landingpage/images/equipo_pionerita.png" alt="pionerita" width="140" height="140">
<h2>Pionerita</h2>
<p>Profesional Transdisciplinar en Diseño Estratégico, Ciencias Sociales y Programación Web, apasionada por la Neoruralidad en la búsqueda de modelos, herramientas y proyectos que aporten al desarrollo del campo y las nuevas ruralidades como proyecto de Vida viable
</p>
<p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
</div>
</div>
</div>
</section>
<!-- ESTADISTICAS -->
<section class="container-fluid" id="visitas">
<div class="col-sm-8 col-sm-offset-2">
<div class="text-center">
<h1 class="titulo">Estadísticas de visita Tupale</h1>
</div>
</div>
<div class="container col-sm-8 col-lg-8 text-center">
<ul class="nav nav-tabs">
<li><a href="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&widget=1&moduleToWidgetize=Live&actionToWidgetize=getSimpleLastVisitCount&idSite=1&period=day&date=yesterday&disableLink=1&widget=1" target="search_iframe">Tiempo Real</a></li>
<li >
<a class="active" href="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&forceView=1&viewDataTable=graphEvolution&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=getEvolutionGraph&idSite=1&period=day&date=yesterday&disableLink=1&widget=1" target="search_iframe">Últimas Semanas</a>
</li>
<li >
<a href="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&widget=1&moduleToWidgetize=VisitTime&actionToWidgetize=getByDayOfWeek&idSite=1&period=month&date=yesterday&disableLink=1&widget=1" target="search_iframe">Ultimos días</a>
</li>
</ul>
<div class="tab-pane fade active in" id="real-time">
<div class="embed-responsive embed-responsive-16by9">
<iframe scrolling="no" src="https://stats.tupale.co/index.php?module=Widgetize&action=iframe&forceView=1&viewDataTable=graphEvolution&widget=1&moduleToWidgetize=VisitsSummary&actionToWidgetize=getEvolutionGraph&idSite=1&period=day&date=yesterday&disableLink=1&widget=1" width="100%" height="200%" name="search_iframe"></iframe>
</div>
</div>
</div>
</section>
<!-- FIN equipo -->
<!--FOOTER -->
<footer id="footer" class="clearfix">
<div id="footer-widgets">
<div class="container">
<div id="footer-wrapper">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-2">
<div id="meta-3" class="widget widgetFooter widget_meta">
<h4 class="widgettitle">Más informacion</h4>
<ul>
<li><a href="#"><i class="fa fa-info-circle" aria-hidden="true">
</i> Datos Abiertos</a>
</li>
<li><a href="#"><i class="fa fa-external-link" aria-hidden="true"></i> Manifiesto</a>
</li>
<li><a href="#"><i class="fa fa-eye" aria-hidden="true"></i> Recomendado</a>
</li>
</ul>
</div>
</div> <!-- end widget1 -->
<div class="col-xs-6 col-sm-6 col-md-2">
<div id="recent-posts-3" class="widget widgetFooter widget_recent_entries">
<h4 class="widgettitle">Buscanos en redes</h4>
<ul>
<li>
<a href="https://www.facebook.com/tupaleco" target="_blank"><i class="fa fa-facebook"></i> Facebook</a>
</li>
<li>
<a href="https://twitter.com/tupaleco" target="_blank"><i class="fa fa-twitter"></i> Twitter</a>
</li>
<li>
<a href="https://t.me/tupale" target="_blank"><i class="fa fa-paper-plane" aria-hidden="true"></i> Telegram</a>
</li>
</ul>
</div>
</div> <!-- end widget1 -->
<div class="col-sm-6 col-md-4">
<div id="meta-4" class="widget widgetFooter widget_meta">
<h4 class="widgettitle">Contáctanos</h4>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa-fw"></i></span>
<input class="form-control" placeholder="Correo de contacto" type="text">
</div>
</div>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-file-text fa-lg" aria-hidden="true"></i></span>
<textarea class="form-control" placeholder="Escríbenos" rows="2" id="comment"></textarea>
<span class="input-group-btn">
<button class="btn btn-danger" type="button">Enviar</button>
</span>
</div>
</div>
</div>
</div> <!-- end widget1 -->
<div class="col-sm-6 col-md-4">
<div id="search-3" class="widget widgetFooter widget_search"><h4 class="widgettitle">Busca en el sitio:</h4>
<div class="form-group">
<label class="control-label">Quieres buscar en Tupale</label>
<div class="input-group">
<span class="input-group-addon">¿Qué buscas?</span>
<input class="form-control" placeholder="Palabra clave" type="text">
<span class="input-group-btn">
<button class="btn btn-danger" type="button">Buscar</button>
</span>
</div>
</div>
</div>
</div> <!-- end widget1 -->
</div> <!-- end .row -->
</div> <!-- end #footer-wrapper -->
</div> <!-- end .container -->
</div> <!-- end #footer-widgets -->
</footer>
<div id="sub-floor">
<div class="container text-center">
<div class="row">
<small>
<p class="">Tupale.co funciona gracias a <a href='https://QWERTY.co/milfs'>&copy; MILFS Un proyecto de https://QWERTY.co</a> Se distribuye bajo licencia GPL V3
<a href="milfs/?psi" ><i class="fa fa-smile-o "></i> Políticas de privacidad y protección de datos.</a></p>
</small>
</div> <!-- end .row -->
</div>
</div>
<script type="text/javascript">
$(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
event.preventDefault();
$(this).ekkoLightbox();
});
//// wysiwyg
var edit = function() {
$('.wysiwyg').summernote({height: 250, codemirror: { theme: 'default' },dialogsInBody: true});
};
var save = function() {
var makrup = $('.wysiwyg').summernote('code');
$('.wysiwyg').summernote('destroy');
};
$(document).ready(function() {
$('.wysiwyg_auto').summernote({dialogsInBody: true});
});
</script>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.tupale.co/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 1]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//stats.tupale.co/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>