API tools faq
paste
Advertisement
WaGnerLima

html

WaGnerLima
Nov 26th, 2024
23
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.91 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Online HTML, CSS and JavaScript editor to run code online.
  3. -->
  4. <!DOCTYPE html>
  5. <html lang="en">
  6.  
  7. <head>
  8. <meta charset="UTF-8" />
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10. <link rel="stylesheet" href="style.css" />
  11. <title>Browser</title>
  12. </head>
  13.  
  14. <body>
  15.  
  16. <div id="app" data-v-app="">
  17. <div data-v-d0f01f23="" id="template-base" class="">
  18. <header data-v-d146aa83="" data-v-d0f01f23="" id="header" class="br-header">
  19. <button data-v-d146aa83="" accesskey="9" class="accesskey"></button>
  20.  
  21. <button data-v-d146aa83="" accesskey="2" class="accesskey"></button>
  22. </header>
  23. <main data-v-d0f01f23="" id="main">
  24.  
  25. <div data-v-e56c5841="" data-v-d0f01f23="" class="d-flex bg-gray-2">
  26. <div data-v-e56c5841="" class="d-flex ml-6 flex-fill mr-5">
  27. <!---->
  28. <div data-v-e56c5841="" class="d-flex justify-content-center flex-grow-1 flex-column pb-5 pt-5">
  29. <h1 data-v-e56c5841="" class="text-weight-semi-bold mb-2">Responder Pesquisa de Satisfação</h1>
  30. <p data-v-e56c5841="" class="text-weight-medium"></p>
  31. </div>
  32. </div>
  33. <!---->
  34. </div>
  35. <div data-v-d0f01f23="" id="main-content" class="container-fluid mb-5">
  36. <!---->
  37. <div data-v-d0f01f23="" class="col">
  38. <div data-v-d0f01f23=""></div>
  39. <button data-v-d0f01f23="" accesskey="1" class="accesskey"></button>
  40.  
  41. <div class="title mt-5">Responder Pesquisa de Satisfação</div>
  42. <span class="br-divider my-2 mb-4"></span><!---->
  43. <div>
  44. <p> Responda as perguntas abaixo sobre a resposta dada pelo órgão em 01/11/2024, às 09:41:08</p>
  45. <form novalidate="">
  46. <div class="bg-gray-3 mx-3 mb-5 mt-5">
  47. <div class="px-5 py-3">
  48. <label class="text-up-02">A sua demanda foi atendida?</label>
  49. <div class="row mt-5">
  50. <!---->
  51. <div class="col-md col-6">
  52. <div id="radio-0-0" class="">
  53. <div class="d-flex">
  54. <!----><!---->
  55. </div>
  56. <p id="radio-0-0-label-adicional" class="text-down-01"></p>
  57. <div id="radio-0-0-item-0" class="br-radio">
  58. <input id="radio-0-0-item-input-0" name="radio000" type="radio" aria-label="Opção 0" value="1" ><label for="radio-0-0-item-input-0">Sim</label><!---->
  59. </div>
  60. <div id="radio-0-0-item-1" class="br-radio">
  61. <input id="radio-0-0-item-input-1" name="radio001" type="radio" aria-label="Opção 1" value="2" ><label for="radio-0-0-item-input-1">Não</label><!---->
  62. </div>
  63. <div id="radio-0-0-item-2" class="br-radio">
  64. <input id="radio-0-0-item-input-2" name="radio002" type="radio" aria-label="Opção 2" value="3" ><label for="radio-0-0-item-input-2">Parcialmente Atendida</label><!---->
  65. </div>
  66. <div class="mt-2">
  67. <!---->
  68. <p id="radio-0-0-required" class="mt-1 text-base"> Obrigatório. </p>
  69. </div>
  70. </div>
  71. </div>
  72. <!----><!----><!---->
  73. </div>
  74. </div>
  75. </div>
  76. <div class="bg-gray-3 mx-3 mb-5 mt-5">
  77. <div class="px-5 py-3">
  78. <label class="text-up-02">A resposta fornecida foi fácil de compreender?</label>
  79. <div class="row mt-5">
  80. <!---->
  81. <div class="col-md col-6">
  82. <div id="radio-0-1" class="">
  83. <div class="d-flex">
  84. <!----><!---->
  85. </div>
  86. <p id="radio-0-1-label-adicional" class="text-down-01"></p>
  87. <div id="radio-0-1-item-0" class="br-radio">
  88. <input id="radio-0-1-item-input-0" name="radio010" type="radio" aria-label="Opção 0" value="17" ><label for="radio-0-1-item-input-0">Muito fácil de compreender</label><!---->
  89. </div>
  90. <div id="radio-0-1-item-1" class="br-radio">
  91. <input id="radio-0-1-item-input-1" name="radio011" type="radio" aria-label="Opção 1" value="18" ><label for="radio-0-1-item-input-1">Fácil de compreender</label><!---->
  92. </div>
  93. <div id="radio-0-1-item-2" class="br-radio">
  94. <input id="radio-0-1-item-input-2" name="radio012" type="radio" aria-label="Opção 2" value="19" ><label for="radio-0-1-item-input-2">Regular</label><!---->
  95. </div>
  96. <div id="radio-0-1-item-3" class="br-radio">
  97. <input id="radio-0-1-item-input-3" name="radio013" type="radio" aria-label="Opção 3" value="20" ><label for="radio-0-1-item-input-3">Difícil de comprender</label><!---->
  98. </div>
  99. <div id="radio-0-1-item-4" class="br-radio">
  100. <input id="radio-0-1-item-input-4" name="radio014" type="radio" aria-label="Opção 4" value="21" ><label for="radio-0-1-item-input-4">Muito difícil de compreender</label><!---->
  101. </div>
  102. <div class="mt-2">
  103. <!---->
  104. <p id="radio-0-1-required" class="mt-1 text-base"> Obrigatório. </p>
  105. </div>
  106. </div>
  107. </div>
  108. <!----><!----><!---->
  109. </div>
  110. </div>
  111. </div>
  112. <div class="bg-gray-3 mx-3 mb-5 mt-5">
  113. <div class="px-5 py-3">
  114. <label class="text-up-02">Você está satisfeito(a) com o atendimento prestado?</label>
  115. <div class="row mt-5">
  116. <!---->
  117. <div class="col-md col-6">
  118. <div id="radio-0-2" class="">
  119. <div class="d-flex">
  120. <!----><!---->
  121. </div>
  122. <p id="radio-0-2-label-adicional" class="text-down-01"></p>
  123. <div id="radio-0-2-item-0" class="br-radio">
  124. <input id="radio-0-2-item-input-0" name="radio020" type="radio" aria-label="Opção 0" value="4" ><label for="radio-0-2-item-input-0">😠 Muito Insatisfeito</label><!---->
  125. </div>
  126. <div id="radio-0-2-item-1" class="br-radio">
  127. <input id="radio-0-2-item-input-1" name="radio021" type="radio" aria-label="Opção 1" value="5" ><label for="radio-0-2-item-input-1">🙁 Insatisfeito</label><!---->
  128. </div>
  129. <div id="radio-0-2-item-2" class="br-radio">
  130. <input id="radio-0-2-item-input-2" name="radio022" type="radio" aria-label="Opção 2" value="6" ><label for="radio-0-2-item-input-2">😐 Regular</label><!---->
  131. </div>
  132. <div id="radio-0-2-item-3" class="br-radio">
  133. <input id="radio-0-2-item-input-3" name="radio023" type="radio" aria-label="Opção 3" value="7" ><label for="radio-0-2-item-input-3">🙂 Satisfeito</label><!---->
  134. </div>
  135. <div id="radio-0-2-item-4" class="br-radio">
  136. <input id="radio-0-2-item-input-4" name="radio024" type="radio" aria-label="Opção 4" value="8" ><label for="radio-0-2-item-input-4">😀 Muito Satisfeito</label><!---->
  137. </div>
  138. <div class="mt-2">
  139. <!---->
  140. <p id="radio-0-2-required" class="mt-1 text-base"> Obrigatório. </p>
  141. </div>
  142. </div>
  143. </div>
  144. <!----><!----><!---->
  145. </div>
  146. </div>
  147. </div>
  148. <div class="bg-gray-3 mx-3 mb-5 mt-5">
  149. <div class="px-5 py-3">
  150. <label class="text-up-02">Deixe aqui seu comentário:</label>
  151. <div class="row mt-5">
  152. <!----><!----><!---->
  153. <div class="col">
  154. <div data-v-7d73a0db="" id="txtArea-0-3" class="br-textarea">
  155. <!----><!----><!----><!---->
  156. <textarea data-v-7d73a0db="" id="txtArea-0-3-textarea" name="txtArea03" class="texto-manifestacao" maxlength="8000" style="height: 181px;" ></textarea>
  157. <div data-v-7d73a0db="" class="mt-1 text-base"><span data-v-7d73a0db="" id="txtArea-0-3-textarea-span" class="limit">Restam <strong>7571</strong> caracteres</span><span data-v-7d73a0db="" class="current"></span></div>
  158. <!----><!---->
  159. </div>
  160. </div>
  161. <!---->
  162. </div>
  163. </div>
  164. </div>
  165. <div class="d-flex justify-content-center mb-6">
  166. <button data-v-54ef268c="" id="salvar-btn-0" class="br-button primary col-md-2 col-6" type="submit" >
  167. <!---->Salvar
  168. </button>
  169. </div>
  170. <div class="my-3"></div>
  171. <span class="br-divider my-6"></span>
  172. </form>
  173. </div>
  174. <div class="d-flex justify-content-center mb-3">
  175. <button data-v-54ef268c="" id="voltar-btn" class="br-button secondary col-md-2 col-6" type="button">
  176. <!----><i class="fas fa-arrow-left"></i>Voltar
  177. </button>
  178. </div>
  179. <div data-v-d0f01f23=""></div>
  180. </div>
  181. </div>
  182. </main>
  183. <footer data-v-d0f01f23="" id="footer" class="br-footer">
  184. <button accesskey="4" class="accesskey"></button><img width="120" id="govbr-img-footer" class="mb-6 ml-6 mt-6 cursor-pointer" src="/web/assets/govbr-96a65278.webp" alt="Gov.BR">
  185. <div id="footer-main" class="container-fluid">
  186. <div id="footer-main-links" class="br-list horizontal justify-content-center" data-toggle="data-toggle" data-sub="data-sub">
  187. <div id="footer-main-links-0" class="col-2">
  188. <a id="footer-main-links-0-header" class="br-item header" href="javascript: void(0)">
  189. <div id="footer-main-links-0-header-label" class="content text-down-01 text-bold text-uppercase">Usuário</div>
  190. <div class="support"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
  191. </a>
  192. <div id="footer-main-links-0-list" class="br-list">
  193. <span class="br-divider d-md-none"></span>
  194. <a href="/web/principal" class="br-item" id="footer-main-links-0-list-item-0">
  195. <div class="content">Início</div>
  196. </a>
  197. <a href="/web/manifestacao/criar?tipo=8" class="br-item" id="footer-main-links-0-list-item-1">
  198. <div class="content">Acesso à Informação - Novo Pedido de Acesso à Informação</div>
  199. </a>
  200. <a href="/web/manifestacao/consultarlai" class="br-item" id="footer-main-links-0-list-item-2">
  201. <div class="content">Acesso à Informação - Meus Pedidos e Recursos</div>
  202. </a>
  203. <a href="/web/?modoOuvidoria=1" class="br-item" id="footer-main-links-0-list-item-3">
  204. <div class="content">Ouvidoria - Nova Manifestação</div>
  205. </a>
  206. <a href="/web/manifestacao" class="br-item" id="footer-main-links-0-list-item-4">
  207. <div class="content">Ouvidoria - Minhas Manifestações</div>
  208. </a>
  209. <a href="/web/orgao" class="br-item" id="footer-main-links-0-list-item-5">
  210. <div class="content">Busca de Ouvidorias e SICs</div>
  211. </a>
  212. <a href="/web/usuario/meucadastro" class="br-item" id="footer-main-links-0-list-item-6">
  213. <div class="content">Meu cadastro</div>
  214. </a>
  215. <a href="/web/logout" class="br-item" id="footer-main-links-0-list-item-7">
  216. <div class="content">Sair</div>
  217. </a>
  218. <span class="br-divider d-md-none"></span>
  219. </div>
  220. </div>
  221. <div id="footer-main-links-1" class="col-2">
  222. <a id="footer-main-links-1-header" class="br-item header" href="javascript: void(0)">
  223. <div id="footer-main-links-1-header-label" class="content text-down-01 text-bold text-uppercase">Informações</div>
  224. <div class="support"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
  225. </a>
  226. <div id="footer-main-links-1-list" class="br-list">
  227. <span class="br-divider d-md-none"></span>
  228. <a class="br-item" href="https://www.gov.br/cgu/pt-br/acesso-a-informacao/dados-abertos/arquivos/ouvidoria" id="footer-main-links-1-list-item-0">
  229. <div class="content">Dados Abertos - Ouvidoria</div>
  230. </a>
  231. <a class="br-item" href="https://www.gov.br/ouvidorias/pt-br/" id="footer-main-links-1-list-item-1">
  232. <div class="content">Ouvidorias.gov</div>
  233. </a>
  234. <a class="br-item" href="https://centralpaineis.cgu.gov.br/visualizar/resolveu" id="footer-main-links-1-list-item-2">
  235. <div class="content">Painel resolveu?</div>
  236. </a>
  237. <a href="/web/dadosabertoslai" class="br-item" id="footer-main-links-1-list-item-3">
  238. <div class="content">Dados Abertos - LAI</div>
  239. </a>
  240. <a class="br-item" href="https://www.gov.br/acessoainformacao/pt-br/assuntos/busca-de-pedidos-e-respostas/busca-de-pedidos-e-respostas" id="footer-main-links-1-list-item-4">
  241. <div class="content">Dados Abertos - Busca de Pedidos e Respostas</div>
  242. </a>
  243. <a class="br-item" href="http://paineis.cgu.gov.br/lai/index.htm" id="footer-main-links-1-list-item-5">
  244. <div class="content">Painel Lei de Acesso à Informação</div>
  245. </a>
  246. <a class="br-item" href="http://www.acessoainformacao.gov.br/" id="footer-main-links-1-list-item-6">
  247. <div class="content">Site da LAI</div>
  248. </a>
  249. <a class="br-item" href="https://www.gov.br/acessoainformacao/pt-br/decisoes-da-cgu-e-da-cmri-sobre-a-aplicacao-da-lai" id="footer-main-links-1-list-item-7">
  250. <div class="content">Busca de Decisões da CGU e da CMRI</div>
  251. </a>
  252. <a href="/web/termos-de-uso" class="br-item" id="footer-main-links-1-list-item-8">
  253. <div class="content">Termos de Uso e Aviso de Privacidade</div>
  254. </a>
  255. <span class="br-divider d-md-none"></span>
  256. </div>
  257. </div>
  258. <div id="footer-main-links-2" class="col-2">
  259. <a id="footer-main-links-2-header" class="br-item header" href="javascript: void(0)">
  260. <div id="footer-main-links-2-header-label" class="content text-down-01 text-bold text-uppercase">Órgãos e Entidades</div>
  261. <div class="support"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
  262. </a>
  263. <div id="footer-main-links-2-list" class="br-list">
  264. <span class="br-divider d-md-none"></span>
  265. <a class="br-item" href="http://wiki.cgu.gov.br/wiki/index.php/Fala.BR_-_Manual" id="footer-main-links-2-list-item-0">
  266. <div class="content">Manual</div>
  267. </a>
  268. <a class="br-item" href="https://falabr.cgu.gov.br/help" id="footer-main-links-2-list-item-1">
  269. <div class="content">Documentação API</div>
  270. </a>
  271. <a class="br-item" href="https://www.gov.br/ouvidorias/pt-br/ouvidorias/rede-de-ouvidorias/adesao-e-cadastros/adesao-a-plataforma-fala.br/view" id="footer-main-links-2-list-item-2">
  272. <div class="content">Adesão aos modulos do FalaBR</div>
  273. </a>
  274. <span class="br-divider d-md-none"></span>
  275. </div>
  276. </div>
  277. <div id="footer-main-links-3" class="col-2">
  278. <a id="footer-main-links-3-header" class="br-item header" href="javascript: void(0)">
  279. <div id="footer-main-links-3-header-label" class="content text-down-01 text-bold text-uppercase">Ajuda</div>
  280. <div class="support"><i class="fas fa-angle-down" aria-hidden="true"></i></div>
  281. </a>
  282. <div id="footer-main-links-3-list" class="br-list">
  283. <span class="br-divider d-md-none"></span>
  284. <a href="/web/acessibilidade" class="br-item" id="footer-main-links-3-list-item-0">
  285. <div class="content">Acessibilidade</div>
  286. </a>
  287. <a href="/web/mapadosite" class="br-item" id="footer-main-links-3-list-item-1">
  288. <div class="content">Mapa do site</div>
  289. </a>
  290. <a class="br-item" href="https://www.gov.br/ouvidorias/pt-br/central-de-conteudos/perguntas-frequentes-2019" id="footer-main-links-3-list-item-2">
  291. <div class="content">Perguntas frequentes</div>
  292. </a>
  293. <span class="br-divider d-md-none"></span>
  294. </div>
  295. </div>
  296. </div>
  297. <div id="footer-main-images" class="d-none d-sm-block">
  298. <div class="row align-items-end justify-content-between py-5">
  299. <div id="footer-main-images-govbr" class="col assigns text-right"><img id="acesso-informacao-icon" class="ml-6 mt-6 cursor-pointer" src="/web/assets/acesso-a-informacao-icon-0ededa50.svg" alt="Acesso à Informação"></div>
  300. </div>
  301. </div>
  302. </div>
  303. <span class="br-divider my-3"></span>
  304. <div id="footer-bottom" class="d-flex col-12 mb-3">
  305. <div class="d-flex col-6 justify-content-center text-down-01 text-medium px-2"><span id="footer-bottom-copyright">Direitos reservados à Controladoria-Geral da União - CGU</span></div>
  306. <div class="d-flex col-6 justify-content-center text-down-01 text-medium px-2"><span id="footer-bottom-version">Versão 3.16.0</span></div>
  307. </div>
  308. </footer>
  309. <!---->
  310. </div>
  311. </div>
  312.  
  313. <script src="script.js"></script>
  314. </body>
  315.  
  316. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!