Superintendência Estadual de Tecnologia da Informação e Comunicação

Plataforma de documentação operacional e gerencial da SETIC

Ferramentas do usuário

Ferramentas do site

Visitou:
start

Diferenças

Aqui você vê as diferenças entre duas revisões dessa página.

Link para esta página de comparações

Ambos lados da revisão anterior Revisão anterior
Próxima revisão 		Revisão anterior
start [2022/04/11 14:29]
Letícia Gondim 		start [2023/08/14 13:20] (atual)
Gener Emanoel
Linha 1: Linha 1:
-~~NOTOC~~ +~~NOTOC~~ <html> <!– fontes html bootstrap –> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <scriptsrc="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!– fim das fontes –>
-<html>  +
-<!– fontes html bootstrap –> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <scriptsrc="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <!– fim das fontes –> +
- +
- +
  
 <style> <style>
  
 +<code>
 +body{
 +  margin-top:20px;
 +  background:#eee;
  
 +</code>
 +
 +} .card::after {
 +
 +<code>
 +  display: block;
 +  position: absolute;
 +  bottom: -10px;
 +  left: 20px;
 +  width: calc(100% - 40px);
 +  height: 35px;
 +  background-color: #fff;
 +  -webkit-box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09);
 +  box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09);
 +  content: '';
 +  z-index: -1;
 +
 +</code>
 +
 +} a.card {
 +
 +<code>
 +  text-decoration: none;
 +
 +</code>
  
-  body{ 
-    margin-top:20px; 
-    background:#eee; 
-} 
-.card::after { 
-    display: block; 
-    position: absolute; 
-    bottom: -10px; 
-    left: 20px; 
-    width: calc(100% - 40px); 
-    height: 35px; 
-    background-color: #fff; 
-    -webkit-box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09); 
-    box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09); 
-    content: ''; 
-    z-index: -1; 
-} 
-a.card { 
-    text-decoration: none; 
 } }
  
 .card { .card {
-    position: relative; + 
-    border: 0; +<code> 
-    border-radius: 0; +  position: relative; 
-    background-color: #fff; +  border: 0; 
-    -webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09); +  border-radius: 0; 
-    box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09); +  background-color: #fff; 
-} +  -webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09); 
-.card { +  box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09); 
-    position: relative; + 
-    display: -webkit-box; +</code> 
-    display: -ms-flexbox; + 
-    display: flex; +} .card { 
-    -webkit-box-orient: vertical; + 
-    -webkit-box-direction: normal; +<code> 
-    -ms-flex-direction: column; +  position: relative; 
-    flex-direction: column; +  display: -webkit-box; 
-    min-width: 0; +  display: -ms-flexbox; 
-    word-wrap: break-word; +  display: flex; 
-    background-color: #fff; +  -webkit-box-orient: vertical; 
-    background-clip: border-box; +  -webkit-box-direction: normal; 
-    border: 1px solid rgba(0,0,0,0.125); +  -ms-flex-direction: column; 
-    border-radius: .25rem;+  flex-direction: column; 
 +  min-width: 0; 
 +  word-wrap: break-word; 
 +  background-color: #fff; 
 +  background-clip: border-box; 
 +  border: 1px solid rgba(0,0,0,0.125); 
 +  border-radius: .25rem; 
 + 
 +</code> 
 } }
  
 .box-shadow { .box-shadow {
-    -webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important; + 
-    box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important; +  - webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important; 
-}+ 
 +box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important; }
  
 .ml-auto, .mx-auto { .ml-auto, .mx-auto {
-    margin-left: auto !important; + 
-} +<code> 
-.mr-auto, .mx-auto { +  margin-left: auto !important; 
-    margin-right: auto !important; + 
-} +</code> 
-.rounded-circle { + 
-    border-radius: 50% !important; +} .mr-auto, .mx-auto { 
-} + 
-.bg-white { +<code> 
-    background-color: #fff !important;+  margin-right: auto !important; 
 + 
 +</code> 
 + 
 +} .rounded-circle { 
 + 
 +<code> 
 +  border-radius: 50% !important; 
 + 
 +</code> 
 + 
 +} .bg-white { 
 + 
 +<code> 
 +  background-color: #fff !important; 
 + 
 +</code> 
 } }
  
 .ml-auto, .mx-auto { .ml-auto, .mx-auto {
-    margin-left: auto !important;+ 
 +<code> 
 +  margin-left: auto !important; 
 + 
 +</code> 
 } }
  
 .mr-auto, .mx-auto { .mr-auto, .mx-auto {
-    margin-right: auto !important; + 
-} +<code> 
-.d-block { +  margin-right: auto !important; 
-    display: block !important; + 
-} +</code> 
-img, figure { + 
-    max-width: 100%; +} .d-block { 
-    height: auto; + 
-    vertical-align: middle; +<code> 
-    margin-top:12px;+  display: block !important; 
 + 
 +</code> 
 + 
 +} img, figure { 
 + 
 +<code> 
 +  max-width: 100%; 
 +  height: auto; 
 +  vertical-align: middle; 
 +  margin-top:12px; 
 + 
 +</code> 
 } }
  
 .card-text { .card-text {
-    padding-top: 12px; + 
-    color: #8c8c8c;+<code> 
 +  padding-top: 12px; 
 +  color: #8c8c8c; 
 + 
 +</code> 
 } }
  
 .text-sm { .text-sm {
-    font-size: 15px !important; + 
-} +<code> 
-p, .p { +  font-size: 15px !important; 
-    margin: 0 0 16px;+ 
 +</code> 
 + 
 +} p, .p { 
 + 
 +<code> 
 +  margin: 0 0 16px; 
 + 
 +</code> 
 } }
  
 .card-title { .card-title {
-    margin: 0; + 
-    font-family: "Montserrat",sans-serif; +<code> 
-    font-size: 18px; +  margin: 0; 
-    font-weight: 900;+  font-family: "Montserrat",sans-serif; 
 +  font-size: 18px; 
 +  font-weight: 900; 
 + 
 +</code> 
 } }
  
 .pt-1, .py-1 { .pt-1, .py-1 {
-    padding-top: .25rem !important; 
-} 
-.head-icon { 
-    margin-top: 20px; 
-     
-} 
  
 +<code>
 +  padding-top: .25rem !important;
 +
 +</code>
 +
 +} .head-icon {
 +
 +<code>
 +  margin-top: 20px;
 +
 +</code>
 +
 +}
  
 .jumbotron#home{ .jumbotron#home{
-    background: url("http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png") no-repeat center center;  + 
-   -webkit-background-size: 100% 100%; +<code> 
-    -moz-background-size: 100% 100%; +  background: url("http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png") no-repeat center center; 
-    -o-background-size: 100% 100%; + -webkit-background-size: 100% 100%; 
-    background-size: 100% 100%; +  -moz-background-size: 100% 100%; 
-    color: white;+  -o-background-size: 100% 100%; 
 +  background-size: 100% 100%; 
 +  color: white; 
 + 
 +</code> 
 } }
  
 .jumbotron#menu1{ .jumbotron#menu1{
-    background: url("http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png") no-repeat center center;  + 
-   -webkit-background-size: 100% 100%; +<code> 
-    -moz-background-size: 100% 100%; +  background: url("http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png") no-repeat center center; 
-    -o-background-size: 100% 100%; + -webkit-background-size: 100% 100%; 
-    background-size: 100% 100%; +  -moz-background-size: 100% 100%; 
-    color: white;+  -o-background-size: 100% 100%; 
 +  background-size: 100% 100%; 
 +  color: white; 
 + 
 +</code> 
 } }
  
 .jumbotron#menu2{ .jumbotron#menu2{
  
-    background: url("http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png") no-repeat center center;  +<code> 
-    -webkit-background-size: 100% 100%; +  background: url("http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png") no-repeat center center; 
-    -moz-background-size: 100% 100%; +  -webkit-background-size: 100% 100%; 
-    -o-background-size: 100% 100%; +  -moz-background-size: 100% 100%; 
-    background-size: 100% 100%; +  -o-background-size: 100% 100%; 
-    color: white; +  background-size: 100% 100%; 
-      +  color: white;
-}+
  
 +</code>
  
 +}
  
 </style> </style>
- 
  
 <body> <body>
-<div class="fixed-bottom p-4"> 
-    <div class="toast bg-dark text-white w-100 mw-100" role="alert" data-autohide="false"> 
-        <div class="toast-body p-4 d-flex flex-column"> 
-            
-           <center> <h5> 
-            Usamos cookies para melhorar sua experiência de navegação em nosso site. Ao navegar, você concorda com a política de monitoramento de cookies. Para ter mais informações sobre como isso é feito, acesse<a href="#" data-toggle="modal" data-target="#exampleModal"> Aviso de Privacidade</a> e nossa <a href="https://wiki.setic.ro.gov.br/doku.php?id=start:docs:politica_privacidade">Política de Privacidade.</a> Se você concorda, clique em ACEITO. 
-            </h5></center> 
-            <div class="" align="center"> 
-                <button type="button" class="btn btn-light" id="btnAccept"> 
-                    ACEITO 
-                </button> 
-            </div> 
-        </div> 
-    </div> 
-</div> 
  
-<!-- Modal --> +<a class="btn btn-outline-secondary btn-lg" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> Sobre o projeto </a> <a href="https://atendimento.setic.ro.gov.br" target="_blank" class="btn btn-outline-primary btn-lg" type="button"> Solicite Atendimento </a> <a class="btn btn-outline-success btn-lg" type="button" data-toggle="collapse" data-target="#contats" aria-expanded="false" aria-controls="collapseExample">Nossos contatos</a> <div class="collapse" id="collapseExample"> <div class="card card-body"> <p>A wiki centraliza documentação operacional e tática suportando as atividades da superintendência de tecnologia e disponível as demais secretarias, bem como a produção de manuais para orientar os usuários e guias de atendimento. A plataforma foi implementada e é gerida pelo Núcleo de Infraestrutura da <font color="#428BD4">Superintendencia de Tecnologia da informação e Comuniação do Estado de Rondônia</font> .</p> <p>Gerente de infraestrutura: <font color="#428BD4">Gabriel Carrijo</font> </p><p>Implementação e Planejamento do projeto: <font color="#428BD4">Gener Emanoel</font> </p><p>Ano de implementação: <font color="#428BD4">2019</font> </p> </div> </div> <div class="collapse" id="contats"> <div class="card card-body"> <p> <font color="#428BD4"><b>Telefone</b></font> : 3216-1028 / 3212-9500 </p> <p> <font color="#428BD4"><b>VOIP</b></font> : 4000 </p> <font color="#F65E73"><p>Após 13:30 telefone do plantonista para incidentes</font> : 98446-0144</p> </div> </div> <hr> <ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#home">Gerencial</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu1">Base de Conhecimento</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#menu2">Documentação e Compliance</a> </li> </ul> <div class="tab-content"> <div class="tab-pane active" id="home"> <br> <div class="jumbotron jumbotron-fluid " id="home"> <div class="container"> <h1 class="display-4"> Gerencial</h1> <hr> <p class="lead">Documentação de orientação aos usuários, plataformas de inteligência de negócios para acompanhamento em <br>tempo real das estatísticas.</p> </div> </div> <div class="row pt-5 mt-30"> <div class="col-md-3 mb-4 pb-4"> <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:catalogo_de_servico"> 
-<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> + 
-  <div class="modal-dialog"> +<code> 
-    <div class="modal-content"> +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-clone fa-3x head-icon"></i></div> 
-      <div class="modal-header"> +              <div class="card-body text-center"> 
-        <h5 class="modal-title" id="exampleModalLabel">Aviso de Privacidade</h5> +                  <h3 class="card-title pt-1">Catálogo de Serviços</h3> 
-        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> +                  <p class="card-text text-sm">Serviços de infraestrutura prestados pela superintendência, requisitos de atendimento e prazos.</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-          <span aria-hidden="true">&times;</span> +              </div> 
-        </button>+          </a>
       </div>       </div>
-      <div class="modal-body"> +      <div class="col-md-3 mb-2 pb-2"> 
-        <b>O Governo do Estado de Rondônia</b>, por meio da Superintendência Estadual de Tecnologia da Informação e Comunicação (SETIC) responsável por exercer a coordenação, supervisão, orientação técnica e controle, em nível central, das atividades de Tecnologia da Informação e Comunicação (TIC) e transformação digital dos órgãos da Administração Pública Estadual Direta e Indireta, nos termos da Lei Complementar Estadual 965/2017. Considerando ainda sua responsabilidade como administração pública e visando o adequado tratamento de dados pessoais conforme legislação pertinente, <b>declara seu compromisso em cumprir os princípios das atividades de tratamento de dados pessoais e normas correlatas, atendendo à finalidade pública, na persecução do interesse público, com o objetivo de executar e cumprir suas competências e atribuições legais.</b> <br><br> +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:estatisticas"> 
-        Nesse contexto, apresenta a <a rel="noopener noreferrer" target="_blank" href="https://wiki.setic.ro.gov.br/doku.php?id=start:docs:politica_privacidade">Política de Privacidade</a> da SETIC e, logo abaixo, demais informações sobre o tratamento de cookies.<br><br> +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-area-chart fa-3x head-icon"></i></div> 
-        <b>O que são cookies?</b><br> + 
-        Cookies são arquivos armazenados nos computadores ou dispositivos móveis do usuário que, ao acessar uma página web, guardam e recuperam informações de navegação com intuito de proporcionar uma melhor experiência além de aprimorar os nossos serviços. Alguns cookies são classificados como necessários e permitem a funcionalidade central, como segurança, gerenciamento de rede e acessibilidade. Estes cookies podem ser coletados e armazenados assim que você inicia sua navegação ou quando usa algum recurso que os requer.<hr> +              <div class="card-body text-center"> 
-        <details> +                  <h3 class="card-title pt-1">Estatísticas de serviços</h3> 
-             <summary>Cookies Primários</summary> +                  <p class="card-text text-sm">Acompanhe nossas estatísticas através de plataformas de Inteligência de Negócios (BI) em tempo real.</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-                 <section><p>Alguns cookies serão colocados em seu dispositivo diretamente pelo nosso site - são conhecidos como <b>cookies primários</b>. Eles são essenciais para você navegar no site e usar seus recursos.</p><br> +              </div> 
-                  <div class="card-body"><b>Temporários:</b><p>Nós utilizamos cookies de sessão. Eles são temporários e expiram quando você fecha o navegador ou quando a sessão termina.</p><p class="card-important"><b>Finalidade:</b> estabelecer, por exemplo, controle de idioma e segurança ao tempo da sessão.</p><br><b>Persistentes:</b><p>Utilizamos também cookies persistentes que permanecem em seu disco rígido até que você os apague ou seu navegador o faça, dependendo da data de expiração do cookie. Todos os cookies persistentes têm uma data de expiração gravada em seu código, mas sua duração pode variar.</p><p class="card-important"><b>Finalidade:</b> coletam e armazenam a ciência sobre o uso de cookies no site.</p> +          </a>
-                  </div> +
-                </section> +
-          </details> +
-          <hr> +
-          <details> +
-              <summary>Cookies de Terceiros</summary> +
-                  <section><p>Outros cookies são colocados no seu dispositivo não pelo site que você está visitando, mas <b>por terceiros</b>, como, por exemplo, os sistemas analíticos.</p> +
-                     <div class="card-body"><b>Temporários:</b><p>Nós utilizamos cookies de sessão. Eles são temporários e expiram quando você fecha o navegador ou quando a sessão termina.</p><p class="card-important"><b>Finalidade:</b> coletam informações sobre como você usa o site, como as páginas que você visitou e os links em que clicou. Nenhuma dessas informações pode ser usada para identificá-lo. Seu único objetivo é possibilitar análises e melhorar as funções do site.</p><br><b>Persistentes:</b><p>Utilizamos também cookies persistentes que permanecem em seu disco rígido até que você os apague ou seu navegador o faça, dependendo da data de expiração do cookie. Todos os cookies persistentes têm uma data de expiração gravada em seu código, mas sua duração pode variar.</p><p class="card-important"><b>Finalidade:</b> coletam informações sobre como você usa o site, como as páginas que você visitou e os links em que clicou. Nenhuma dessas informações pode ser usada para identificá-lo. Seu único objetivo é possibilitar análises e melhorar as funções do site.</p> +
-                     </div> +
-                   </section> +
-              </details> +
-              Você pode desabilitá-los alterando as configurações do seu navegador, <b>mas saiba que isso pode afetar as funcionalidades do site.</b><br> +
-               +
-              <a rel="noopener noreferrer" target="_blank" href="https://support.google.com/chrome/answer/95647?co=GENIE.Platform%3DDesktop&amp;hl=pt-BR">Chrome</a><br> +
-              <a rel="noopener noreferrer" target="_blank" href="https://support.mozilla.org/pt-BR/kb/desative-cookies-terceiros-impedir-rastreamento">Firefox</a><br> +
-              <a rel="noopener noreferrer" target="_blank" href="https://support.microsoft.com/pt-br/microsoft-edge/excluir-cookies-no-microsoft-edge-63947406-40ac-c3b8-57b9-2a946a29ae09">Microsoft Edge</a><br> +
-              <a rel="noopener noreferrer" target="_blank" href="https://support.microsoft.com/pt-br/windows/excluir-e-gerenciar-cookies-168dab11-0753-043d-7c16-ede5947fc64d">Internet Explorer</a><br>+
       </div>       </div>
-      <div class="modal-footer">+      <div class="col-md-3 mb-2 pb-2"> 
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:quadro_de_competencias"> 
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-id-badge fa-3x head-icon"></i></div> 
 +              <div class="card-body text-center"> 
 +                  <h3 class="card-title pt-1">Quadro de competências</h3> 
 +                  <p class="card-text text-sm">Conheça os papéis e reponsabilidades das nossas equipes e os responsáveis por cada projeto.</p><span class="text-sm text-uppercase font-weight-bold"></span> 
 +              </div> 
 +          </a> 
 +      </div> 
 +      <div class="col-md-3 mb-2 pb-2"> 
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:milestones"> 
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-map-marker fa-3x head-icon"></i></div> 
 +              <div class="card-body text-center"> 
 +                  <h3 class="card-title pt-1">Milestones</h3> 
 +                  <p class="card-text text-sm">Milestones são eventos temporais importantes que tem influência e impacto nos resultados da instituição.</p><span class="text-sm text-uppercase font-weight-bold"></span> 
 +              </div> 
 +          </a> 
 +      </div> 
 +      <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> 
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:infovia"> 
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-sitemap fa-3x head-icon"></i></div> 
 +              <div class="card-body text-center"> 
 +                  <h3 class="card-title pt-1">Infovia</h3> 
 +                  <p class="card-text text-sm">Acompanhamento de métricas com plataforma de inteligência de negócios (BI).</p><span class="text-sm text-uppercase font-weight-bold"></span> 
 +              </div> 
 +          </a> 
 +      </div> 
 +      <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> 
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:docs"> 
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-folder-open fa-3x head-icon"></i></div>
  
-        <button type="button" class="btn btn-outline-dark" data-dismiss="modal">Fechar</button>+              <div class="card-body text-center"> 
 +                  <h3 class="card-title pt-1">Gerenciamentos</h3> 
 +                  <p class="card-text text-sm">Documentação disponibilizada para apoio à tomada de decisão.</p><span class="text-sm text-uppercase font-weight-bold"></span> 
 +               </div> 
 +          </a>
       </div>       </div>
-    </div> +       <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> 
-  </div> +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:docs:relatorios"> 
-</div>+              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-address-card-o fa-3x head-icon"></i></div>
  
 +              <div class="card-body text-center">
 +                  <h3 class="card-title pt-1">Relatórios</h3>
 +                  <p class="card-text text-sm">Relatorios de resultados e métricas da coordenadoria de infraestrutura.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +               </div>
 +          </a>
 +      </div>
 +       <div class="col-md-3 mb-2 pb-2 pt-4 mt-20">
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:pci">
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-slideshare fa-3x head-icon"></i></div>
  
-<a class="btn btn-outline-secondary btn-lg" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"> +              <div class="card-body text-center"> 
-Sobre o projeto +                  <h3 class="card-title pt-1">Palestras PCI-SETIC</h3> 
-</a> +                  <p class="card-text text-sm">Palestras realizadas através do Plano de Capacitação Institucional (PCI-SETIC).</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-<a href="https://atendimento.setic.ro.gov.br" target="_blank" class="btn btn-outline-primary btn-lg" type="button"> +               </div> 
-Solicite Atendimento +          </a> 
-</a> +      </div> 
-<a class="btn btn-outline-success btn-lg" type="button" data-toggle="collapse" data-target="#contats" aria-expanded="false" aria-controls="collapseExample">Nossos contatos</a> +      </div>
-<div class="collapse" id="collapseExample"> +
-  <div class="card card-body"> +
-    <p>A wiki centraliza documentação operacional e tática suportando as atividades da superintendência de tecnologia e disponível as demais secretarias, bem como a produção de manuais para orientar os usuários e guias de atendimento. A plataforma foi implementada e é gerida pelo Núcleo de Infraestrutura da <font color="#428BD4"> Superintendencia de Tecnologia da informação e Comuniação do Estado de Rondônia</font>.</p> +
-    <p>Gerente de infraestrutura: <font color="#428BD4">Gabriel Carrijo</font></p><p>Implementação e Planejamento do projeto: <font color="#428BD4">Gener Emanoel</font></p><p>Ano de implementação: <font color="#428BD4">2019</font></p> +
-</div> +
-</div> +
-<div class="collapse" id="contats"> +
-  <div class="card card-body"> +
-    <p><font color="#428BD4"><b>Telefone</b></font>: 3216-1028 / 3212-9500 </p> <p><font color="#428BD4"><b>VOIP</b></font>: 4000 </p> <font color="#F65E73"> <p>Após 13:30 telefone do plantonista para incidentes</font>: 98446-0144</p>  +
-</div> +
-</div> +
-<hr> +
-<ul class="nav nav-tabs"> +
-  <li class="nav-item"> +
-    <a class="nav-link active" data-toggle="tab" href="#home">Gerencial</a> +
-  </li> +
-  <li class="nav-item"> +
-    <a class="nav-link" data-toggle="tab" href="#menu1">Base de Conhecimento</a> +
-  </li> +
-  <li class="nav-item"> +
-    <a class="nav-link" data-toggle="tab"  href="#menu2">Documentação e Compliance</a> +
-  </li> +
-</ul>  +
-<div class="tab-content"> +
-<div class="tab-pane active" id="home"> +
-<br> +
- <div class="jumbotron jumbotron-fluid " id="home"> +
-  <div class="container"> +
-    <h1 class="display-4"> Gerencial</h1> +
-    <hr> +
-    <p class="lead">Documentação de orientação aos usuários, plataformas de inteligência de negócios para acompanhamento em <br>tempo real das estatísticas.</p> +
-  </div> +
-</div> +
-    <div class="row pt-5 mt-30"> +
-        <div class="col-md-3 mb-4 pb-4"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:catalogo_de_servico"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-clone fa-3x head-icon"></i></div> +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Catálogo de Serviços</h3> +
-                    <p class="card-text text-sm">Serviços de infraestrutura prestados pela superintendência, requisitos de atendimento e prazos.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                </div> +
-            </a> +
-        </div> +
-        <div class="col-md-3 mb-2 pb-2"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:estatisticas"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-area-chart fa-3x head-icon"></i></div> +
-                 +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Estatísticas de serviços</h3> +
-                    <p class="card-text text-sm">Acompanhe nossas estatísticas através de plataformas de Inteligência de Negócios (BI) em tempo real.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                </div> +
-            </a> +
-        </div> +
-        <div class="col-md-3 mb-2 pb-2"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:quadro_de_competencias"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-id-badge fa-3x head-icon"></i></div> +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Quadro de competências</h3> +
-                    <p class="card-text text-sm">Conheça os papéis e reponsabilidades das nossas equipes e os responsáveis por cada projeto.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                </div> +
-            </a> +
-        </div> +
-        <div class="col-md-3 mb-2 pb-2"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:milestones"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-map-marker fa-3x head-icon"></i></div> +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Milestones</h3> +
-                    <p class="card-text text-sm">Milestones são eventos temporais importantes que tem influência e impacto nos resultados da instituição.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                </div> +
-            </a> +
-        </div> +
-        <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:infovia"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-sitemap fa-3x head-icon"></i></div> +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Infovia</h3> +
-                    <p class="card-text text-sm">Acompanhamento de métricas com plataforma de inteligência de negócios (BI).</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                </div> +
-            </a> +
-        </div> +
-        <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:docs"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-folder-open fa-3x head-icon"></i></div> +
-                 +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Gerenciamentos</h3> +
-                    <p class="card-text text-sm">Documentação disponibilizada para apoio à tomada de decisão.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                 </div> +
-            </a> +
-        </div> +
-         <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:docs:relatorios"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-address-card-o fa-3x head-icon"></i></div> +
-                 +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Relatórios</h3> +
-                    <p class="card-text text-sm">Relatorios de resultados e métricas da coordenadoria de infraestrutura.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                 </div> +
-            </a> +
-        </div> +
-         <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:pci"> +
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-slideshare fa-3x head-icon"></i></div> +
-                 +
-                <div class="card-body text-center"> +
-                    <h3 class="card-title pt-1">Palestras PCI-SETIC</h3> +
-                    <p class="card-text text-sm">Palestras realizadas através do Plano de Capacitação Institucional (PCI-SETIC).</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-                 </div> +
-            </a> +
-        </div> +
-        </div> +
- </div>+
  
 +</code>
  
- 
-<div class="tab-pane fade" id="menu1"><br> 
- <div class="jumbotron jumbotron-fluid" id="menu1"> 
-  <div class="container"> 
-    <h1 class="display-4"> Base de conhecimento</h1> 
-    <hr> 
-    <p class="lead">Procedimentos, erros conhecidos, contatos de setores de TI, manuais de orientação aos usuários, tutoriais de como os serviços de infra foram elaborados entre outros.</p> 
-  </div> 
 </div> </div>
  
-<div class="row pt-5 mt-30"> +<div class="tab-pane fade" id="menu1"><br> <div class="jumbotron jumbotron-fluid" id="menu1">
-    <div class="col-md-3 mb-4 pb-4"> +
-    <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-wrench fa-3x head-icon"></i></div> +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Estruturação de serviços</h3> +
-                <p class="card-text text-sm">Documentação de estruturação e implementação dos sistemas e plataformas adotadas pela infraestrutura.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-            </div> +
-        </a> +
-    </div> +
-         +
-    <div class="col-md-3 mb-2 pb-2"> +
-    <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:rede"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-share-alt fa-3x head-icon"></i></div> +
-             +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Infraestrutura de Rede</h3> +
-                <p class="card-text text-sm">Documentação e relatórios de infraestrutura física e lógica de segurança e operações da SETIC</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-             </div> +
-        </a> +
-    </div> +
-         +
-    <div class="col-md-3 mb-2 pb-2"> +
-         <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:memoria_organizacional"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-stack-overflow fa-3x head-icon"></i></div> +
-             +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Memoria organizacional</h3> +
-                <p class="card-text text-sm">Documentação relacionada à equipe de desenvolvimento e seus respectivos processos internos.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-             </div> +
-        </a> +
-    </div> +
-             +
-     <div class="col-md-3 mb-2 pb-2"> +
-      <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:manuais_forms"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-book fa-3x head-icon"></i></div> +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Manuais</h3> +
-                <p class="card-text text-sm">instruções e orientações para utilização de serviços, facilitando as rotinas do usuário nas principais dúvidas.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-            </div> +
-        </a> +
-    </div> +
- +
-    <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-     <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:procedimentos"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-cogs fa-3x head-icon"></i></div> +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Procedimentos operacionais</h3> +
-                <p class="card-text text-sm">Documentação de rotinas de trabalho e como executar as atividades de cada setor.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-            </div> +
-        </a> +
-    </div> +
-    <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-        <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:erros_conhecidos"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-bug fa-3x head-icon"></i></div> +
-             +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Erros conhecidos</h3> +
-                <p class="card-text text-sm">Incidentes e problemas ocorridos na infraestrutura e plataformas.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-            </div> +
-        </a> +
-    </div> +
-      <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-         <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:contatos_secretarias"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-users fa-3x head-icon"></i></div> +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Contatos das TIs</h3> +
-                <p class="card-text text-sm">Contatos dos responsáveis de TI das secretarias e contatos de gabinete..</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-            </div> +
-        </a> +
-    </div>  +
- <div class="col-md-3 mb-2 pb-2 pt-4 mt-20"> +
-        <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:casesinfraestrutura"> +
-            <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-window-restore fa-3x head-icon"></i></div> +
-             +
-            <div class="card-body text-center"> +
-                <h3 class="card-title pt-1">Cases de infraestrutura</h3> +
-                <p class="card-text text-sm">Cases de implementação de soluções realizadas pelo setor de infraestrutura.</p><span class="text-sm text-uppercase font-weight-bold"></span> +
-             </div> +
-        </a> +
-    </div> +
- </div> +
  
 +<code>
 +<div class="container">
 +  <h1 class="display-4"> Base de conhecimento</h1>
 +  <hr>
 +  <p class="lead">Procedimentos, erros conhecidos, contatos de setores de TI, manuais de orientação aos usuários, tutoriais de como os serviços de infra foram elaborados entre outros.</p>
 +</div>
  
 +</code>
  
 +</div>
  
 +<div class="row pt-5 mt-30">
  
 +<code>
 +  <div class="col-md-3 mb-4 pb-4">
 +  <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-wrench fa-3x head-icon"></i></div>
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Estruturação de serviços</h3>
 +              <p class="card-text text-sm">Documentação de estruturação e implementação dos sistemas e plataformas adotadas pela infraestrutura.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +          </div>
 +      </a>
 +  </div>
  
 +  <div class="col-md-3 mb-2 pb-2">
 +  <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:rede">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-share-alt fa-3x head-icon"></i></div>
  
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Infraestrutura de Rede</h3>
 +              <p class="card-text text-sm">Documentação e relatórios de infraestrutura física e lógica de segurança e operações da SETIC</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +           </div>
 +      </a>
 +  </div>
  
 +  <div class="col-md-3 mb-2 pb-2">
 +       <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:memoria_organizacional">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-stack-overflow fa-3x head-icon"></i></div>
  
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Memoria organizacional</h3>
 +              <p class="card-text text-sm">Documentação relacionada à equipe de desenvolvimento e seus respectivos processos internos.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +           </div>
 +      </a>
 +  </div>
  
 +   <div class="col-md-3 mb-2 pb-2">
 +    <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:manuais_forms">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-book fa-3x head-icon"></i></div>
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Manuais</h3>
 +              <p class="card-text text-sm">instruções e orientações para utilização de serviços, facilitando as rotinas do usuário nas principais dúvidas.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +          </div>
 +      </a>
 +  </div>
  
 +</code>
  
 +<code>
 +  <div class="col-md-3 mb-2 pb-2 pt-4 mt-20">
 +   <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:procedimentos">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-cogs fa-3x head-icon"></i></div>
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Procedimentos operacionais</h3>
 +              <p class="card-text text-sm">Documentação de rotinas de trabalho e como executar as atividades de cada setor.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +          </div>
 +      </a>
 +  </div>
 +  <div class="col-md-3 mb-2 pb-2 pt-4 mt-20">
 +      <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:erros_conhecidos">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-bug fa-3x head-icon"></i></div>
  
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Erros conhecidos</h3>
 +              <p class="card-text text-sm">Incidentes e problemas ocorridos na infraestrutura e plataformas.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +          </div>
 +      </a>
 +  </div>
 +    <div class="col-md-3 mb-2 pb-2 pt-4 mt-20">
 +       <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:contatos_secretarias">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-users fa-3x head-icon"></i></div>
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Contatos das TIs</h3>
 +              <p class="card-text text-sm">Contatos dos responsáveis de TI das secretarias e contatos de gabinete..</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +          </div>
 +      </a>
 +  </div>
  
 +</code>
  
 +<div class="col-md-3 mb-2 pb-2 pt-4 mt-20">
  
 +<code>
 +      <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:casesinfraestrutura">
 +          <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><i class="fa fa-window-restore fa-3x head-icon"></i></div>
  
 +          <div class="card-body text-center">
 +              <h3 class="card-title pt-1">Cases de infraestrutura</h3>
 +              <p class="card-text text-sm">Cases de implementação de soluções realizadas pelo setor de infraestrutura.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +           </div>
 +      </a>
 +  </div>
  
 +</code>
  
 </div> </div>
  
-<div class="tab-pane fade" id="menu2"> 
-<br> 
-<div class="jumbotron jumbotron-fluid" id="menu2"> 
-  <div class="container"> 
-    <h1 class="display-4"> Documentação e Compliance</h1> 
-    <hr> 
-    <p class="lead">Documentação e politicas voltadas a estratégia e e funcionamento da instituição</p> 
-  </div> 
-</div> 
-<div class="row pt-5 mt-30"> 
-        <div class="col-md-3 mb-4 pb-4"> 
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:plano_diretorio"> 
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki.setic.ro.gov.br/lib/exe/fetch.php?t=1627311550&w=373&h=500&tok=e4a09c&media=pdti_2021.png" width="50" height="50" class="img-fluid" alt="img"></div> 
-                <div class="card-body text-center"> 
-                    <h3 class="card-title pt-1">PDTI 2021-2022</h3> 
-                    <p class="card-text text-sm">Plano diretor de Tecnologia da informação. Diretrizes e projetos voltados a TIC para o estado de rondônia.</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-                </div> 
-            </a> 
-        </div> 
-         
-        <div class="col-md-3 mb-4 pb-4"> 
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:docs:programa_privacidade"> 
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=prog_privacidade.png" width="50" height="50" class="img-fluid" alt="img"></div> 
-                <div class="card-body text-center"> 
-                    <h3 class="card-title pt-1">Programa de Governança em Privacidade</h3> 
-                    <p class="card-text text-sm">Diretrizes e orientações para privacidade e proteção de dados pessoais</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-                </div> 
-            </a> 
-        </div> 
-         
-         
-        <div class="col-md-3 mb-2 pb-2"> 
-            <a class="card" href="https://wiki.setic.ro.gov.br/doku.php?id=start:seguranca_informacao"> 
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki.setic.ro.gov.br/lib/exe/fetch.php?t=1627314714&w=363&h=500&tok=072558&media=psi_2021.png" width="50" height="50" class="img-fluid" alt="img"></div> 
-                 
-                <div class="card-body text-center"> 
-                    <h3 class="card-title pt-1">Política de Segurança da Informação</h3> 
-                    <p class="card-text text-sm">Guia de normas e boas praticas para prevenção de incidentes de segurança</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-                </div> 
-            </a> 
-        </div> 
-        <div class="col-md-3 mb-2 pb-2"> 
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:mit_manual_infovia"> 
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=mit_infovia.jpg" width="50" height="50" class="img-fluid" alt="img"></div> 
-                <div class="card-body text-center"> 
-                    <h3 class="card-title pt-1">Manual de Infraestrutura Técnica INFOVIA</h3> 
-                    <p class="card-text text-sm">Providências de infraestrutura necessárias à implantação dos serviços INFOVIA</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-                </div> 
-            </a> 
-        </div> 
-         
-        <div class="col-md-3 mb-4 pb-4"> 
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:docs:politica_privacidade"> 
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=start:docs:politica10.png" width="50" height="50" class="img-fluid" alt="img"></div> 
-                <div class="card-body text-center"> 
-                    <h3 class="card-title pt-1">Política de Privacidade</h3> 
-                    <p class="card-text text-sm">Preceitos gerais para o tratamento de dados pessoais</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-                </div> 
-            </a> 
-        </div> 
-         
-        <div class="col-md-3 mb-4 pb-4"> 
-            <a class="card" href="http://wiki.setic.ro.gov.br/doku.php?id=start:docs:portaria"> 
-                <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="#" width="50" height="50" class="img-fluid" alt="img"></div> 
-                <div class="card-body text-center"> 
-                    <h3 class="card-title pt-1">Portaria</h3> 
-                    <p class="card-text text-sm"> uso de suas atribuições legais, conferidas pelo Decreto de 01/01/2019</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-                </div> 
-            </a> 
-        </div> 
-  </div> 
 </div> </div>
  
 +<div class="tab-pane fade" id="menu2"> <br> <div class="jumbotron jumbotron-fluid" id="menu2">
  
-<script> +<code> 
-function setCookie(name,value,days) { +<div class="container"> 
-    var expires = ""; +  <h1 class="display-4"> Documentação e Compliance</h1> 
-    if (days) { +  <hr> 
-        var date = new Date(); +  <p class="lead">Documentação e politicas voltadas a estratégia e e funcionamento da instituição</p> 
-        date.setTime(date.getTime() + (days*24*60*60*1000)); +</div>
-        expires = "; expires=" + date.toUTCString(); +
-    } +
-    document.cookie = name + "=" + (value || "")  + expires + "; path=/"; +
-} +
-function getCookie(name) { +
-    var nameEQ = name + "="; +
-    var ca = document.cookie.split(';'); +
-    for(var i=0;i < ca.length;i++) { +
-        var c = ca[i]; +
-        while (c.charAt(0)==' ') c = c.substring(1,c.length); +
-        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); +
-    } +
-    return null; +
-}+
  
-function eraseCookie(name) {    +</code>
-    document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;'; +
-}+
  
-function cookieConsent() { +</div> <div class="row pt-5 mt-30">
-    if (!getCookie('allowCookies')) { +
-        $('.toast').toast('show') +
-    } +
-}+
  
-$('#btnDeny').click(()=>{ +<code> 
-    eraseCookie('allowCookies') +      <div class="col-md-3 mb-4 pb-4"> 
-    $('.toast').toast('hide') +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:plano_diretorio"> 
-})+              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?t=1627311550&w=373&h=500&tok=e4a09c&media=pdti_2021.png" width="50" height="50" class="img-fluid" alt="img"></div> 
 +              <div class="card-body text-center"> 
 +                  <h3 class="card-title pt-1">PDTI 2021-2022</h3> 
 +                  <p class="card-text text-sm">Plano diretor de Tecnologia da informação. Diretrizes e projetos voltados a TIC para o estado de rondônia.</p><span class="text-sm text-uppercase font-weight-bold"></span> 
 +              </div> 
 +          </a> 
 +      </div>
  
-$('#btnAccept').click(()=>{ +      <div class="col-md-3 mb-4 pb-4"> 
-    setCookie('allowCookies','1',7) +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:docs:programa_privacidade"> 
-    $('.toast').toast('hide') +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=prog_privacidade.png" width="50" height="50" class="img-fluid" alt="img"></div> 
-})+              <div class="card-body text-center"> 
 +                  <h3 class="card-title pt-1">Programa de Governança em Privacidade</h3> 
 +                  <p class="card-text text-sm">Diretrizes e orientações para privacidade e proteção de dados pessoais</p><span class="text-sm text-uppercase font-weight-bold"></span> 
 +              </div> 
 +          </a> 
 +      </div>
  
-// load +      <div class="col-md-3 mb-2 pb-2"> 
-cookieConsent()+          <a class="card" href="https://wiki-old.setic.ro.gov.br/doku.php?id=start:seguranca_informacao"> 
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?t=1627314714&w=363&h=500&tok=072558&media=psi_2021.png" width="50" height="50" class="img-fluid" alt="img"></div>
  
-// for demo / testing only +              <div class="card-body text-center"> 
-$('#btnReset').click(()=>{ +                  <h3 class="card-title pt-1">Política de Segurança da Informação</h3> 
-    // clear cookie to show toast after acceptance +                  <p class="card-text text-sm">Guia de normas e boas praticas para prevenção de incidentes de segurança</p><span class="text-sm text-uppercase font-weight-bold"></span> 
-    eraseCookie('allowCookies') +              </div> 
-    $('.toast').toast('show') +          </a> 
-}) +      </div> 
- +      <div class="col-md-3 mb-2 pb-2"> 
- +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:mit_manual_infovia"> 
- +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=mit_infovia.jpg" width="50" height="50" class="img-fluid" alt="img"></div> 
- +              <div class="card-body text-center"> 
-</script>+                  <h3 class="card-title pt-1">Manual de Infraestrutura Técnica INFOVIA</h3> 
 +                  <p class="card-text text-sm">Providências de infraestrutura necessárias à implantação dos serviços INFOVIA</p><span class="text-sm text-uppercase font-weight-bold"></span> 
 +              </div> 
 +          </a> 
 +      </div>
  
 +      <div class="col-md-3 mb-4 pb-4">
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=politica_privacidade">
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:docs:politica10.png" width="50" height="50" class="img-fluid" alt="img"></div>
 +              <div class="card-body text-center">
 +                  <h3 class="card-title pt-1">Política de Privacidade</h3>
 +                  <p class="card-text text-sm">Preceitos gerais para o tratamento de dados pessoais</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +              </div>
 +          </a>
 +      </div>
  
 +      <div class="col-md-3 mb-4 pb-4">
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:docs:portaria">
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="#" width="50" height="50" class="img-fluid" alt="img"></div>
 +              <div class="card-body text-center">
 +                  <h3 class="card-title pt-1">Portaria</h3>
 +                  <p class="card-text text-sm"> uso de suas atribuições legais, conferidas pelo Decreto de 01/01/2019</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +              </div>
 +          </a>
 +      </div>
 +       <div class="col-md-3 mb-4 pb-4">
 +          <a class="card" href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:docs:cartilha">
 +              <div class="box-shadow bg-white rounded-circle mx-auto text-center" style="width: 90px; height: 90px; margin-top: -45px;"><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:cartilha.png" width="50" height="50" class="img-fluid" alt="img"></div>
 +              <div class="card-body text-center">
 +                  <h3 class="card-title pt-1">Cartilha de Boas Práticas</h3>
 +                  <p class="card-text text-sm">Orientações aplicáveis a situações rotineiras no nosso ambiente de trabalho.</p><span class="text-sm text-uppercase font-weight-bold"></span>
 +              </div>
 +          </a>
 +      </div>
 +</div>
  
 +</code>
  
 +</div>
  
 </body> </body>
-     
- 
- 
  
 </html> </html>
  
start.1649687375.txt.gz · Última modificação: 2022/04/11 14:29 por Letícia Gondim

Ferramentas da página

Exceto onde for informado ao contrário, o conteúdo neste wiki está sob a seguinte licença: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki