tupali_fork/landingpage_a.html

1214 lines
97 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 MILF, 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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/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="assets/brigada_digital.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>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
</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>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.
</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>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
</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>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.
</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>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
</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>