exemplo.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta name="description" content="">
  8. <meta name="author" content="">
  9. <link rel="icon" href="../../favicon.ico">
  10. <title>Cadê meu posto de saúde?</title>
  11. <!-- Bootstrap core CSS -->
  12. <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">
  13. <!-- Custom styles for this template -->
  14. <link href="./bootstrap/css/jumbotron.css" rel="stylesheet">
  15. <link href="./bootstrap/css/grid.css" rel="stylesheet">
  16. <link href="./estilos.css" rel="stylesheet">
  17. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  18. <!--[if lt IE 9]>
  19. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  20. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  21. <![endif]-->
  22. </head>
  23. <body>
  24. <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  25. <div class="container">
  26. <div class="navbar-header">
  27. <a class="navbar-brand" href="#">Cad&ecirc; meu posto de sa&uacute;de?</a>
  28. </div>
  29. <div id="navbar" class="collapse navbar-collapse">
  30. <ul class="nav navbar-nav">
  31. <li><a href="http://matehackers.org"><img src="http://matehackers.org/lib/exe/fetch.php/logo.png" height="32px" /></a></li>
  32. <li><a href="http://datapoa.com.br"><img src="http://datapoa.com.br/img/logo.png" height="32px" /></a></li>
  33. <li><a href="https://github.com/matehackers/cademeuposto"><img src="./assets/GitHub-Mark-32px.png" /></a></li>
  34. </ul>
  35. </div><!--/.nav-collapse -->
  36. </div>
  37. </div>
  38. </nav>
  39. <div class="jumbotron">
  40. <div class="container">
  41. <center>
  42. <img src="./assets/pictogram-din-e003-first_aid.png" />
  43. <h1>Busca unidades de sa&uacute;de de refer&ecirc;ncia em Porto Alegre</h1>
  44. <p>Entre com o nome <b>completo</b> da rua para encontrar a unidade de sa&uacute;de de refer&ecirc;ncia (APS).</p>
  45. </center>
  46. </div>
  47. </div> <!-- /jumbotron -->
  48. <!-- formulario -->
  49. <div class="container">
  50. <center>
  51. <form class="navbar-form" role="form" action="./#resultado">
  52. <div class="form-group">
  53. <input type="text" name="rua" placeholder="Nome da rua" class="form-control" value="Bento">
  54. </div>
  55. <div class="form-group">
  56. <input type="text" placeholder="Número" class="form-control" value="1880">
  57. </div>
  58. <button type="submit" class="btn btn-success">Buscar</button>
  59. </form>
  60. </center>
  61. </div> <!-- /container -->
  62. <!-- /formulario -->
  63. <div class="container">
  64. <h2>Quem mora na</h2>
  65. <center>
  66. <h3><b>Avenida Bento Gonçalves, 1.880 - Bairro Partenon</b></h3>
  67. </center>
  68. <h2>deve ser atendida(o) na</h2>
  69. <center>
  70. <h1><b>UBS Bananeiras</b></h1>
  71. </center>
  72. <h2>que fica na</h2>
  73. <center>
  74. <h2><b>Avenida Coronel Aparício Borges, 2.494 - Bairro Aparício Borges</b></h2>
  75. </center>
  76. <h2>mais informações:</h2>
  77. <center>
  78. <h3>Telefone(s): (51) <b>3336-3284</b></h3>
  79. <h3>Horário: das <b>7h</b> às <b>22h</b></h3>
  80. <h3><u>Agendamento de Idosos por telefone: das <b>13h</b> às <b>17h</b></u></h3>
  81. <h4>Serviços: Acolhimento, Marcação através ficha-dia, consultas de pediatria, clínica geral e ginecologia/obstetrícia. Assistência odontológica. Procedimentos de enfermagem: curativos, vacinação (segunda a sexta-feira, das 7h às 18h) , injetáveis, teste do pezinho, nebulização, distribuição de medicamentos, verificação de TA (tensão arterial), hemoglicoteste, antropometria. Agendamento de consultas especializadas, acompanhamento de crianças e gestantes em risco nutricional. Busca de faltosos aos programas, visitas domiciliares dos agentes comunitários de saúde, visitas domiciliares dos profissionais da equipe técnica e grupos de orientação e educação em saúde. Agendamento para idosos por telefone, diariamente, das 11h às 12h, respeitando as vagas disponíveis. Programas Nascer, Esperança, Pré-natal, Pra-Nenê, Hiperdia (acompanhamento de hipertensos e diabéticos). Grupos de saúde bucal, planejamento familiar e de apoio para deixar de fumar.</h4>
  82. </center>
  83. <p>Em caso de d&uacute;vida, ligue para o <b>156</b> com qualquer telefone de Porto Alegre - RS ou (51) 3289-0156, op&ccedil;&atilde;o 9.</p>
  84. </div>
  85. <hr>
  86. </div> <!-- /container -->
  87. <div class="container">
  88. <div class="row">
  89. <div class="col-md-4">
  90. <h2>Hackathon DataPoa</h2>
  91. <p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz elementum girarzis, nisi eros vermeio, in elementis mé pra quem é amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.</p>
  92. <p><a class="btn btn-default" href="#" role="button">Bot&atilde;o &raquo;</a></p>
  93. </div>
  94. <div class="col-md-4">
  95. <h2>Conhe&ccedil;a o Matehackers</h2>
  96. <p>Suco de cevadiss, é um leite divinis, qui tem lupuliz, matis, aguis e fermentis. Interagi no mé, cursus quis, vehicula ac nisi. Aenean vel dui dui. Nullam leo erat, aliquet quis tempus a, posuere ut mi. Ut scelerisque neque et turpis posuere pulvinar pellentesque nibh ullamcorper. Pharetra in mattis molestie, volutpat elementum justo. Aenean ut ante turpis. Pellentesque laoreet mé vel lectus scelerisque interdum cursus velit auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac mauris lectus, non scelerisque augue. Aenean justo massa.</p>
  97. <p><a class="btn btn-default" href="#" role="button">Bot&atilde;o &raquo;</a></p>
  98. </div>
  99. <div class="col-md-4">
  100. <h2>Colabore com o software livre</h2>
  101. <p>Casamentiss faiz malandris se pirulitá, Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer Ispecialista im mé intende tudis nuam golada, vinho, uiski, carirí, rum da jamaikis, só num pode ser mijis. Adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  102. <p><a class="btn btn-default" href="#" role="button">Bot&atilde;o &raquo;</a></p>
  103. </div>
  104. </div> <!-- /container -->
  105. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  106. <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  107. <hr>
  108. <footer>
  109. <p>&copy;left Matehackers 2014</p>
  110. </footer>
  111. </div> <!-- /container -->
  112. <!-- Bootstrap core JavaScript
  113. ================================================== -->
  114. <!-- Placed at the end of the document so the pages load faster -->
  115. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  116. <script src="../../dist/js/bootstrap.min.js"></script>
  117. <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
  118. <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
  119. </body>
  120. </html>