Repositorio para la herramienta Tupale completo
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1220 lines
94KB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Cache-control" content="public">
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="user-scalable=no, width=device-width, maximum-scale=1, initial-scale=1">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <!-- Chrome, Firefox OS y Opera -->
  10. <meta NAME="Language" CONTENT="Spanish">
  11. <meta NAME="Revisit" CONTENT="1 days">
  12. <meta NAME="Distribution" CONTENT="Global">
  13. <meta NAME="Robots" CONTENT="All">
  14. <meta name="twitter:card" content="summary">
  15. <meta name="twitter:site" content="tupaleco">
  16. <meta name="twitter:creator" content="@qwerty_co">
  17. <meta name="twitter:url" content="http://localhost/default/tupali/tupali/metafisico.php">
  18. <meta name="twitter:title" content="Tupale">
  19. <meta name="twitter:description" content=" ">
  20. <meta name="twitter:image" content="http://localhost/default/tupali/milfs/images/secure/?file=full/da6d16547658ebc06c5378b30d1ee4bf.png">
  21. <meta property="og:type" content="article">
  22. <meta property="og:title" content="Tupale" />
  23. <meta property="og:type" content="website" />
  24. <meta property="og:url" content="http://localhost/default/tupali/tupali/metafisico.php" />
  25. <meta property="og:image" content="http://localhost/default/tupali/milfs/images/secure/?file=full/da6d16547658ebc06c5378b30d1ee4bf.png" />
  26. <meta property="og:site_name" content="" />
  27. <meta property="og:description" content=" " />
  28. <link rel="shortcut icon" href="milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png">
  29. <meta name='viewport' content='width=device-width'>
  30. <meta name='mobile-web-app-capable' content='yes'>
  31. <link rel='icon' sizes='192x192' href='milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png'>
  32. <link rel="apple-touch-icon-precomposed" href="milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png">
  33. <title>Tupale Te invitamos a usar nuestra plataforma, puedes crear tus campañas y causas, recuerda que Toda causa se gana
  34. Tupale.co </title>
  35. <script type="text/javascript">
  36. var xajaxRequestUri="http://10.10.0.52/tupali/metafisico.php";
  37. var xajaxDebug=false;
  38. var xajaxStatusMessages=false;
  39. var xajaxWaitCursor=true;
  40. var xajaxDefinedGet=0;
  41. var xajaxDefinedPost=1;
  42. function xajax_filtro_generico_buscar(){return xajax.call("filtro_generico_buscar", arguments, 1);}
  43. function xajax_formulario_estadistica_ocultar(){return xajax.call("formulario_estadistica_ocultar", arguments, 1);}
  44. function xajax_contenido_presentacion(){return xajax.call("contenido_presentacion", arguments, 1);}
  45. function xajax_marcar(){return xajax.call("marcar", arguments, 1);}
  46. function xajax_mailer(){return xajax.call("mailer", arguments, 1);}
  47. function xajax_formulario_permisos_usuario(){return xajax.call("formulario_permisos_usuario", arguments, 1);}
  48. function xajax_generar_acceso(){return xajax.call("generar_acceso", arguments, 1);}
  49. function xajax_resumen_identificador(){return xajax.call("resumen_identificador", arguments, 1);}
  50. function xajax_borrar_linea(){return xajax.call("borrar_linea", arguments, 1);}
  51. function xajax_autorizar_usuarios(){return xajax.call("autorizar_usuarios", arguments, 1);}
  52. function xajax_cambiar_empresa(){return xajax.call("cambiar_empresa", arguments, 1);}
  53. function xajax_clonar_identificador(){return xajax.call("clonar_identificador", arguments, 1);}
  54. function xajax_cerrar_sesion(){return xajax.call("cerrar_sesion", arguments, 1);}
  55. function xajax_listado_entradas(){return xajax.call("listado_entradas", arguments, 1);}
  56. function xajax_panel_aplicaciones(){return xajax.call("panel_aplicaciones", arguments, 1);}
  57. function xajax_asistente_aplicaciones(){return xajax.call("asistente_aplicaciones", arguments, 1);}
  58. function xajax_mostrar_interacciones(){return xajax.call("mostrar_interacciones", arguments, 1);}
  59. function xajax_interaccion_identificador(){return xajax.call("interaccion_identificador", arguments, 1);}
  60. function xajax_eliminar_identificador(){return xajax.call("eliminar_identificador", arguments, 1);}
  61. function xajax_mover_formulario(){return xajax.call("mover_formulario", arguments, 1);}
  62. function xajax_clonar_formulario(){return xajax.call("clonar_formulario", arguments, 1);}
  63. function xajax_campo_privacidad(){return xajax.call("campo_privacidad", arguments, 1);}
  64. function xajax_consultar_contenido_formulario(){return xajax.call("consultar_contenido_formulario", arguments, 1);}
  65. function xajax_multiempresa_listado(){return xajax.call("multiempresa_listado", arguments, 1);}
  66. function xajax_autoriza_formulario_mostrar(){return xajax.call("autoriza_formulario_mostrar", arguments, 1);}
  67. function xajax_landingpage_contenido_formulario(){return xajax.call("landingpage_contenido_formulario", arguments, 1);}
  68. function xajax_wait(){return xajax.call("wait", arguments, 1);}
  69. function xajax_campos_tabla(){return xajax.call("campos_tabla", arguments, 1);}
  70. function xajax_geocoder(){return xajax.call("geocoder", arguments, 1);}
  71. function xajax_mostrar_psi(){return xajax.call("mostrar_psi", arguments, 1);}
  72. function xajax_multiempresa_crear(){return xajax.call("multiempresa_crear", arguments, 1);}
  73. function xajax_configurar_dominio(){return xajax.call("configurar_dominio", arguments, 1);}
  74. function xajax_multiempresa(){return xajax.call("multiempresa", arguments, 1);}
  75. function xajax_consultar_formulario(){return xajax.call("consultar_formulario", arguments, 1);}
  76. function xajax_parametrizacion_linea(){return xajax.call("parametrizacion_linea", arguments, 1);}
  77. function xajax_email_contenido(){return xajax.call("email_contenido", arguments, 1);}
  78. function xajax_formulario_parametrizacion(){return xajax.call("formulario_parametrizacion", arguments, 1);}
  79. function xajax_parametrizacion_categoria(){return xajax.call("parametrizacion_categoria", arguments, 1);}
  80. function xajax_parametrizacion_plantilla_campos_inteligentes(){return xajax.call("parametrizacion_plantilla_campos_inteligentes", arguments, 1);}
  81. function xajax_parametrizacion_plantilla(){return xajax.call("parametrizacion_plantilla", arguments, 1);}
  82. function xajax_parametrizacion_titulo(){return xajax.call("parametrizacion_titulo", arguments, 1);}
  83. function xajax_mostrar_modal(){return xajax.call("mostrar_modal", arguments, 1);}
  84. function xajax_portal_filtro_cadena(){return xajax.call("portal_filtro_cadena", arguments, 1);}
  85. function xajax_insertar_linea(){return xajax.call("insertar_linea", arguments, 1);}
  86. function xajax_select_combo(){return xajax.call("select_combo", arguments, 1);}
  87. function xajax_mensajes(){return xajax.call("mensajes", arguments, 1);}
  88. function xajax_revisar_campo_unico(){return xajax.call("revisar_campo_unico", arguments, 1);}
  89. function xajax_verificacion_email(){return xajax.call("verificacion_email", arguments, 1);}
  90. function xajax_milfs_session(){return xajax.call("milfs_session", arguments, 1);}
  91. function xajax_buscar_datos(){return xajax.call("buscar_datos", arguments, 1);}
  92. function xajax_datos_grid(){return xajax.call("datos_grid", arguments, 1);}
  93. function xajax_insertar_registro(){return xajax.call("insertar_registro", arguments, 1);}
  94. function xajax_formulario_areas(){return xajax.call("formulario_areas", arguments, 1);}
  95. function xajax_tabla_areas(){return xajax.call("tabla_areas", arguments, 1);}
  96. function xajax_importar_coleccion(){return xajax.call("importar_coleccion", arguments, 1);}
  97. function xajax_listar_archivos(){return xajax.call("listar_archivos", arguments, 1);}
  98. function xajax_relacion_render(){return xajax.call("relacion_render", arguments, 1);}
  99. function xajax_buscador_base(){return xajax.call("buscador_base", arguments, 1);}
  100. function xajax_buscador_select_base(){return xajax.call("buscador_select_base", arguments, 1);}
  101. function xajax_buscador_campo(){return xajax.call("buscador_campo", arguments, 1);}
  102. function xajax_buscador_select(){return xajax.call("buscador_select", arguments, 1);}
  103. function xajax_relacion_select(){return xajax.call("relacion_select", arguments, 1);}
  104. function xajax_combo_select(){return xajax.call("combo_select", arguments, 1);}
  105. function xajax_formulario_embebido_ajax(){return xajax.call("formulario_embebido_ajax", arguments, 1);}
  106. function xajax_aplicacion_presentacion(){return xajax.call("aplicacion_presentacion", arguments, 1);}
  107. function xajax_aplicaciones_listado(){return xajax.call("aplicaciones_listado", arguments, 1);}
  108. function xajax_contenido_parallax(){return xajax.call("contenido_parallax", arguments, 1);}
  109. function xajax_contenido_timeline(){return xajax.call("contenido_timeline", arguments, 1);}
  110. function xajax_contenido_listado(){return xajax.call("contenido_listado", arguments, 1);}
  111. function xajax_contenido_mostrar(){return xajax.call("contenido_mostrar", arguments, 1);}
  112. function xajax_configuracion(){return xajax.call("configuracion", arguments, 1);}
  113. function xajax_cambiar_imagen(){return xajax.call("cambiar_imagen", arguments, 1);}
  114. function xajax_actualizar_campo(){return xajax.call("actualizar_campo", arguments, 1);}
  115. function xajax_eliminar_campo(){return xajax.call("eliminar_campo", arguments, 1);}
  116. function xajax_insertar_campo(){return xajax.call("insertar_campo", arguments, 1);}
  117. function xajax_insertar_campo_area(){return xajax.call("insertar_campo_area", arguments, 1);}
  118. function xajax_editar_campo(){return xajax.call("editar_campo", arguments, 1);}
  119. function xajax_formulario_importador(){return xajax.call("formulario_importador", arguments, 1);}
  120. function xajax_formulario_importar_subir(){return xajax.call("formulario_importar_subir", arguments, 1);}
  121. function xajax_formulario_importar(){return xajax.call("formulario_importar", arguments, 1);}
  122. function xajax_borrar_tmp(){return xajax.call("borrar_tmp", arguments, 1);}
  123. function xajax_mostrar_coincidencias_plantilla(){return xajax.call("mostrar_coincidencias_plantilla", arguments, 1);}
  124. function xajax_mostrar_coincidencias(){return xajax.call("mostrar_coincidencias", arguments, 1);}
  125. function xajax_matriz_formulario(){return xajax.call("matriz_formulario", arguments, 1);}
  126. function xajax_formulario_campos_select(){return xajax.call("formulario_campos_select", arguments, 1);}
  127. function xajax_formulario_campos_filtro(){return xajax.call("formulario_campos_filtro", arguments, 1);}
  128. function xajax_formulario_consultar(){return xajax.call("formulario_consultar", arguments, 1);}
  129. function xajax_formulario_campos_procesar(){return xajax.call("formulario_campos_procesar", arguments, 1);}
  130. function xajax_formulario_opciones_select(){return xajax.call("formulario_opciones_select", arguments, 1);}
  131. function xajax_crear_campos_formulario(){return xajax.call("crear_campos_formulario", arguments, 1);}
  132. function xajax_formulario_crear_campo(){return xajax.call("formulario_crear_campo", arguments, 1);}
  133. function xajax_agregar_campos(){return xajax.call("agregar_campos", arguments, 1);}
  134. function xajax_formulario_nuevo(){return xajax.call("formulario_nuevo", arguments, 1);}
  135. function xajax_formulario_listado(){return xajax.call("formulario_listado", arguments, 1);}
  136. function xajax_formulario_eliminar(){return xajax.call("formulario_eliminar", arguments, 1);}
  137. function xajax_campo_multiple(){return xajax.call("campo_multiple", arguments, 1);}
  138. function xajax_formulario_grabar(){return xajax.call("formulario_grabar", arguments, 1);}
  139. function xajax_formulario_modal(){return xajax.call("formulario_modal", arguments, 1);}
  140. function xajax_limpia_div(){return xajax.call("limpia_div", arguments, 1);}
  141. function xajax_contenido_ocultar(){return xajax.call("contenido_ocultar", arguments, 1);}
  142. function xajax_contenido_show(){return xajax.call("contenido_show", arguments, 1);}
  143. function xajax_contenido_cambiar(){return xajax.call("contenido_cambiar", arguments, 1);}
  144. function xajax_limite(){return xajax.call("limite", arguments, 1);}
  145. function xajax_confirma_campo(){return xajax.call("confirma_campo", arguments, 1);}
  146. function xajax_validar_campo(){return xajax.call("validar_campo", arguments, 1);}
  147. function xajax_comprobar_email(){return xajax.call("comprobar_email", arguments, 1);}
  148. function xajax_registro_express(){return xajax.call("registro_express", arguments, 1);}
  149. function xajax_cambiar_grupo(){return xajax.call("cambiar_grupo", arguments, 1);}
  150. function xajax_buscar_funcionario(){return xajax.call("buscar_funcionario", arguments, 1);}
  151. function xajax_usuarios_listado(){return xajax.call("usuarios_listado", arguments, 1);}
  152. function xajax_XXX(){return xajax.call("XXX", arguments, 1);}
  153. function xajax_machitroll_grabar_imagen(){return xajax.call("machitroll_grabar_imagen", arguments, 1);}
  154. function xajax_machitroll_grabar(){return xajax.call("machitroll_grabar", arguments, 1);}
  155. function xajax_machitroll_grabarX(){return xajax.call("machitroll_grabarX", arguments, 1);}
  156. function xajax_brigadistas_grabar_imagen(){return xajax.call("brigadistas_grabar_imagen", arguments, 1);}
  157. function xajax_brigadistas_grabar(){return xajax.call("brigadistas_grabar", arguments, 1);}
  158. function xajax_tuitealo(){return xajax.call("tuitealo", arguments, 1);}
  159. </script>
  160. <script type="text/javascript" src="milfs/xajax/xajax_js/xajax.js"></script>
  161. <style>
  162. <!-- ESTILOS PRIORITARIOS -->
  163. .modal-dialog {
  164. width: 95% !important;
  165. height: auto;
  166. padding: 0;
  167. }
  168. .modal-lg {
  169. width: 95% !important;
  170. height: auto;
  171. padding: 0;
  172. }
  173. .modal-content {
  174. height: auto;
  175. }
  176. .modal-body {
  177. max-height: calc(100vh - 100px);
  178. overflow-y: auto;
  179. }
  180. fieldset.fieldset-borde {
  181. border: 2px solid #EDEDED !important;
  182. border-radius:3px;
  183. padding: 0 1.4em 1.4em 1.4em !important;
  184. margin: 0 0 1.5em 0 !important;
  185. -webkit-box-shadow: 0px 0px 0px 0px #000;
  186. box-shadow: 0px 0px 0px 0px #000;
  187. }
  188. legend.legend-area {
  189. font-size: 1.2em !important;
  190. font-weight: bold !important;
  191. text-align: left !important;
  192. width:auto;
  193. padding:0 10px;
  194. border-bottom:none;
  195. }
  196. </style>
  197. <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">
  198. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  199. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  200. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  201. <!--[if lt IE 9]>
  202. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  203. <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  204. <![endif]-->
  205. <!-- tema magazine -->
  206. <meta name='theme-color' content='#DF0101'/>
  207. <!-- Windows Phone -->
  208. <meta name='msapplication-navbutton-color' content='#DF0101'/>
  209. <!-- iOS Safari -->
  210. <meta name='apple-mobile-web-app-capable' content='yes'/>
  211. <meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
  212. <!-- Google Fonts -->
  213. <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
  214. <!-- Animate -->
  215. <link rel="stylesheet" href="temas/magazine/css/animate.css">
  216. <!-- Icomoon -->
  217. <link rel="stylesheet" href="temas/magazine/css/icomoon.css">
  218. <!-- Bootstrap -->
  219. <link rel="stylesheet" href="temas/magazine/css/bootstrap.css">
  220. <link rel="stylesheet" href="temas/magazine/css/style.css">
  221. <!-- Modernizr JS -->
  222. <script src="temas/magazine/js/modernizr-2.6.2.min.js"></script>
  223. <!-- FOR IE9 below -->
  224. <!--[if lt IE 9]>
  225. <script src="temas/magazine/js/respond.min.js"></script>
  226. <![endif]-->
  227. <!-- jQuery -->
  228. <script src="temas/magazine/js/jquery.min.js"></script>
  229. <!-- jQuery Easing -->
  230. <script src="temas/magazine/js/jquery.easing.1.3.js"></script>
  231. <!-- Bootstrap -->
  232. <script src="temas/magazine/js/bootstrap.min.js"></script>
  233. <!-- Waypoints -->
  234. <script src="temas/magazine/js/jquery.waypoints.min.js"></script>
  235. <!-- Main JS -->
  236. <script src="temas/magazine/js/main.js"></script>
  237. <!-- include codemirror (codemirror.css, codemirror.js, xml.js, formatting.js) -->
  238. <link rel="stylesheet" type="text/css" href="temas/landingpage/css/landingpage.css">
  239. <script type="text/javascript" src="temas/landingpage/js/scripts.js"></script>
  240. <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css">
  241. <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css">
  242. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js"></script>
  243. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js"></script>
  244. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>
  245. <!-- wysiwyg -->
  246. <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.js"></script>
  247. <!-- include summernote css/js-->
  248. <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet">
  249. <!-- add after bootstrap.min.js -->
  250. <script src="milfs/js/scripts.js"></script>
  251. <link rel="stylesheet" href="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.3.0/dist/bootstrap-toc.min.css">
  252. <script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.3.0/dist/bootstrap-toc.min.js"></script>
  253. <script src="//cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/4.0.1/ekko-lightbox.min.js"></script>
  254. <style >
  255. body{
  256. word-wrap: break-word !important;
  257. }
  258. .fh5co-header {
  259. background-image: url("https://tupale.co/images/banner.png") !important;
  260. background-color:red !important;
  261. background-repeat: no-repeat !important;
  262. }
  263. </style><script type="text/javascript">
  264. function addLink() {
  265. var body_element = document.getElementsByTagName('body')[0];
  266. var selection;
  267. selection = window.getSelection();
  268. 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> */";
  269. var copytext = selection + pagelink;
  270. var newdiv = document.createElement('div');
  271. newdiv.style.position='absolute';
  272. newdiv.style.left='-99999px';
  273. body_element.appendChild(newdiv);
  274. newdiv.innerHTML = copytext;
  275. selection.selectAllChildren(newdiv);
  276. window.setTimeout(function() {
  277. body_element.removeChild(newdiv);
  278. },0);
  279. }
  280. document.oncopy = addLink;
  281. </script>
  282. </head>
  283. <body data-spy="scroll" data-target=".navbar" data-offset="50">
  284. <!-- <div class="text-center">
  285. <a href="frida.php?redirect" >
  286. <img class='center-block img img-responsive' src='https://tupale.co/milfs/images/frida.gif'>
  287. </a>
  288. <a href="frida.php" ><small class="center-block" >¿ Necesitas ayuda para apoyarnos ?</small></a>
  289. </div> -->
  290. <div class="container-principal">
  291. <nav class='navbar navbar-inverse navbar-toggleable-md navbar-fixed-top'>
  292. <div class='container navegacion'>
  293. <div class='navbar-header'>
  294. <button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#navbar' aria-expanded='false' aria-controls='navbar'>
  295. <span class='sr-only'>Toggle navigation</span>
  296. <span class='icon-bar'></span>
  297. <span class='icon-bar'></span>
  298. <span class='icon-bar'></span>
  299. </button>
  300. <a class='navbar-brand' href='#'>
  301. <img src='temas/landingpage/images/logo.png' class='image_full' alt='Tupale.co'>
  302. <img src='temas/landingpage/images/logo_tupale.png' class='image_mobile' alt='Tupale.co'>
  303. </a>
  304. </div>
  305. <div id='navbar' class='navbar-collapse collapse'>
  306. <ul class='nav navbar-nav'>
  307. <li><a href='#proyectos'>Proyectos</a></li>
  308. <li><a href='#servicios'>Servicios</a></li>
  309. <li><a href='#precios'>Precios</a></li>
  310. <li><a href='#patrocinio'>Patrocina</a></li>
  311. </ul>
  312. <ul class='nav navbar-nav navbar-right'>
  313. <li><a href='#equipo'>Nosotros</a></li>
  314. <li><a href='#documentacion'>Documentación</a></li>
  315. <li><a href='#blog'>Blog</a></li>
  316. <li class='dropdown'>
  317. <a href='#' class='dropdown-toggle' data-toggle='dropdown'>Ingresar<b class='caret'></b></a>
  318. <ul class='dropdown-menu'>
  319. <li><a href='#'>Desadministrador</a></li>
  320. <li><a href='#'>Editor</a></li>
  321. <li><a href='#'>Activista</a></li>
  322. <li class='divider'></li>
  323. <li><a href='#'>Registrarse</a></li>
  324. </ul>
  325. </li>
  326. </ul>
  327. </div><!--/.nav-collapse -->
  328. </div>
  329. </nav>
  330. <!-- Intro -->
  331. <br><br>
  332. <section class='container-fluid' id='home'>
  333. <div class='container'>
  334. <div class="text-center">
  335. <h1>Desadministrador</h1>
  336. </div>
  337. <div class='col-sm-8 col-sm-offset-2 text-center intro'>
  338. <h2>Plataforma local que nos conecta al movimiento global de datos abiertos</h2>
  339. </div>
  340. <div class='row'>
  341. <div class='col-sm-4'>
  342. <div class='row'>
  343. <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.
  344. </p><span class='glyphicon glyphicon-search ' aria-hidden='true'></span></div>
  345. </div>
  346. </div>
  347. <div class='col-sm-4 text-center'>
  348. <div class='row'>
  349. <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>
  350. </div>
  351. </div>
  352. <div class='col-sm-4 text-center'>
  353. <div class='row'>
  354. <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>
  355. </div>
  356. </div>
  357. </div><!--/row-->
  358. <div class='row'><br></div>
  359. </div><!--/container-->
  360. </section>
  361. <!-- END #fh5co-offcanvas -->
  362. <section class='container-fluid' id='campana'>
  363. <div class="col-sm-8 col-sm-offset-2 text-center">
  364. <h1>Tupale</h1>
  365. <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
  366. </p></div>
  367. </div>
  368. <div id="asistento" class="col-md-12 text-center">
  369. <a href='?asistento' class='btn btn-danger btn-lg'>Quiero crear una campaña </a>
  370. </div>
  371. <div class="col-md-12">
  372. <div class='center-block'>
  373. </div>
  374. </div>
  375. </section>
  376. <!-- PROYECTOS -->
  377. <section class='container-fluid' id='proyectos'>
  378. <div class='col-sm-8 col-sm-offset-2 text-center'>
  379. <h1>Proyectos</h1>
  380. <p class='lead'>Conoce los proyectos que usan Tupale.co para la implementación de sus herramientas, selecciona para conocer más.</p>
  381. </div>
  382. <div class='container principal'>
  383. <div class='container box_proyectos'>
  384. <div class='proyecto' title=''>
  385. <div class='div_proyecto'>
  386. <a href='e82' data-toggle='modal' data-target='#myModal'>
  387. <div class='proyecto_titulo' >Red de Huertas del Quindío</div>
  388. <img class='img-gris' style='' class='img-circle' alt='Red de Huertas del Quindío' src='milfs/images/secure/?file=150/d3f718c67c7a9b852eb892b1a5e8ea3a.jpg'>
  389. </a>
  390. </div>
  391. </div>
  392. <div class='proyecto' title=''>
  393. <div class='div_proyecto'>
  394. <a href='e81' data-toggle='modal' data-target='#myModal'>
  395. <div class='proyecto_titulo' >Avanto</div>
  396. <img class='img-gris' style='' class=' img-circle ' alt='Avanto' src='milfs/images/secure/?file=150/351a86b485f28a0dafeb1fb4e2b786ca.png'>
  397. </a>
  398. </div>
  399. </div>
  400. <div class='proyecto' title=''>
  401. <div class='div_proyecto'>
  402. <a href='e80' data-toggle='modal' data-target='#myModal'>
  403. <div class='proyecto_titulo' >ChamiTrip</div>
  404. <img class='img-gris' style='' class=' img-circle ' alt='ChamiTrip' src='milfs/images/secure/?file=150/16b600fd3bfa781704dba43360d76064.png'>
  405. </a>
  406. </div>
  407. </div>
  408. <div class='proyecto' title=''>
  409. <div class='div_proyecto'>
  410. <a href='e78' data-toggle='modal' data-target='#myModal'>
  411. <div class='proyecto_titulo' >Festival del Compartir</div>
  412. <img class='img-gris' style='' class=' img-circle ' alt='Festival del Compartir' src='milfs/images/secure/?file=150/f93f4934415a7c0c9de6d9ce6ffff5e1.jpg'>
  413. </a>
  414. </div>
  415. </div>
  416. <div class='proyecto' title=''>
  417. <div class='div_proyecto'>
  418. <a href='e77' data-toggle='modal' data-target='#myModal'>
  419. <div class='proyecto_titulo' >PionerasDev-Primera Nave(Beta)</div>
  420. <img class='img-gris' style='' class=' img-circle ' alt='PionerasDev-Primera Nave(Beta)' src='milfs/images/secure/?file=150/6c21c5d8ccaa41d9ff059bd7d59a672e.jpg'>
  421. </a>
  422. </div>
  423. </div>
  424. <div class='proyecto' title=''>
  425. <div class='div_proyecto'>
  426. <a href='e76' data-toggle='modal' data-target='#myModal'>
  427. <div class='proyecto_titulo' >Helios</div>
  428. <img class='img-gris' style='' class=' img-circle ' alt='Helios' src='milfs/images/secure/?file=150/930dd636bc6e9deca81c0ef4bf577b55.jpg'>
  429. </a>
  430. </div>
  431. </div>
  432. <div class='proyecto' title=''>
  433. <div class='div_proyecto'>
  434. <a href='e74' data-toggle='modal' data-target='#myModal'>
  435. <div class='proyecto_titulo' style='
  436. '>#ConversacionesEnPaz</div>
  437. <img class='img-gris' style='' class=' ' src='milfs/images/sinimagen.jpg' alt='#ConversacionesEnPaz'>
  438. </a>
  439. </div>
  440. </div>
  441. <div class='proyecto' title=''>
  442. <div class='div_proyecto'>
  443. <a href='e73' data-toggle='modal' data-target='#myModal'>
  444. <div class='proyecto_titulo' style='
  445. '>TBT</div>
  446. <img class='img-gris' style='' class=' img-circle ' alt='TBT' src='milfs/images/secure/?file=150/71b2dfa4b93feb947728ef46e688eb56.png'>
  447. </a>
  448. </div>
  449. </div>
  450. <div class='proyecto' title=''>
  451. <div class='div_proyecto'>
  452. <a href='e72' data-toggle='modal' data-target='#myModal'>
  453. <div class='proyecto_titulo' style='
  454. '>Paso Colombia</div>
  455. <img class='img-gris' style='' class=' img-circle ' alt='Paso Colombia' src='milfs/images/secure/?file=150/35e63cf10bbb279a8af14c29ef8b6e62.jpg'>
  456. </a>
  457. </div>
  458. </div>
  459. <div class='proyecto' title=''>
  460. <div class='div_proyecto'>
  461. <a href='e71' data-toggle='modal' data-target='#myModal'>
  462. <div class='proyecto_titulo' style='
  463. '>Red de Museos</div>
  464. <img class='img-gris' style='' class=' img-circle ' alt='Red de Museos' src='milfs/images/secure/?file=150/683f6697df9d19d26cbd7f89381868a2.png'>
  465. </a>
  466. </div>
  467. </div>
  468. <div class='proyecto' title=''>
  469. <div class='div_proyecto'>
  470. <a href='e70' data-toggle='modal' data-target='#myModal'>
  471. <div class='proyecto_titulo' style='
  472. '>Dataweek</div>
  473. <img class='img-gris' style='' class=' img-circle ' alt='Dataweek' src='milfs/images/secure/?file=150/4dd77f4362cd9874f9a5914450dde510.png'>
  474. </a>
  475. </div>
  476. </div>
  477. <div class='proyecto' title=''>
  478. <div class='div_proyecto'>
  479. <a href='e67' data-toggle='modal' data-target='#myModal'>
  480. <div class='proyecto_titulo' style='
  481. '>Amor animal</div>
  482. <img class='img-gris' style='' class=' img-circle ' alt='Amor animal' src='milfs/images/secure/?file=150/c8d8303d72c5113d1d2aa689a6dd85d0.jpg'>
  483. </a>
  484. </div>
  485. </div>
  486. <div class='proyecto' title=''>
  487. <div class='div_proyecto'>
  488. <a href='e66' data-toggle='modal' data-target='#myModal'>
  489. <div class='proyecto_titulo' >Fundación Vivirenlafinca.org</div>
  490. <img class='img-gris' style='' class=' img-circle ' alt='Fundación Vivirenlafinca.org' src='milfs/images/secure/?file=150/cb5da9e61fc4706267a3605ee506cd58.png'>
  491. </a>
  492. </div>
  493. </div>
  494. <div class='proyecto' title=''>
  495. <div class='div_proyecto'>
  496. <a href='e63' data-toggle='modal' data-target='#myModal'>
  497. <div class='proyecto_titulo' >Buscando Dragones</div>
  498. <img class='img-gris' style='' class=' img-circle ' alt='Buscando Dragones' src='milfs/images/secure/?file=150/b1e4dcc7fb2e92ab6c0f5bb430ca73b4.jpg'>
  499. </a>
  500. </div>
  501. </div>
  502. <div class='proyecto' title=''>
  503. <div class='div_proyecto'>
  504. <a href='e61' data-toggle='modal' data-target='#myModal'>
  505. <div class='proyecto_titulo' >Huecopolis.com</div>
  506. <img class='img-gris' style='' class=' img-circle ' alt='Huecopolis.com' src='milfs/images/secure/?file=150/9204c0dbb3a724754f7615132c59e7fd.jpg'>
  507. </a>
  508. </div>
  509. </div>
  510. <div class='proyecto' title=''>
  511. <div class='div_proyecto'>
  512. <a href='e60' data-toggle='modal' data-target='#myModal'>
  513. <div class='proyecto_titulo' >Circo Surca</div>
  514. <img class='img-gris' style='' class=' img-circle ' alt='Circo Surca' src='milfs/images/secure/?file=150/5376f9dfb7befe7ce5e70de8b139809d.png'>
  515. </a>
  516. </div>
  517. </div>
  518. <div class='proyecto' title=''>
  519. <div class='div_proyecto'>
  520. <a href='e59' data-toggle='modal' data-target='#myModal'>
  521. <div class='proyecto_titulo' >Oncomedic ltda</div>
  522. <img class='img-gris' style='' class=' img-circle ' alt='Oncomedic ltda' src='milfs/images/secure/?file=150/0018c7d524a31ab05438a5db8916f6bf.png'>
  523. </a>
  524. </div>
  525. </div>
  526. <div class='proyecto' title=''>
  527. <div class='div_proyecto'>
  528. <a href='e58' data-toggle='modal' data-target='#myModal'>
  529. <div class='proyecto_titulo' >El Espejo</div>
  530. <img class='img-gris' style='' class=' img-circle ' alt='El Espejo' src='milfs/images/secure/?file=150/eab4388623f88df646a1edf72708638c.png'>
  531. </a>
  532. </div>
  533. </div>
  534. <div class='proyecto' title=''>
  535. <div class='div_proyecto'>
  536. <a href='e57' data-toggle='modal' data-target='#myModal'>
  537. <div class='proyecto_titulo' style='
  538. '>Firmesconlareserva</div>
  539. <img class='img-gris' style='' class=' img-circle ' alt='Firmesconlareserva' src='milfs/images/secure/?file=150/52c8d42317cbdfa557f1e3fc5fe1c6b5.jpg'>
  540. </a>
  541. </div>
  542. </div>
  543. <div class='proyecto' title=''>
  544. <div class='div_proyecto'>
  545. <a href='e56' data-toggle='modal' data-target='#myModal'>
  546. <div class='proyecto_titulo' style='
  547. '>Unidad de Mapeo Humanitario Colombia</div>
  548. <img class='img-gris' style='' class=' img-circle ' alt='Unidad de Mapeo Humanitario Colombia' src='milfs/images/secure/?file=150/7ebd06c8ea5cd29b49cfa731df313428.png'>
  549. </a>
  550. </div>
  551. </div>
  552. <div class='proyecto' title=''>
  553. <div class='div_proyecto'>
  554. <a href='e55' data-toggle='modal' data-target='#myModal'>
  555. <div class='proyecto_titulo' style='
  556. '>Imaginarios de Paz</div>
  557. <img class='img-gris' style='' class=' img-circle ' alt='Imaginarios de Paz' src='milfs/images/secure/?file=150/e94aba8f683f7474e63d5fc7801ec773.jpg'>
  558. </a>
  559. </div>
  560. </div>
  561. <div class='proyecto' title=''>
  562. <div class='div_proyecto'>
  563. <a href='e54' data-toggle='modal' data-target='#myModal'>
  564. <div class='proyecto_titulo' style='
  565. '>Ecoavistador</div>
  566. <img class='img-gris' style='' class=' img-circle ' alt='Ecoavistador' src='milfs/images/secure/?file=150/3aba9b5a97a6852b43fdf99eae81aa51.jpg'>
  567. </a>
  568. </div>
  569. </div>
  570. <div class='proyecto' title=''>
  571. <div class='div_proyecto'>
  572. <a href='e53' data-toggle='modal' data-target='#myModal'>
  573. <div class='proyecto_titulo' style='
  574. '>Nuestrared.org</div>
  575. <img class='img-gris' style='' class=' img-circle ' alt='Nuestrared.org' src='milfs/images/secure/?file=150/bc400444f5fee1f826a1d60226e71164.png'>
  576. </a>
  577. </div>
  578. </div>
  579. <div class='proyecto' title=''>
  580. <div class='div_proyecto'>
  581. <a href='e52' data-toggle='modal' data-target='#myModal'>
  582. <div class='proyecto_titulo' style='
  583. '>ReDHumus</div>
  584. <img class='img-gris' style='' class=' img-circle ' alt='ReDHumus' src='milfs/images/secure/?file=150/877a9589e55d5d0819eba8681c3160a1.png'>
  585. </a>
  586. </div>
  587. </div>
  588. <div class='proyecto' title=''>
  589. <div class='div_proyecto'>
  590. <a href='e50' data-toggle='modal' data-target='#myModal'>
  591. <div class='proyecto_titulo' style='
  592. '>Red de Huerteros Medellín</div>
  593. <img class='img-gris' style='' class=' img-circle ' alt='Red de Huerteros Medellín' src='milfs/images/secure/?file=150/750136cc5053660dfd457a22bd3b8782.jpg'>
  594. </a>
  595. </div>
  596. </div>
  597. <div class='proyecto' title=''>
  598. <div class='div_proyecto'>
  599. <a href='e49' data-toggle='modal' data-target='#myModal'>
  600. <div class='proyecto_titulo' style='
  601. '>#BrigadaDigital</div>
  602. <img class='img-gris' style='' class=' img-circle ' alt='#BrigadaDigital' src='milfs/images/secure/?file=150/ee944e22ef4ae97039b65ced395302c8.jpg'>
  603. </a>
  604. </div>
  605. </div>
  606. <div class='proyecto' title=''>
  607. <div class='div_proyecto'>
  608. <a href='e4' data-toggle='modal' data-target='#myModal'>
  609. <div class='proyecto_titulo' style='
  610. '>Comunidad de práctica ConVerGentes</div>
  611. <img class='img-gris' style='' class=' img-circle ' alt='Comunidad de práctica ConVerGentes' src='milfs/images/secure/?file=150/45c50e2e23317fcb1febe7f08dd22ff1.jpg'>
  612. </a>
  613. </div>
  614. </div>
  615. <div class='proyecto' title=''>
  616. <div class='div_proyecto'>
  617. <a href='e2' data-toggle='modal' data-target='#myModal'>
  618. <div class='proyecto_titulo' style='
  619. '>Tupale (Archivo)</div>
  620. <img class='img-gris' style='' class=' img-circle ' alt='Tupale (Archivo)' src='milfs/images/secure/?file=150/61a3f54e7b0c7afab3e9cdec2629fd47.png'>
  621. </a>
  622. </div>
  623. </div>
  624. <div class='proyecto' title=''>
  625. <div class='div_proyecto'>
  626. <a href='e1' data-toggle='modal' data-target='#myModal'>
  627. <div class='proyecto_titulo' style='
  628. '>Tupale</div>
  629. <img class='img-gris' style='' class=' img-circle ' alt='Tupale' src='milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png'>
  630. </a>
  631. </div>
  632. </div>
  633. </div>
  634. </div>
  635. </section>
  636. <!-- FIN Proyectos -->
  637. <!-- SERVICIOS -->
  638. <section class='container-fluid' id='servicios'>
  639. <div class="col-sm-8 col-sm-offset-2 text-center">
  640. <h1>Servicios</h1>
  641. <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.
  642. </p>
  643. </div>
  644. <div class="container">
  645. <div class="row">
  646. <div class="col-sm-6 col-md-3">
  647. <div class="thumbnail">
  648. <img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg" alt="...">
  649. <div class="caption">
  650. <h3>RAW</h3>
  651. <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.
  652. </p>
  653. <p>
  654. <a href="http://rawgraphs.io/" class="btn btn-default " role="button">Fuente</a>
  655. <a href="https://raw.tupale.co/" class="btn btn-danger pull-right" role="button">En tupale</a>
  656. </p>
  657. </div>
  658. </div>
  659. </div>
  660. <div class="col-sm-6 col-md-3">
  661. <div class="thumbnail">
  662. <img src="temas/landingpage/images/pad_servicios.jpg" alt="servicio_pad">
  663. <div class="caption">
  664. <h3>PAD</h3>
  665. <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.
  666. </p>
  667. <p>
  668. <a href="http://etherpad.org/" class="btn btn-default" role="button">Fuente</a>
  669. <a href="https://pad.tupale.co/" class="btn btn-danger pull-right" role="button">En Tupale</a>
  670. </p>
  671. </div>
  672. </div>
  673. </div>
  674. <div class="col-sm-6 col-md-3">
  675. <div class="thumbnail">
  676. <img src="http://www.consumer.es/imgs/2016/06/compraenredessociales-sophia-portada1-750.png" alt="...">
  677. <div class="caption">
  678. <h3>CALC</h3>
  679. <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>
  680. <p>
  681. <a href="https://ethercalc.net/" class="btn btn-default" role="button">Fuente</a>
  682. <a href="https://calc.tupale.co/" class="btn btn-danger pull-right" role="button">En Tupale</a>
  683. </p>
  684. </div>
  685. </div>
  686. </div>
  687. <div class="col-sm-6 col-md-3">
  688. <div class="thumbnail">
  689. <img src="temas/landingpage/images/piwik_servicios.jpg" alt="servicio_piwik">
  690. <div class="caption">
  691. <h3>PIWIK</h3>
  692. <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.
  693. </p>
  694. <p>
  695. <a href="https://stats.tupale.co" class="btn btn-default" role="button">Fuente</a>
  696. <a href="https://piwik.org/" class="btn btn-danger pull-right" role="button">En Tupale</a>
  697. </p>
  698. </div>
  699. </div>
  700. </div>
  701. </div>
  702. </div>
  703. </section>
  704. <!-- Fin sección servicios -->
  705. <!-- Carrusel APIS Open Data -->
  706. <section class="container-fluid" id="">
  707. <div class="col-sm-8 col-sm-offset-2 text-center">
  708. <h1>Portal de Open Data</h1>
  709. <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>
  710. </div>
  711. <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  712. <!-- Indicators -->
  713. <ol class="carousel-indicators">
  714. <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
  715. <li data-target="#carousel-example-generic" data-slide-to="1"></li>
  716. <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  717. </ol>
  718. <!-- Wrapper for slides -->
  719. <div class="carousel-inner" role="listbox">
  720. <div class="item active">
  721. <img src="temas/landingpage/images/portal_index.png" alt="portal_open_data">
  722. <div class="carousel-caption">
  723. <h3>Portal de Open Data</h3>
  724. <p>Multiples opciones de manejo de datos con estandares mundiales de Open Data</p>
  725. </div>
  726. </div>
  727. <div class="item">
  728. <img src="temas/landingpage/images/portal_api_json.png" alt="portal_open_data">
  729. <div class="carousel-caption">
  730. <h3>APIS JSON</h3>
  731. <p>api json y api json simple para integraciones y programación</p>
  732. </div>
  733. </div>
  734. <div class="item">
  735. <img src="temas/landingpage/images/portal_mapa.png" alt="portal_open_data_mapero">
  736. <div class="carousel-caption">
  737. <h3>MAPERO - Mapas Georeferenciados</h3>
  738. <p>Cartografía social con asignación de categorias, iconos de referenciación y ubicación geográfica</p>
  739. </div>
  740. </div>
  741. </div>
  742. <!-- Controls -->
  743. <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
  744. <span class="glyphicon glyphicon-chevron-left" aria-hidden="false"></span>
  745. <span class="sr-only">Previous</span>
  746. </a>
  747. <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
  748. <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  749. <span class="sr-only">Next</span>
  750. </a>
  751. </div>
  752. </section>
  753. <!-- FIN Carrusel -->
  754. <!-- PRECIOS -->
  755. <section class="container-fluid" id="precios">
  756. <div class="col-sm-8 col-sm-offset-2 text-center">
  757. <h1>Precios</h1>
  758. <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>
  759. </div>
  760. <div class="container" >
  761. <div class="row">
  762. <div class="col-sm-6 col-md-3">
  763. <div class="panel panel-black">
  764. <div class="panel-heading">
  765. <h3 class="text-center">INSTANCIA DE TUPALE</h3>
  766. <p class="text-center">VALOR ANUAL</p>
  767. </div>
  768. <div class="panel-body text-center">
  769. <p class="lead" style="font-size:30px"><strong>$250 USD</strong></p>
  770. </div>
  771. <ul class="list-group list-group-flush text-left">
  772. <li class="list-group-item">
  773. <span class="glyphicon glyphicon-ok-sign"></span> Aplicaciones ilimitadas
  774. </li>
  775. <li class="list-group-item">
  776. <span class="glyphicon glyphicon-ok-sign"></span> Usuarios ilimitados
  777. </li>
  778. <li class="list-group-item">
  779. <span class="glyphicon glyphicon-ok-sign"></span> Personalización visual básica y plantillas gráficas iniciales
  780. </li>
  781. <li class="list-group-item">
  782. <span class="glyphicon glyphicon-ok-sign"></span> Redirección o integración con dominio o subdominio a Tupale.co.
  783. </li>
  784. </ul>
  785. <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div>
  786. </div>
  787. </div>
  788. <div class="col-sm-6 col-md-3">
  789. <div class="panel panel-black">
  790. <div class="panel-heading">
  791. <h3 class="text-center">TALLER BÁSICO</h3>
  792. <p class="text-center">HASTA 6 PERSONAS x HASTA 6 HORAS</p>
  793. </div>
  794. <div class="panel-body text-center">
  795. <p class="lead" style="font-size:30px"><strong>$240 USD</strong></p>
  796. </div>
  797. <ul class="list-group list-group-flush text-left">
  798. <li class="list-group-item">
  799. <span class="glyphicon glyphicon-ok-sign"></span> Creación de modelo de datos
  800. </li>
  801. <li class="list-group-item">
  802. <span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios
  803. </li>
  804. <li class="list-group-item">
  805. <span class="glyphicon glyphicon-ok-sign"></span> Creación de aplicacioes
  806. </li>
  807. <li class="list-group-item">
  808. <span class="glyphicon glyphicon-ok-sign"></span> Creación y modificación de campos
  809. </li>
  810. <li class="list-group-item">
  811. <span class="glyphicon glyphicon-ok-sign"></span> Guia básica de plantillas
  812. </li>
  813. </ul>
  814. <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div>
  815. </div>
  816. </div>
  817. <div class="col-sm-6 col-md-3">
  818. <div class="panel panel-black">
  819. <div class="panel-heading">
  820. <h3 class="text-center">TALLER MEDIO</h3>
  821. <p class="text-center">HASTA 6 PERSONAS x HASTA 12 HORAS</p>
  822. </div>
  823. <div class="panel-body text-center">
  824. <p class="lead" style="font-size:30px"><strong>$480 USD</strong></p>
  825. </div>
  826. <ul class="list-group list-group-flush text-left">
  827. <li class="list-group-item">
  828. <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO
  829. </li>
  830. <li class="list-group-item">
  831. <span class="glyphicon glyphicon-ok-sign"></span> Uso de campos especiales
  832. </li>
  833. <li class="list-group-item">
  834. <span class="glyphicon glyphicon-ok-sign"></span> Creación de mapas
  835. </li>
  836. <li class="list-group-item">
  837. <span class="glyphicon glyphicon-ok-sign"></span> Guia avanzada de plantillas y parametrización
  838. </li>
  839. <li class="list-group-item">
  840. <span class="glyphicon glyphicon-ok-sign"></span> Generación de informes
  841. </li>
  842. </ul>
  843. <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">CONTÁCTANOS</a> </div>
  844. </div>
  845. </div>
  846. <div class="col-sm-6 col-md-3">
  847. <div class="panel panel-black">
  848. <div class="panel-heading">
  849. <h3 class="text-center">TALLER AVANZADO</h3>
  850. <p class="text-center">HASTA 6 PERSONAS x HASTA 24 HORAS</p>
  851. </div>
  852. <div class="panel-body text-center">
  853. <p class="lead" style="font-size:30px"><strong>$960 USD</strong></p>
  854. </div>
  855. <ul class="list-group list-group-flush text-left">
  856. <li class="list-group-item">
  857. <span class="glyphicon glyphicon-ok-sign"></span> TALLER BÁSICO + TALLER MEDIO
  858. </li>
  859. <li class="list-group-item">
  860. <span class="glyphicon glyphicon-ok-sign"></span> Creación de usuarios
  861. </li>
  862. <li class="list-group-item">
  863. <span class="glyphicon glyphicon-ok-sign"></span> Uso básico de las API para visualizacioens
  864. </li>
  865. <li class="list-group-item">
  866. <span class="glyphicon glyphicon-ok-sign"></span> Exportación de datos a diferentes formatos
  867. </li>
  868. </ul>
  869. <div class="panel-footer"> <a class="btn btn-lg btn-block btn-danger" href="#">Contáctanos</a> </div>
  870. </div>
  871. </div>
  872. </div>
  873. </div>
  874. </section>
  875. <section class="container-fluid" id="patrocinio">
  876. <div class="col-sm-8 col-sm-offset-2 ">
  877. <div class="text-center">
  878. <h1>Patrocinadores</h1>
  879. <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>
  880. </div>
  881. </div>
  882. <div class="container principal">
  883. <div class="container box_proyectos">
  884. <!-- Thumbnail link para el logo de pasocolombia -->
  885. <div class="patrocina">
  886. <a href="#" data-toggle="modal" data-target="#myModal">
  887. <img src="temas/landingpage/images/pasocolombia.png" class="img-responsive img-rounded center-block" alt="">
  888. </a>
  889. </div>
  890. <!-- Thumbnail link para el logo de red de huerteros -->
  891. <div class=" patrocina">
  892. <a href="#" data-toggle="modal" data-target="#myModal">
  893. <img src="temas/landingpage/images/red_huerteros.png" class="img-responsive img-rounded center-block" alt="">
  894. </a>
  895. </div>
  896. <!-- Thumbnail link para el logo avanto -->
  897. <div class=" patrocina">
  898. <a href="#" data-toggle="modal" data-target="#myModal">
  899. <img src="temas/landingpage/images/avanto.png" class="img-responsive img-rounded center-block" alt="">
  900. </a>
  901. </div>
  902. <!-- Thumbnail link para el logo brigada -->
  903. <div class=" patrocina">
  904. <a href="#" data-toggle="modal" data-target="#myModal">
  905. <img src="temas/landingpage/images/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
  906. </a>
  907. </div>
  908. <div class=" patrocina">
  909. <a href="#" data-toggle="modal" data-target="#myModal">
  910. <img src="temas/landingpage/images/bibliotecas.png" class="img-responsive img-rounded center-block" alt="">
  911. </a>
  912. </div>
  913. <div class=" patrocina">
  914. <a href="#" data-toggle="modal" data-target="#myModal">
  915. <img src="temas/landingpage/images/museo_casa_memoria.png" class="img-responsive img-rounded center-block" alt="">
  916. </a>
  917. </div>
  918. <div class=" patrocina">
  919. <a href="#" data-toggle="modal" data-target="#myModal">
  920. <img src="temas/landingpage/images/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
  921. </a>
  922. </div>
  923. <div class="patrocina">
  924. <a href="#" data-toggle="modal" data-target="#myModal">
  925. <img src="temas/landingpage/images/gov_quindio.png" class="img-responsive img-rounded center-block" alt="">
  926. </a>
  927. </div>
  928. <div class="patrocina">
  929. <a href="#" data-toggle="modal" data-target="#myModal">
  930. <img src="temas/landingpage/images/fundacion_karisma.png" class="img-responsive img-rounded center-block" alt="">
  931. </a>
  932. </div>
  933. <div class="patrocina">
  934. <a href="#" data-toggle="modal" data-target="#myModal">
  935. <img src="temas/landingpage/images/casa_cultura.png" class="img-responsive img-rounded center-block" alt="">
  936. </a>
  937. </div>
  938. </div>
  939. </div>
  940. </section>
  941. <!--EQUIPO -->
  942. <section class="container-fluid" id="equipo">
  943. <div class="col-sm-8 col-sm-offset-2">
  944. <div class="text-center">
  945. <h1>Equipo</h1>
  946. <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>
  947. </div>
  948. </div>
  949. <div class="container text-center">
  950. <div class="row">
  951. <div class="col-sm-4 col-lg-4">
  952. <img class="img-circle" src="temas/landingpage/images/equipo_manada.png" alt="manada malinois" width="140" height="140">
  953. <h2>La manada Malinois</h2>
  954. <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.
  955. </p>
  956. <p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
  957. </div>
  958. <div class="col-sm-4 col-lg-4">
  959. <img class="img-circle" src="temas/landingpage/images/equipo_tigre.png" alt="tigre" width="140" height="140">
  960. <h2>El Tigre</h2>
  961. <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.
  962. </p>
  963. <p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
  964. </div>
  965. <div class="col-sm-4 col-lg-4">
  966. <img class="img-circle" src="temas/landingpage/images/equipo_tigra.png" alt="tigra" width="140" height="140">
  967. <h2>La Tigra</h2>
  968. <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.
  969. </p>
  970. <p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
  971. </div>
  972. <div class="col-sm-4 col-sm-offset-2 col-lg-4 col-lg-offset-2">
  973. <img class="img-circle" src="temas/landingpage/images/equipo_kleper.png" alt="kleper" width="140" height="140">
  974. <h2>Kleper</h2>
  975. <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.
  976. </p>
  977. <p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
  978. </div>
  979. <div class="col-sm-4 col-lg-4">
  980. <img class="img-circle" src="temas/landingpage/images/equipo_pionerita.png" alt="pionerita" width="140" height="140">
  981. <h2>Pionerita</h2>
  982. <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
  983. </p>
  984. <p><a class="btn btn-default" href="#" role="button">Conocer más</a></p>
  985. </div>
  986. </div>
  987. </div>
  988. </section>
  989. <!-- ESTADISTICAS -->
  990. <section class="container-fluid" id="visitas">
  991. <div class="col-sm-8 col-sm-offset-2">
  992. <div class="text-center">
  993. <h1 class="titulo">Estadísticas de visita Tupale</h1>
  994. </div>
  995. </div>
  996. <div class="container col-sm-8 col-lg-8 text-center">
  997. <ul class="nav nav-tabs">
  998. <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>
  999. <li >
  1000. <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>
  1001. </li>
  1002. <li >
  1003. <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>
  1004. </li>
  1005. </ul>
  1006. <div class="tab-pane fade active in" id="real-time">
  1007. <div class="embed-responsive embed-responsive-16by9">
  1008. <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>
  1009. </div>
  1010. </div>
  1011. </div>
  1012. </section>
  1013. <!-- FIN equipo -->
  1014. <!--FOOTER -->
  1015. <footer id="footer" class="clearfix">
  1016. <div id="footer-widgets">
  1017. <div class="container">
  1018. <div id="footer-wrapper">
  1019. <div class="row">
  1020. <div class="col-xs-6 col-sm-6 col-md-2">
  1021. <div id="meta-3" class="widget widgetFooter widget_meta">
  1022. <h4 class="widgettitle">Más informacion</h4>
  1023. <ul>
  1024. <li><a href="#"><i class="fa fa-info-circle" aria-hidden="true">
  1025. </i> Datos Abiertos</a>
  1026. </li>
  1027. <li><a href="#"><i class="fa fa-external-link" aria-hidden="true"></i> Manifiesto</a>
  1028. </li>
  1029. <li><a href="#"><i class="fa fa-eye" aria-hidden="true"></i> Recomendado</a>
  1030. </li>
  1031. </ul>
  1032. </div>
  1033. </div> <!-- end widget1 -->
  1034. <div class="col-xs-6 col-sm-6 col-md-2">
  1035. <div id="recent-posts-3" class="widget widgetFooter widget_recent_entries">
  1036. <h4 class="widgettitle">Buscanos en redes</h4>
  1037. <ul>
  1038. <li>
  1039. <a href="https://www.facebook.com/tupaleco" target="_blank"><i class="fa fa-facebook"></i> Facebook</a>
  1040. </li>
  1041. <li>
  1042. <a href="https://twitter.com/tupaleco" target="_blank"><i class="fa fa-twitter"></i> Twitter</a>
  1043. </li>
  1044. <li>
  1045. <a href="https://t.me/tupale" target="_blank"><i class="fa fa-paper-plane" aria-hidden="true"></i> Telegram</a>
  1046. </li>
  1047. </ul>
  1048. </div>
  1049. </div> <!-- end widget1 -->
  1050. <div class="col-sm-6 col-md-4">
  1051. <div id="meta-4" class="widget widgetFooter widget_meta">
  1052. <h4 class="widgettitle">Contáctanos</h4>
  1053. <div class="form-group">
  1054. <div class="input-group">
  1055. <span class="input-group-addon"><i class="fa fa-envelope fa-fw"></i></span>
  1056. <input class="form-control" placeholder="Correo de contacto" type="text">
  1057. </div>
  1058. </div>
  1059. <div class="form-group">
  1060. <div class="input-group">
  1061. <span class="input-group-addon"><i class="fa fa-file-text fa-lg" aria-hidden="true"></i></span>
  1062. <textarea class="form-control" placeholder="Escríbenos" rows="2" id="comment"></textarea>
  1063. <span class="input-group-btn">
  1064. <button class="btn btn-danger" type="button">Enviar</button>
  1065. </span>
  1066. </div>
  1067. </div>
  1068. </div>
  1069. </div> <!-- end widget1 -->
  1070. <div class="col-sm-6 col-md-4">
  1071. <div id="search-3" class="widget widgetFooter widget_search"><h4 class="widgettitle">Busca en el sitio:</h4>
  1072. <div class="form-group">
  1073. <label class="control-label">Quieres buscar en Tupale</label>
  1074. <div class="input-group">
  1075. <span class="input-group-addon">¿Qué buscas?</span>
  1076. <input class="form-control" placeholder="Palabra clave" type="text">
  1077. <span class="input-group-btn">
  1078. <button class="btn btn-danger" type="button">Buscar</button>
  1079. </span>
  1080. </div>
  1081. </div>
  1082. </div>
  1083. </div> <!-- end widget1 -->
  1084. </div> <!-- end .row -->
  1085. </div> <!-- end #footer-wrapper -->
  1086. </div> <!-- end .container -->
  1087. </div> <!-- end #footer-widgets -->
  1088. </footer>
  1089. <div id="sub-floor">
  1090. <div class="container text-center">
  1091. <div class="row">
  1092. <small>
  1093. <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
  1094. <a href="milfs/?psi" ><i class="fa fa-smile-o "></i> Políticas de privacidad y protección de datos.</a></p>
  1095. </small>
  1096. </div> <!-- end .row -->
  1097. </div>
  1098. </div>
  1099. <script type="text/javascript">
  1100. $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
  1101. event.preventDefault();
  1102. $(this).ekkoLightbox();
  1103. });
  1104. //// wysiwyg
  1105. var edit = function() {
  1106. $('.wysiwyg').summernote({height: 250, codemirror: { theme: 'default' },dialogsInBody: true});
  1107. };
  1108. var save = function() {
  1109. var makrup = $('.wysiwyg').summernote('code');
  1110. $('.wysiwyg').summernote('destroy');
  1111. };
  1112. $(document).ready(function() {
  1113. $('.wysiwyg_auto').summernote({dialogsInBody: true});
  1114. });
  1115. </script>
  1116. <!-- Piwik -->
  1117. <script type="text/javascript">
  1118. var _paq = _paq || [];
  1119. _paq.push(['trackPageView']);
  1120. _paq.push(['enableLinkTracking']);
  1121. (function() {
  1122. var u="//stats.tupale.co/";
  1123. _paq.push(['setTrackerUrl', u+'piwik.php']);
  1124. _paq.push(['setSiteId', 1]);
  1125. var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  1126. g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  1127. })();
  1128. </script>
  1129. <noscript><p><img src="//stats.tupale.co/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
  1130. <!-- End Piwik Code -->
  1131. </body>
  1132. </html>