2017-03-03 14:02:40 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > landingpage< / title >
<!-- CSS -->
< link href = "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel = "stylesheet" >
<!-- jQuery Content Delivery Network -->
< script src = "http://code.jquery.com/jquery.js" > < / script >
<!-- Java Script cdn -->
< script src = "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" > < / script >
< link rel = "stylesheet" type = "text/css" href = "styles.css" >
< / head >
< body data-spy = "scroll" data-target = ".navbar" data-offset = "50" >
<!-- Static navbar -->
< nav class = "navbar navbar-default 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 = "assets/tupale.png" >
< / a >
< / div >
< div id = "navbar" class = "navbar-collapse collapse" >
< ul class = "nav navbar-nav" >
< li class = "active" > < a href = "#home" > < span class = "glyphicon glyphicon-home" aria-hidden = "true" > < / span > < / a > < / li >
< 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" > Patrocinio< / a > < / li >
< / ul >
< ul class = "nav navbar-nav navbar-right" >
< li > < a href = "#equipo" > Equipo< / 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 -->
< section class = "container-fluid" id = "home" >
< div class = "container" >
< div class = "col-sm-8 col-sm-offset-2 text-center" >
2017-03-03 16:18:29 +00:00
< h2 > Plataforma local que nos conecta al movimiento global de datos abiertos< / h2 >
< / div >
2017-03-03 14:02:40 +00:00
< 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 > Promover la Transparencia para propiciar 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 > Impulsar la conservación de memoria y el seguimiento de los procesos, desarrollando mayores y mejores mecanismos que permitan privilegiar el interés colectivo por sobre los intereses individuales.< / 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 > Fortalecer la Participación Ciudadana efectiva y fomentar la acción colectiva, consolidando así procesos de 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 >
<!-- Fin Intro -->
2017-03-03 16:18:29 +00:00
<!-- PROYECTOS -->
2017-03-03 14:02:40 +00:00
< 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 Túpale para la implementación de sus herramientas, selecciona para conocer más< / p >
< / div >
< div class = "container-fluid" >
2017-03-03 16:18:29 +00:00
< div class = "col-sm-10 col-sm-offset-1" >
2017-03-03 14:02:40 +00:00
< div class = "proyecto" >
< a href = "#" data-toggle = "modal" data-target = "#myModal" >
< img src = "assets/pasocolombia.png" width = "150" class = "img-responsive img-rounded center-block" alt = "" >
< / a >
< / div >
<!-- Thumbnail link para el logo de red de huerteros -->
< div class = "proyecto" >
< a href = "#" data-toggle = "modal" data-target = "#myModal" >
< img src = "assets/red_huerteros.png" width = "150" class = "img-responsive img-rounded center-block" alt = "" >
< / a >
< / div >
<!-- Thumbnail link para el logo avanto -->
< div class = "proyecto" >
< a href = "#" data-toggle = "modal" data-target = "#myModal" >
< img src = "assets/avanto.png" width = "150" class = "img-responsive img-rounded center-block" alt = "" >
< / a >
< / div >
<!-- Thumbnail link para el logo brigada -->
< div class = "proyecto" >
< a href = "#" data-toggle = "modal" data-target = "#myModal" >
< img src = "assets/brigada_digital.png" width = "150" class = "img-responsive img-rounded center-block" alt = "" >
< / a >
< / div >
<!-- Modal para contenido de paso colombia -->
< div class = "modal fade" id = "myModal" tabindex = "-1" role = "dialog" aria-labelledby = "myModalLabel" >
< div class = "modal-dialog" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< button type = "button" class = "close" data-dismiss = "modal" aria-label = "Close" > < span aria-hidden = "true" > × < / span > < / button >
< h4 class = "modal-title" id = "myModalLabel" > Paso Colombia< / h4 >
< / div >
< div class = "modal-body" >
...
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn btn-primary" > Ir al Sitio< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2017-03-03 16:18:29 +00:00
< / 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" > Herramientas y servicios que complementan el fujo de proyectos que además puedes integrar a los procesos actuales de tu grupo de trabajo< / p >
< / div >
< div class = "container" >
< div class = "row col-sm-8 col-sm-offset-2 text-left " >
< div class = "col-sm-3" >
< button type = "button" class = "btn btn-danger btn-servicios " data-toggle = "collapse" data-target = "#raw" > RAW< / button >
< div id = "raw" class = "collapse" >
Es una aplicación web desarrollada por http://rawgraphs.io/ permite hacer visualizaciones de datos rapidas, podemos utilzar la API simple de Tupale para experimentar con esta herramienta.
2017-03-03 14:02:40 +00:00
< / div >
2017-03-03 16:18:29 +00:00
< / div >
< div class = "col-sm-3" >
< button type = "button" class = "btn btn-danger btn-servicios" data-toggle = "collapse" data-target = "#pad" > PAD< / button >
< div id = "pad" class = "collapse" >
Herramienta de escritura colaborativa, permite que varias personas escriban en tiempo real. Basado en la tecnologia de http://etherpad.org/
PAD
2017-03-03 14:02:40 +00:00
< / div >
2017-03-03 16:18:29 +00:00
< / div >
< div class = "col-sm-3" >
< button type = "button" class = "btn btn-danger btn-servicios" data-toggle = "collapse" data-target = "#calc" > CALC< / button >
< div id = "calc" class = "collapse" >
Herramienta que permite crear hojas de calculo en linea, varias personas puede editar en tiempo real. Basado en el tecnologia de https://ethercalc.net/
estadisticas
2017-03-03 14:02:40 +00:00
< / div >
2017-03-03 16:18:29 +00:00
< / div >
< div class = "col-sm-3" >
< button type = "button" class = "btn btn-danger btn-servicios" data-toggle = "collapse" data-target = "#piwik" > PIWIK< / button >
< div id = "piwik" class = "collapse" >
Es la herramienta que utilizamos para recoger datos de acceso, consulta y uso de Tupale.co y los diferentes proyectos alojados en Tupale, se puede consultar de manera publica https://stats.tupale.co Basado en la tecnologia de https://piwik.org/
2017-03-03 14:02:40 +00:00
< / div >
< / div >
< / div >
2017-03-03 16:18:29 +00:00
< / div >
< / section >
<!-- FIN Servicios -->
<!-- Carrusel APIS Open Data -->
< 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 = "https://cldup.com/VvvJCGnUXw.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 >
2017-03-03 14:02:40 +00:00
< / div >
2017-03-03 16:18:29 +00:00
< div class = "item" >
< img src = "https://cldup.com/cwy7fakMG3.png" alt = "apis_json" >
< 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" >
2017-03-03 16:22:59 +00:00
< img src = "https://cldup.com/e2fps1PMMd.png" alt = "apis_json" >
2017-03-03 16:18:29 +00:00
< div class = "carousel-caption" >
< h3 > Visualizaciones< / h3 >
< p > Mapas y visualizaciónes básicas< / 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 >
<!-- FIN Carrusel -->
<!-- PRECIOS -->
< section class = "container" id = "precios" >
< div class = "col-sm-12 text-center" >
< h1 > Precios< / h1 >
< p class = "lead" > Tupale es una herramienta de código abierto puede ser descargada e implementada, el cobro cubre servicios de administración, hosting, reinversión en desarrollo, capacitación en uso y manejo< / p >
< / div >
< div class = "container" >
< div class = "row" >
<!-- item -->
< div class = "col-md-3 text-center" >
< div class = "panel panel-danger panel-pricing" >
< div class = "panel-heading" >
< span class = "glyphicon glyphicon-play" aria-hidden = "true" > < / span >
< h3 > Instancia de Tupale< / h3 >
< / div >
< div class = "panel-body text-center" >
< h2 > $250 USD/ Anuales< / h2 >
< / div >
< ul class = "list-group text-left" >
< li class = "list-group-item" > < span class = "glyphicon glyphicon-ok" > < / span > Aplicaciones ilimitadas< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok " > < / i > Usuarios ilimitados< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok " > < / i > Personalización visual (branding) y plantillas gráficas < / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok " > < / i > 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 = "#" > Contacto< / a >
2017-03-03 14:02:40 +00:00
< / div >
< / div >
2017-03-03 16:18:29 +00:00
< / div >
<!-- /item -->
<!-- item -->
< div class = "col-md-3 text-center" >
< div class = "panel panel-warning panel-pricing" >
< div class = "panel-heading" >
< i class = "glyphicon glyphicon-step-forward" > < / i >
< h3 > Taller Básico< / h3 >
< / div >
< div class = "panel-body text-center" >
< h2 > $240 USD < / h2 >
< / div >
< ul class = "list-group text-left" >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Introducción a creación de modelo de datos con Tupale< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de usuarios< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de aplicaciones< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación y modificación de campos< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Guia básica de plantillas< / li >
< / ul >
< div class = "panel-footer" >
< a class = "btn btn-lg btn-block btn-warning" href = "#" > Contactar< / a >
2017-03-03 14:02:40 +00:00
< / div >
< / div >
2017-03-03 16:18:29 +00:00
< / div >
<!-- /item -->
<!-- item -->
< div class = "col-md-3 text-center" >
< div class = "panel panel-info panel-pricing" >
< div class = "panel-heading" >
< i class = "glyphicon glyphicon-forward" > < / i >
< h3 > Taller Medio< / h3 >
< / div >
< div class = "panel-body text-center" >
< h2 > $480 USD< / h2 >
< / div >
< ul class = "list-group text-left" >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de modelo de datos con Tupale< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de usuarios< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de aplicaciones< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación y modificación de campos< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Uso de Campos especiales< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de mapas< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Guia avanzada de platillas< / li >
< / ul >
< div class = "panel-footer" >
< a class = "btn btn-lg btn-block btn-info" href = "#" > Contactar< / a >
2017-03-03 14:02:40 +00:00
< / div >
< / div >
2017-03-03 16:18:29 +00:00
< / div >
<!-- /item -->
<!-- item -->
< div class = "col-md-3 text-center" >
< div class = "panel panel-success panel-pricing" >
< div class = "panel-heading" >
< i class = "glyphicon glyphicon-fast-forward" > < / i >
< h3 > Taller Avanzado< / h3 >
< / div >
< div class = "panel-body text-center" >
< h2 > $960 USD< / h2 >
< / div >
< ul class = "list-group text-left" >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de modelo de datos con Tupale< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de usuarios< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de aplicaciones< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación y modificación de campos< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Utilización de campos especiales< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Creación de mapas< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Uso básico de las API para visualizaciones y analisis de datos.< / li >
< li class = "list-group-item" > < i class = "glyphicon glyphicon-ok" > < / i > Exportación de datos.< / li >
< / ul >
< div class = "panel-footer" >
< a class = "btn btn-lg btn-block btn-success" href = "#" > Contactar< / a >
2017-03-03 14:02:40 +00:00
< / div >
< / div >
< / div >
2017-03-03 16:18:29 +00:00
<!-- /item -->
2017-03-03 14:02:40 +00:00
< / div >
2017-03-03 16:18:29 +00:00
< / div >
< / section >
<!-- FIN Precios -->
<!-- PATROCINADORES -->
< 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 >
2017-03-03 14:02:40 +00:00
< / div >
2017-03-03 16:18:29 +00:00
<!-- 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 >
< / section >
<!-- FIN patrocinadores -->
<!-- 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" > De una creación personal se han vinculado de manera orgánica diferentes personas al crecimiento del entorno de herramientas que facilitan el desarrollo de tupale y la vinculación con equipos, instituciones y causas< / p >
< / div >
< div class = "container" >
< div class = "row" >
< div class = "col-md-4 " id = "main" >
< div class = "panel-group" id = "accordion" role = "tablist" aria-multiselectable = "true" >
< div class = "panel panel-warning" >
< div class = "panel-heading" role = "tab" id = "nosotros" >
< h4 class = "panel-title" >
< a class = "collapsed" role = "button" data-toggle = "collapse" data-parent = "#accordion" href = "#collapseOne" aria-expanded = "false" aria-controls = "collapseOne" >
Nosotros
< / a >
< / h4 >
< / div >
< div id = "collapseOne" class = "panel-collapse collapse" role = "tabpanel" aria-labelledby = "Nosotros" >
< div class = "panel-body" >
< ul >
< li > La Manada: 5 perros Canquis, Lara, Alphita, Amed,Akrus < / li >
< li > El Tigre: Creador de MILF base del funcionamiento de túpale< / li >
< li > La Tigra: Apoyo moral incondicional, administradora y facilitadora de procesos < / li >
< li > Kleper: Sisadmin del demonio< / li >
< li > Pionerita: Metiendo la mano con lo que ha aprendido de programación < / li >
< / ul >
2017-03-03 14:02:40 +00:00
< / div >
< / div >
< / div >
< / div >
2017-03-03 16:18:29 +00:00
< / div >
< div class = "col-md-4 " id = "main" >
< div class = "panel-group" id = "accordion" role = "tablist" aria-multiselectable = "true" >
< div class = "panel panel-warning" >
< div class = "panel-heading equipo" role = "tab" id = "participado" >
< h4 class = "panel-title" >
< a class = "collapsed" role = "button" data-toggle = "collapse" data-parent = "#accordion" href = "#collapseTwo" aria-expanded = "false" aria-controls = "collapseTwo" >
Han Participado
< / a >
< / h4 >
< / div >
< div id = "collapseTwo" class = "panel-collapse collapse" role = "tabpanel" aria-labelledby = "participado" >
< div class = "panel-body" >
Un montón de personas que de una u otra forma han contribuido para que Tupale sea adoptado dentro de los procesos en instituciones y grupos de trabajo...
2017-03-03 14:02:40 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
2017-03-03 16:18:29 +00:00
< / 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-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-home fa-fw" > < / i > Datos Abiertos< / a > < / li >
< li > < a href = "privacypolicy.php" > < i class = "fa fa-link" > < / i > Manifiesto< / a > < / li >
< li > < a href = "#" > < i class = "fa fa-envelope fa-fw" > < / i > Recomendado< / a > < / li >
< / ul >
< / div > < / div > <!-- end widget1 -->
< div class = "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 = "telegram" target = "_blank" > < i class = "fa fa-youtube" > < / 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" > E-mail :< / 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" > Mensaje< / span >
< input class = "form-control" placeholder = "que quieres o necesitas" type = "text" >
< span class = "input-group-btn" >
< button class = "btn btn-primary" type = "button" > Contactanos!< / 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" > Escribe que quieres buscar en Tupale< / label >
< div class = "input-group" >
< span class = "input-group-addon" > ¿Que buscas?< / span >
< input class = "form-control" placeholder = "palabra clave" type = "text" >
< span class = "input-group-btn" >
< button class = "btn btn-primary" 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 -->
< div id = "sub-floor" >
< div class = "container" >
< div class = "row" >
< div class = "col-md-4 copyright" >
< / div >
< div class = "col-md-4 col-md-offset-4 attribution" >
Desarrollado por < a target = "_blank" href = "#" > Equipo Tupale< / a > .
< / div >
< / div > <!-- end .row -->
< / div >
< / div >
< / footer >
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" > < / script >
< script src = "../../dist/js/bootstrap.min.js" > < / script >
< script src = "../../assets/js/docs.min.js" > < / script >
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
< script src = "../../assets/js/ie10-viewport-bug-workaround.js" > < / script >
< script src = "scripts.js" > < / script >
< / body >
< / html >