Diferenças

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

--- playground:testambient7 [2021/10/02 16:01]
Letícia Gondim
+++ playground:testambient7 [2023/05/09 15:44] (atual)
@@ Linha 14: / Linha 14: @@
 .jumbotron{
-    background-image: url("http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png");
+    background-image: url("http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:header-bg.png");
     background-size: cover;
     color: white;
@@ Linha 20: / Linha 20: @@
 }
+body{margin-top:20px;
+background:#eee;
+}
+.service-container {
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
-</style>
+.service-container .icon {
+  margin-top: 5%;
+  font-size: 38px;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+.service-container .number-icon .icon-2 {
+  height: 70px;
+  width: 70px;
+  line-height: 80px;
+  border-radius: 64% 36% 55% 45% / 76% 72% 28% 24% !important;
+  border-color: #f89d36 !important;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+.service-container .number-icon .icon-2 i {
+  font-size: 30px;
+}
+.service-container .number-icon .number {
+  position: absolute;
+  top: 0;
+  right: 70px;
+  left: 0;
+  height: 35px;
+  width: 35px;
+  margin: 0 auto;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+.service-container .number-icon .number span {
+  line-height: 30px;
+}
-<div class="jumbotron jumbotron-fluid">
+.service-container .content .number {
-    <div class="container">
+  font-size: 40px;
-      <h1 class="display-4"> Estruturação de Serviços</h1>
+  color: #dee2e6;
-      <hr>
+}
-      <p class="lead"> Documentação de estruturação e implementação dos sistemas e plataformas adotadas pela infraestrutura. </p>
-    </div>
-</div>
-<!--PILULAS VERTICIAS-->
-<div class="row">
-    <div class="col-3">
-        <div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist" aria-orientation="vertical">
-          <a class="nav-link active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab" aria-controls="v-pills-home" aria-selected="true"> Wazuh</a>
-          <a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false"> Zabbix</a>
-          <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages" role="tab" aria-controls="v-pills-messages" aria-selected="false"> GLPI</a>
-          <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#menu1" role="tab" aria-controls="v-pills-messages" aria-selected="false"> Metabase </a>
-          <a class="nav-link" id="v-pills-messages-tab" data-toggle="pill" href="#menu2" role="tab" aria-controls="v-pills-messages" aria-selected="false"> Wiki.js</a>
-        </div>
-   </div>
- <!--CARDS-->
-   <div class="col-9">
-        <div class="tab-content" id="v-pills-tabContent">
-            <div class="tab-pane fade show active" id="v-pills-home" role="tabpanel" aria-labelledby="v-pills-home-tab">
-<div class="accordion" id="accordionExample">
+.service-container .content .title {
-    <div class="card">
+  -webkit-transition: all 0.5s ease;
-      <div class="card-header" id="headingOne">
+  transition: all 0.5s ease;
-        <h2 class="mb-0">
+}
-          <div class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-           Configurações
-          </div>
-        </h2>
-      </div>
-      <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
-        <div class="card-body">
-<center>
-<table style="width:50%">
-   <table style="width:50%">
-    <tr>
-      <td>VM</td>
-      <td>VMware</td>
-    </tr>
-    <tr>
-        <td>Sistema</td>
-        <td>CentOS 7</td>
-    </tr>
-    <tr>
-        <td>Memória</td>
-        <td>8 GB</td>
-    </tr>
-    <tr>
-        <td>Disco</td>
-        <td>1 VHD 500GB</td>
-    </tr>
-    <tr>
-        <td>CPUs</td>
-        <td>4</td>
-    </tr>
-    <tr>
-        <td>Serviços Extensões Módulos</td>
-        <td>-> Kibana<br>->Logstash<br>->Elasticsearch<br>->Wazuh API<br>->Wazuh Manager<br>->Wazuh Agent</td>
-    </tr>
-    <tr>
-        <td>IP da VM</td>
-        <td>172.16.50.5</td>
-    </tr>
-    <tr>
-        <td>Porta SSH</td>
-        <td>51321 </td>
-    </tr>
-    <tr>
-        <td>User: root</td>
-        <td>Senha: Zxvc@1234</td>
-    </tr>
-    <tr>
-        <td>IP WEB</td>
-        <td>127.16.50.5:5601</td>
-    </tr>
-</table>
-</center>
-        </div>
+.service-container.hover-bg {
-      </div>
+  -webkit-transition: all 0.5s ease;
-    </div>
+  transition: all 0.5s ease;
-    <div class="card">
+}
-      <div class="card-header" id="headingTwo">
-        <h2 class="mb-0">
-          <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-            Adicionando Agente no Gerenciador Wazuh
-          </div>
-        </h2>
-      </div>
-      <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
-        <div class="card-body">
-          <h4>Adicionando Agente no Gerenciador Wazuh</h4><hr>
-<p>1 - No servidor Wazuh digite:</p>
-   <table>
-       <tr>
-           <td>/var/ossec/bin/manage_agents</td>
-       </tr>
-   </table>
-<p> A seguinte tela aparecerá</p>
-    <img src="http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=start:wazuh_captura.png"><p>
-<p>2 – Selecione A para adicionar um agente. Será solicitado o nome do agente (use o nome do host do agente ou outro nome arbitrário), depois digite o endereço IP do agente e posteriormente o ID do agente (esse campo pode ser deixado em branco para atribuir automaticamente um ID). Feito isso, confirme teclando “Y”.</p>
-<br>
-<h4>Extrair key do agente a ser adicionado</h4><hr>
+.service-container.hover-bg .smooth-icon {
-<p>Para a instalação do agente na máquina desejada, será necessário extrair a chave do agente no qual deseja efetuar a instalação. Para extrair a chave, siga os seguintes passos:</p>
+  position: absolute;
-<p>1 - No servidor Wazuh digite:</p>
+  bottom: -40px;
-   <table>
+  right: -20px;
-       <tr>
+  font-size: 60px;
-           <td>/var/ossec/bin/manage_agents</td>
+  color: #f8f9fa;
-       </tr>
+  -webkit-transition: all 0.8s ease;
-   </table>
+  transition: all 0.8s ease;
-<p>2 – Tecle “E”, e depois digite a ID do agente desejado.<br>
+}
-– Copie a Key para que seja usada no agente desejado.
-</p>
-        </div>
-      </div>
-    </div>
-    <div class="card">
-      <div class="card-header" id="headingThree">
-        <h2 class="mb-0">
-          <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-            Remover agente do servidor
-          </div>
-        </h2>
-      </div>
-      <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
-        <div class="card-body">
-          <h4>Remover agente do servidor</h4><hr>
-<p>1 - No servidor Wazuh digite:</p>
-   <table>
-       <tr>
-           <td>/var/ossec/bin/manage_agents</td>
-       </tr>
-   </table>
-<p>2 – Tecle “R”, e depois digite a ID do agente desejado. Feito isso, confirme teclando “Y”.</p>
-        </div>
+.service-container.hover-bg:hover {
-      </div>
+  background-color: #f89d36;
-    </div>
+}
-    <div class="card">
-    <div class="card-header" id="headingDois">
-      <h2 class="mb-0">
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseDois" aria-expanded="false" aria-controls="collapseDois">
-          Instalar agente windows
-        </div>
-      </h2>
-    </div>
-    <div id="collapseDois" class="collapse" aria-labelledby="headingDois" data-parent="#accordionExample">
-      <div class="card-body">
-       <h4>Instalar agente windows</h4><hr>
-<p>Para que o computador desejado seja monitorado pelo Wazuh, se faz necessário a instalação de um agente que será responsável pela comunicação entre o computador e o servidor Wazuh. Para efetuar a instalação em uma máquina Windows, siga os seguintes passos:
-</p><p>
-– Acesse o seguinte endereço para baixar o agente:<a href="https://documentation.wazuh.com/3.x/installation-guide/packages-list/index.html" class="text-decoration-none"> https://documentation.wazuh.com/3.x/installation-guide/packages-list/index.html </a>
-</p>
-<p>2 – Selecione o arquivo correspondente a versão para Windows e efetue o download.</p>
-<p>3 – Após o download, efetue a instalação do agente, concordando com os termos de uso, e ao final da instalação selecione a checkbox “<strong>Run Agent configuration interface</strong>” e dê enter.
+.service-container.hover-bg:hover .content .title {
-</p>
+  color: #ffffff !important;
-<p>4 – Com a tela do agente aberta, no campo “<strong>Manager IP</strong>” digite o endereço IP do servidor Wazuh, e no campo “<strong>Authentication Key</strong>” digite ou cole a Key extraída no servidor wazuh para o agente desejado. Feito isso, clique em “<strong>Save</strong>”.
+}
-</p>
-<p>5 – Para iniciar o monitoramento, clique em “<strong>Manager</strong>” e depois em “<strong>Start</strong>”. Feito isso, o computador estará registrado no servidor wazuh e começará a enviar os logs.
-</p>
-      </div>
-    </div>
-  </div>
-  <div class="card">
-    <div class="card-header" id="headingLinux">
-      <h2 class="mb-0">
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseLinux" aria-expanded="false" aria-controls="collapseLinux">
-            Instalar agente linux
-        </div>
-      </h2>
-    </div>
-    <div id="collapseLinux" class="collapse" aria-labelledby="headingLinux" data-parent="#accordionExample">
-      <div class="card-body">
-        <h4>Instalar agente linux</h4><hr>
-<p>Para efetuar a instalação do Wazuh no Linux, primeiro identifique a versão do seu S.O.</p>
-<p>A seguir, segue uma descrição de como instalar o agente wazuh em uma distribuição CentOS. Para demais distribuições, por favor acesse o seguinte link:<a href="https://documentation.wazuh.com/3.x/installation-guide/installing-wazuh-agent/index.html" class="text-decoration-none">https://documentation.wazuh.com/3.x/installation-guide/installing-wazuh-agent/index.html</a></p>
-<p>1 - O primeiro passo para instalar o agente Wazuh é adicionar o repositório Wazuh ao computador CentOS desejado. Para isso configure o repositório executando os seguintes comandos no terminal:</p>
-<table>
+.service-container.hover-bg:hover .content .serv-pera {
-     <tr>
+  color: #fafafb !important;
-         <td># cat> /etc/yum.repos.d/wazuh.repo <<\EOF<br>
+}
-            [wazuh_repo]<br>
-            gpgcheck=1<br>
-            gpgkey=https://packages.wazuh.com/key/GPG-KEY-WAZUH<br>
-            enabled=1<br>
-            name=Wazuh repository<br>
-            baseurl=https://packages.wazuh.com/3.x/yum/<br>
-            protect=1<br>
-            EOF</td>
-     </tr>
- </table>
-<p>2 – Ainda no terminal, execute o seguinte comando para a instalação:</p>
-  <table>
-      <tr>
-          <td>
-            # yum install wazuh-agent
-          </td>
-      </tr>
-  </table>
-<p>3- Após a instalação, efetuaremos o registro do agente. Para isso, no terminal, execute o seguinte comando:</p>
-  <table>
-        <tr>
-            <td>
-            # /var/ossec/bin/manage_agents
-            </td>
-        </tr>
-    </table>
-<p>A seguinte tela aparecerá:</p>
-<img src="http://wiki.setic.ro.gov.br/lib/exe/fetch.php?media=start:printwazuh002.png"><p>
-<p>4 – Pressione a tecla “I” e dê Enter. Após isso, cole ou digite a Key extraída no servidor wazuh para o agente desejado. Confirme a adição teclando “Y”. Feito isso, digite “Q” e tecle Enter para sair da configuração.</p>
-<p>5 – Edite o arquivo de configuração “<strong>Ossec.conf</strong>” para adicionar o endereço IP do servidor Wazuh. Para isso, digite no terminal:</p>
-    <table>
-        <tr>
-            <td>
-            # vim /var/ossec/etc/ossec.conf
-            </td>
-        </tr>
-    </table>
-    <p>Na sessão <strong>cliente</strong>, altere o <strong>MANAGER IP</strong> para o endereço do Servidor Wazuh.
-<p>6 – Reinicie o agente com o seguinte comando:</p>
+.service-container.hover-bg:hover .smooth-icon {
-    <table>
+  font-size: 100px;
-        <tr>
+  opacity: 0.2;
-            <td>
+  bottom: -20px;
-            # /var/ossec/bin/ossec-control restart
+  right: 10px;
-            </td>
+}
-        </tr>
-    </table><p>
-      </div>
-    </div>
-</div>
-<div class="card">
-    <div class="card-header" id="headingGrupos">
-      <h2 class="mb-0">
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseGrupos" aria-expanded="false" aria-controls="collapseGrupos">
-            Atribuindo agentes a grupos
-        </div>
-      </h2>
-    </div>
-    <div id="collapseGrupos" class="collapse" aria-labelledby="headingGrupos" data-parent="#accordionExample">
-        <div class="card-body">
-            <h4>Atribuindo agentes a grupos</h4><hr>
-            <p>Depois que um agente for adicionado ao gerenciador, você pode atribui-lo a um grupo usando a ferramenta agente_groups. Segue abaixo um exemplo de como atribuir um agente com ID 002 ao grupo 'Servidores_Detic' usando estes métodos:</p>
-            <p>1 – No servidor Wazuh digite o seguinte comando no terminal:</p>
-            <table>
-                <tr>
-                    <td>
-                        # /var/ossec/bin/agent_groups -a -i 002 -g Servidores_Detic
-                    </td>
-                </tr>
-            </table><p>
-        </div>
-    </div>
-</div>
-<div class="card">
-    <div class="card-header" id="headingAlertas">
-      <h2 class="mb-0">
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseAlertas" aria-expanded="false" aria-controls="collapseAlertas">
-            Configurando alertas por e-mail
-        </div>
-      </h2>
-    </div>
-    <div id="collapseAlertas" class="collapse" aria-labelledby="headingAlertas" data-parent="#accordionExample">
-        <div class="card-body">
-            <h4>Configurando alertas por e-mail</h4><hr>
-            <p>Como o servidor SMTP da DETIC utiliza autenticação, uma retransmissão do servidor precisará ser configurada, pois o Wazuh não suporta isso. O postfix pode ser configurado para fornecer esse recurso. O guia a seguir descreve a configuração mínima necessária para usar o Postfix para enviar e-mails.</p>
-            <p>1 – Instale os pacotes necessários, utilizando o seguinte comando:</p>
-            <table>
-                <tr>
-                    <td>
-                        # yum update && yum install postfix mailx cyrus-sasl cyrus-sasl-plain
-                    </td>
-                </tr>
-            </table><p>
-                <p>2 – Após a instalação, iremos configurar o Postfix editando o seguinte arquivo: /etc/postfix/main.cf</p>
-                <p>3 – Adicione ao final do arquivo “main.cf” as seguintes linhas:</p>
-            <table>
-                <tr>
-                    <td>
-                        relayhost = [smtp2.detic.ro.gov.br]:587\\<br>
-                        smtp_sasl_auth_enable = yes\\<# echo [smtp2.detic.ro.gov.br]:587 SEU_EMAIL@detic.ro.gov.br:SUA_SENHA> /etc/postfix/sasl_passwd
-                        # postmap /etc/postfix/sasl_passwd
-                        # chmod 400 /etc/postfix/sasl_passwd
-                        smtp_sasl_password_maps = hash:/etc/postfix/sasl_passwd\\<br>
-                        smtp_sasl_security_options = noanonymous\\<br>
-                        smtp_tls_CAfile = /etc/ssl/certs/ca-bundle.crt\\<br>
-                        smtp_use_tls = yes
-                    </td>
-                </tr>
-            </table><p>
-                <p>4 – Configure o e-mail e a senha utilizada para o envio dos e-mails usando os seguintes comandos:</p>
-            <table>
-                <tr>
-                    <td>
-                        # echo [smtp2.detic.ro.gov.br]:587 SEU_EMAIL@detic.ro.gov.br:SUA_SENHA> /etc/postfix/sasl_passwd<br>
-                        # postmap /etc/postfix/sasl_passwd<br>
-                        # chmod 400 /etc/postfix/sasl_passwd<br>
-                        # postmap /etc/postfix/sasl_passwd<br>
-                        # chmod 400 /etc/postfix/sasl_passwd
-                    </td>
-                </tr>
-            </table><p>
-                <p>5 – Para proteger a senha do banco de dados, utilize os seguintes comandos:</p>
-            <table>
-                <tr>
-                    <td>
-                      # chown root:root /etc/postfix/sasl_passwd /etc/postfix/sasl_passwd.db<br>
-                      # chmod 0600 /etc/postfix/sasl_passwd /etc/postfix/sasl_passwd.db
-                    </td>
-                </tr>
-            </table><p>
-                <p>6 – Reinicie o Postfix:</p>
-            <table>
-                <tr>
-                    <td>
-                       # systemctl reload postfix
-                    </td>
-                </tr>
-            </table><p>
-                <p>7 – Para configurar o Wazuh para enviar os alertas de e-mail, as configurações de e-mail devem ser configuradas na seção < global > do arquivo “ossec.conf”. Para isso, utilizando o editor de sua preferência, edite o arquivo /var/ossec/etc/ossec.conf. No campo < global>, deixe o arquivo da seguinte maneira:</p>
-            <table>
-                <tr>
-                    <td>
-                        <global>
-                         < jsonout_output>yes < /jsonout_output><br>
-                         < alerts_log>yes < /alerts_log><br>
-                         < logall>no < /logall><br>
-                         < logall_json>no < /logall_json><br>
-                         < email_notification>yes < /email_notification><br>
-                         < smtp_server>localhost < /smtp_server><br>
-                         < email_from>SEU_EMAIL@detic.ro.gov.br < /email_from><br>
-                         < email_to>EMAIL_DESTINO@detic.ro.gov.br < /email_to><br>
-                         < email_maxperhour>12 < /email_maxperhour><br>
-                        < /global>
-                    </td>
-                </tr>
-            </table><p>
-                <p>8 – Após a configuração acima, precisamos definir o nível mínimo de alerta que irá acionar um e-mail. Por padrão, o nível é definido como 7. Se desejar mudar, basta alterar o número referente ao nível dentro do campo: < email_alert_level >. No exemplo abaixo, definiremos o nível mínimo como 10:</p>
-            <table>
-                <tr>
-                    <td>
-                       < ossec_config><br>
-                           < alerts><br>
-                                < email_alert_level>10< /email_alert_level><br>
-                           < /alerts<br>
-                           ...<br>
-                        < /ossec_config>
-                    </td>
-                </tr>
-            </table><p>
-                <p>9 – Ao final da edição do arquivo “ossec.conf”, precisamos reiniciar o wazuh-manager. Para isso, utilizaremos o seguinte comando:</p>
-            <table>
-                <tr>
-                    <td>
-                        # systemctl restart wazuh-manager
-                    </td>
-                </tr>
-            </table><p>
-        </div>
-    </div>
-</div>
-<div class="card">
+.service-container:hover {
-    <div class="card-header" id="headingScanner">
+  background-color: #ffffff;
-      <h2 class="mb-0">
+  -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseScanner" aria-expanded="false" aria-controls="collapseScanner">
+          box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
-            Instalando e configurando Openscap Scanner
+}
-        </div>
-      </h2>
-    </div>
-    <div id="collapseScanner" class="collapse" aria-labelledby="headingScanner" data-parent="#accordionExample">
-        <div class="card-body">
-            <h4>Instalando e configurando Openscap Scanner</h4><hr>
-            <p>O OpenScap Scanner funciona somente em máquinas Linux, e precisa ser instalado e configurado após a instalação do agente wazuh. Segue abaixo os passos para a instalação:</p>
-            <p>1 – No agente desejado, efetue a instalação do open-scap scanner utilizando o seguinte comando:</p>
-            <table>
-                <tr>
-                    <td>
-                      # yum install openscap-scanner
-                    </td>
-                </tr>
-            </table><p>
-                <p>2 – Após a instalação do openscap-scanner, com o editor de sua preferência, abra o arquivo: /var/ossec/etc/ossec.conf. Feito isso, procure: “<strong>< wodle name=“open-scap”>” e altere o campo “< disabled>no < /disabled>” para “< disabled>yes < /disabled></strong>”.</p>
-            <p>3 – Salve o arquivo e reinicie o ossec-control com o seguinte comando:</p>
-            <table>
-                <tr>
-                    <td>
-                       # /var/ossec/bin/ossec-control restart
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</div>
-             </div>
+.service-container:hover .icon {
-            </div>
+  color: #f89d36;
-        <div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
+  -webkit-animation: mover 1s infinite alternate;
-            <div class="row">
+          animation: mover 1s infinite alternate;
-                <div class="col-md-4 mb-3 pb-3">
+}
-                    <div class="card h-100">
-                        <div class="card-body">
-                            <h5 class="card-title"><font color="#428BD4"> Instalação e configuração </font></h5>
-                            <p class="card-text">DESCRIÇÃO</p>
-                            <hr>
-                            <a href="http://wiki.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:zabbix_alerta_email" class="card-link"><b> Acesse o documento</b></a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="tab-pane fade" id="v-pills-messages" role="tabpanel" aria-labelledby="v-pills-messages-tab">
-<div class="accordion" id="accordionExample">
-    <div class="card">
-    <div class="card-header" id="headingWiki">
-      <h2 class="mb-0">
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseWiki" aria-expanded="false" aria-controls="collapseWiki">
-            Requisitos
-        </div>
-      </h2>
-    </div>
-    <div id="collapseWiki" class="collapse" aria-labelledby="headingWiki" data-parent="#accordionExample">
-      <div class="card-body">
-        <h4>Requisitos</h4><hr>
-        <li>Servidor web: apache 2 ou Nginx</li>
-        <li>Sistema Operacional: CentOS7</li>
-        <li>PHP: Versão 5.6 ou mais recente</li>
-        <li>Banco de dados:Maria DB 10 (minimo) ou</li>
-        <li>Extensões obrigatórias: Curl, fileinfo, gd, json, mbstring, mysqli, session, zlib, simplexml, xml.</li>
-        <li>Extensões recomendáveis:cli, domxml, imap, openssl, xmlrpc, APCu.</li>
-        <li>Configuração: 4 cores, 8gb de Ram, 140 Gb de armazenamento.</li>
-        <li>Recomendações: limitar consulta aberta de banco de dados (select), limitar resultados (ex: os 50 primeiros)</li><br>
-        <p>Configuração do arquivo php.ini</p>
-        <table>
-            <tr>
-                <td>
-                    memory_limit = 64M;        // max memory limit<br>
-                    file_uploads = on;<br>
-                    max_execution_time = 600;  // not mandatory but adviced<br>
-                    register_globals = off;    // not mandatory but adviced<br>
-                    magic_quotes_sybase = off;<br>
-                    session.auto_start = off;<br>
-                    session.use_trans_sid = 0; // not mandatory but adviced
-                </td>
-            </tr>
-        </table>
-      </div>
-    </div>
-</div>
-<div class="card">
-    <div class="card-header" id="headingExample1">
-      <h2 class="mb-0">
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample1">
-            Informações da VM
-        </div>
-      </h2>
-    </div>
-    <div id="collapseExample1" class="collapse" aria-labelledby="headingExample1" data-parent="#accordionExample">
-        <div class="card-body">
-            <h4>Informações da VM</h4><hr>
-            <table>
-                <tr>
-                    <td>Nome</td>
-                    <td>AWB154_DETIC_CL06</td>
-                </tr>
-                <tr>
-                    <td>Hostname</td>
-                    <td>SOBREIRO</td>
-                </tr>
-                <tr>
-                    <td>IP</td>
-                    <td>172.16.0.190</td>
-                </tr>
-                <tr>
-                    <td>PORTA SSH</td>
-                    <td>51321</td>
-                </tr>
-                <tr>
-                    <td>Cores</td>
-                    <td>4</td>
-                </tr>
-                <tr>
-                    <td>Memoria RAM</td>
-                    <td>8</td>
-                </tr>
-                <tr>
-                    <td>Disco</td>
-                    <td>150 GB</td>
-                </tr>
-                <tr>
-                    <td>Login</td>
-                    <td>Padrão DETIC</td>
-                </tr>
-                <tr>
-                    <td>Database root</td>
-                    <td>rott</td>
-                </tr>
-                <tr>
-                    <td>Database passaword</td>
-                    <td>trh!169KHYC</td>
-                </tr>
-                <tr>
-                    <td>Database user glpi</td>
-                    <td>glpi</td>
-                </tr>
-                <tr>
-                    <td>Database password glpi</td>
-                    <td>trh!169KHYC</td>
-                </tr>
-                <tr>
-                    <td>webuser</td>
-                    <td>glpi</td>
-                </tr>
-                <tr>
-                    <td>webpassword</td>
-                    <td>Soeusei@123</td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</div>
-<div class="card">
+.service-container:hover .number-icon .icon-2 {
-    <div class="card-header" id="headingExample2">
+  background-color: #f89d36;
-      <h2 class="mb-0">
+  border-radius: 50% !important;
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseExample2" aria-expanded="false" aria-controls="collapseExample2">
+}
-            Instalação GLPI servidor CentOS
-        </div>
-      </h2>
-    </div>
-    <div id="collapseExample2" class="collapse" aria-labelledby="headingExample2" data-parent="#accordionExample">
-        <div class="card-body">
-            <h4>Instalação GLPI servidor CentOS</h4><hr>
-            <p>1 - Instalação dos pacotes php e apache obrigatórios</p>
-            <table>
-                <tr>
-                    <td>
-                        yum install ca-certificates apache2 libapache2-mod-php php-cli php php-gd php-imap php-ldap php-mysql php-soap php-xmlrpc zip unzip bzip2 unrar-free php-snmp php-curl php-json php-memcached php-dev php-mbstring php-apcu-bc php-pear-CAS php-opcache -y
-                    </td>
-                </tr>
-            </table><p>
-            <p>2 - copiar pasta do GLPI para /var/www/html</p>
-            <table>
-                <tr>
-                    <td>
-                        cp -Rf glpi /var/www/html
-                    </td>
-                </tr>
-            </table><p>
-            <p>3 - Editar arquivo /etc/httpd/conf/httpd.conf adicionar no arquivo o trecho</p>
-            <table>
-                <tr>
-                    <td>
-                        DocumentRoot "/var/www/html/glpi"<br>
-                        < Directory "/var/www/html/glpi"><br>
-                        AllowOverride All<br>
-                        < /Directory>
-                    </td>
-                </tr>
-            </table><p>
-            <p>4 - Permissão para os arquivos</p>
-            <table>
-                <tr>
-                    <td>
-                        # chmod 775 /var/www/html -Rf<br>
-                        # chown apache. /var/www/html -Rf
-                    </td>
-                </tr>
-            </table><p>
-            <p>5 - Acessar e criar banco de dados</p>
-            <table>
-                <tr>
-                    <td>
-                        #mysql -u root -p<br>
-                        mysql> create database glpi;<br>
-                        mysql> create user 'glpi'@'localhost' identified by 'trh!169KHYC';<br>
-                        mysql> grant all on glpi.* to glpi identified by 'trh!169KHYC';<br>
-                        mysql> quit;
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</div>
-<div class="card">
+.service-container:hover .number-icon .icon-2 i {
-    <div class="card-header" id="headingExample3">
+  color: #ffffff !important;
-      <h2 class="mb-0">
+}
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseExample3" aria-expanded="false" aria-controls="collapseExample3">
-            Continuar instalação através do navegador
-        </div>
-      </h2>
-    </div>
-    <div id="collapseExample3" class="collapse" aria-labelledby="headingExample3" data-parent="#accordionExample">
-        <div class="card-body">
-            <h4>Continuar instalação através do navegador</h4><hr>
-            <p>1 - Acessar o GLPI através do navegador pelo IP ou domínio</p>
-            <p>2 - Selecionar idioma</p>
-            <p>3 - verificar lista de dos requisitos de instalação e continuar se todos os requisitos estiverem ok, do contrário realizar as instalações de dependências que for solicitado.</p>
-            <p>4 - Conectar com o banco de dados usando o usuário e senha criados no passo 5.</p>
-            <p>5 - Instalação finalizada.</p>
-        </div>
-    </div>
-</div>
-</div>
-        </div>
-        <div class="tab-pane fade" id="menu1" role="tabpanel" aria-labelledby="v-pills-messages-tab">
-            <div class="row">
-                <div class="col-md-4 mb-3 pb-3">
-                    <div class="card h-100">
-                        <div class="card-body">
-                            <h5 class="card-title"><font color="#428BD4"> TITULO </font></h5>
-                            <p class="card-text">DESCRIÇÃO</p>
-                            <hr>
-                            <a href="http://wiki.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:metabase" class="card-link"><b> Acesse o documento</b></a>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <div class="tab-pane fade" id="menu2" role="tabpanel" aria-labelledby="v-pills-messages-tab">
-<div class="accordion" id="accordionExample">
-    <div class="card">
-    <div class="card-header" id="headingWiki">
-      <h2 class="mb-0">
-        <div class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseWiki" aria-expanded="false" aria-controls="collapseWiki">
-            Instalar agente linux
-        </div>
-      </h2>
-    </div>
-    <div id="collapseWiki" class="collapse" aria-labelledby="headingWiki" data-parent="#accordionExample">
-      <div class="card-body">
-        <h4>Configuração da plataforma</h4><hr>
-<p>Requisitos</p>
-<p>PostgreSQL 9.5 ou superior - Node.JS 14.0 ou superior - Proxy reverso para o apontamento DNS</p>
-<p>Este manual considera PostgreSQL 13.0 e NodeJS 16.6.0, sendo executados num ambiente Debian 10.</p>
-<p>{.is-info}</p>
-<h5>Configuração do PostgreSQL</h5>
-<p>1. Primeiramente, atualize o sistema operacional ```` sudo apt update sudo apt -y upgrade ````</p>
-<p>2. Após a instalação das atualizações, reinicie o server ```` sudo reboot ````</p>
-<p>3. Antes de configurar o repositório, importe a chave GPG utilizada para a assinatura dos pacotes ```` sudo apt update sudo apt -y install gnupg2 wget –quiet -O -<a href="https://www.postgresql.org/media/keys/ACCC4CF8.asc " class="text-decoration-none">https://www.postgresql.org/media/keys/ACCC4CF8.asc</a>| sudo apt-key add - ````</p>
-<p>4. Adicione o repositório do PostgreSQL ```` echo “deb<a href="http://apt.postgresql.org/pub/repos/apt/" class="text-decoration-none">http://apt.postgresql.org/pub/repos/apt/</a>`lsb_release -cs`-pgdg main” |sudo tee /etc/apt/sources.list.d/pgdg.list ````</p>
-<p>5. Verifique se o repositório foi adicionado corretamente usando o comando `cat` ```` $ cat /etc/apt/sources.list.d/pgdg.list deb<a href="http://apt.postgresql.org/pub/repos/apt/" class="text-decoration-none"> http://apt.postgresql.org/pub/repos/apt/</a> buster-pgdg main ````</p>
-<p>6. Atualize a lista de pacotes do sistema ```` sudo apt update ````</p>
-<p>7. Instale o PostgreSQL ```` sudo apt -y install postgresql-13 postgresql-client-13 ````</p>
-<p>8. Inicie o servidor do BD ```` sudo pg_ctlcluster 13 main start ````</p>
-<p>9. Confirme o status do serviço utilizando o `journalctl` ```` $ systemctl status postgresql@13-main.service ● postgresql@13-main.service - PostgreSQL Cluster 13-main</p>
-<table>
-     <tr>
-         <td>
-          Loaded: loaded (/lib/systemd/system/postgresql@.service; enabled-runtime; vendor preset: enabled)<br>
- Active: active (running) since Fri 2020-10-30 11:27:01 CET; 2min 11s ago
-         </td>
-     </tr>
- </table>
-<p>Main PID: 4209 (postgres)</p>
-  <table>
-      <tr>
-          <td>
-            Tasks: 7 (limit: 4580)
- Memory: 18.1M<br>
- CGroup: /system.slice/system-postgresql.slice/postgresql@13-main.service<br>
-         ├─4209 /usr/lib/postgresql/13/bin/postgres -D /var/lib/postgresql/13/main -c config_file=/etc/postgresql/13/main/postgresql.conf<br>
-         ├─4211 postgres: 13/main: checkpointer<br>
-         ├─4212 postgres: 13/main: background writer<br>
-         ├─4213 postgres: 13/main: walwriter<br>
-         ├─4214 postgres: 13/main: autovacuum launcher<br>
-         ├─4215 postgres: 13/main: stats collector<br>
-         └─4216 postgres: 13/main: logical replication launcher
-          </td>
-      </tr>
-  </table>
-<p>Oct 30 11:26:59 debian systemd[1]: Starting PostgreSQL Cluster 13-main… Oct 30 11:27:01 debian systemd[1]: Started PostgreSQL Cluster 13-main. ````</p>
-<p>10. Inicie o prompt do PostgreSQL ```` $ sudo su - postgres postgres@debian:~$ psql psql (13.0 (Debian 13.0-1.pgdg100+1)) Type “help” for help.</p>
-<p>postgres=# ````</p>
-<p>11. Altere a senha do usuário `postgres` ```` postgres=# alter user postgres with password 'S3nh4F0rt3'; ````</p>
-<p>12. Crie um usuário no BD para a wiki ```` postgres=# CREATE ROLE adminwiki WITH SUPERUSER CREATEDB CREATEROLE LOGIN ENCRYPTED PASSWORD 'S3nh4F0rt3'; ````</p>
-<p>13. Você pode conferir quais os usuários existentes com o comando `\du` ```` postgres-# \du</p>
-  <table>
-        <tr>
-            <td>
-            List of roles
-            </td>
-        </tr>
-    </table>
-<p>Role name | Attributes | Member of ————+————————————————————+———– adminwiki | Superuser, Create role, Create DB | {} postgres | Superuser, Create role, Create DB, Replication, Bypass RLS | {} ````</p>
-<p>14. Crie o banco de dados ```` postgres-# CREATE DATABASE wiki; ````</p>
-<p>15. Dê privilégios de acesso ao banco recém-criado para o usuário criado anteriormente ```` postgres-# GRANT ALL PRIVILEGES ON DATABASE wiki TO adminwiki; ````</p>
-<p>16. Você pode conferir quais os usuários existentes com o comando `\l` ```` postgres-# \l</p>
-    <table>
-        <tr>
-            <td>
-             List of databases<br>
- Name    |  Owner   | Encoding |   Collate   |    Ctype    |   Access privileges
-            </td>
-        </tr>
-    </table>
-    <p>———–+———-+———-+————-+————-+———————– wiki | postgres | UTF8 | en_US.UTF-8 | en_US.UTF-8 | =Tc/postgres +</p>
-    <table>
-        <tr>
-            <td>
-            |   |   | postgres=CTc/postgres+<br>
-            |   |   | navjot=CTc/postgres
-            </td>
-        </tr>
-    </table>
-    <p>postgres | postgres | UTF8 | en_US.UTF-8 | en_US.UTF-8 | template0 | postgres | UTF8 | en_US.UTF-8 | en_US.UTF-8 | =c/postgres +</p>
-     <table>
-        <tr>
-            <td>
-            |   |   | postgres=CTc/postgres
-            </td>
-        </tr>
-    </table>
-    <p>template1 | postgres | UTF8 | en_US.UTF-8 | en_US.UTF-8 | =c/postgres +</p>
-     <table>
-        <tr>
-            <td>
-            |   |   | postgres=CTc/postgres
-            </td>
-        </tr>
-    </table>
-    <p>(4 rows) ````</p>
-    <p>17. Edite o arquivo `pg_hba.conf`, alterando o método de login para `md5` ```` # TYPE DATABASE USER ADDRESS METHOD</p>
-    <p># IPv4 local connections: host all all 127.0.0.1/32 md5 ````</p>
-    <p>Modelo para referência ```` # USER can be “all”, a user name, a group name prefixed with “+”, or a # comma-separated list thereof. In both the DATABASE and USER fields # you can also write a file name prefixed with “@” to include names # from a separate file. # # ADDRESS specifies the set of hosts the record matches. It can be a # host name, or it is made up of an IP address and a CIDR mask that is # an integer (between 0 and 32 (IPv4) or 128 (IPv6) inclusive) that # specifies the number of significant bits in the mask. A host name # that starts with a dot (.) matches a suffix of the actual host name. # Alternatively, you can write an IP address and netmask in separate # columns to specify the set of hosts. Instead of a CIDR-address, you # can write “samehost” to match any of the server's own IP addresses, # or “samenet” to match any address in any subnet that the server is # directly connected to. # # METHOD can be “trust”, “reject”, “md5”, “password”, “scram-sha-256”, # “gss”, “sspi”, “ident”, “peer”, “pam”, “ldap”, “radius” or “cert”. # Note that “password” sends passwords in clear text; “md5” or # “scram-sha-256” are preferred since they send encrypted passwords. # # OPTIONS are a set of options for the authentication in the format # NAME=VALUE. The available options depend on the different # authentication methods – refer to the “Client Authentication” # section in the documentation for a list of which options are # available for which authentication methods. # # Database and user names containing spaces, commas, quotes and other # special characters must be quoted. Quoting one of the keywords # “all”, “sameuser”, “samerole” or “replication” makes the name lose # its special character, and just match a database or username with # that name. # # This file is read on server startup and when the server receives a # SIGHUP signal. If you edit the file on a running system, you have to # SIGHUP the server for the changes to take effect, run “pg_ctl reload”, # or execute “SELECT pg_reload_conf()”. # # Put your actual configuration here # ———————————- # # If you want to allow non-local connections, you need to add more # “host” records. In that case you will also need to make PostgreSQL # listen on a non-local interface via the listen_addresses # configuration parameter, or via the -i or -h command line switches.</p>
-    <p># TYPE DATABASE USER ADDRESS METHOD</p>
-    <p># “local” is for Unix domain socket connections only local all all peer # IPv4 local connections: host all all 127.0.0.1/32 md5 # IPv6 local connections: host all all ::1/128 md5 # Allow replication connections from localhost, by a user with the # replication privilege. local replication all peer host replication all 127.0.0.1/32 ident host replication all ::1/128 ident ````</p>
-    <p>18. Reinicie o serviço para que as configurações entrem em vigor ```` systemctl restart postgresql@13-main.service ````</p>
-    <h5>Configuração do Node.js</h5>
-    <p>1. Baixe o repositório do Node.js utilizando o `curl` ```` curl -sL<a href="https://deb.nodesource.com/setup_16.x" class="text-decoration-none">https://deb.nodesource.com/setup_16.x</a>| bash - ````</p>
-    <p>2. Instale o Node.js utilizando o `apt` ```` apt install nodejs ````</p>
-    <p>3. Confira a versão instalada com o comando: ```` $ node –version v16.6.0 ````</p>
-    <h5>Instalação da plataforma</h5>
-     <p>1. Faça download do release ```` wget<a href="https://github.com/Requarks/wiki/releases/download/2.5.201/wiki-js.tar.gz" class="text-decoration-none">https://github.com/Requarks/wiki/releases/download/2.5.201/wiki-js.tar.gz </a></p>
-     <p>2. Crie uma pasta e descompacte os arquivos ```` mkdir wiki tar xzf wiki-js.tar.gz -C ./wiki cd ./wiki ````</p>
-     <p>3. Renomeie o arquivo de configuração ```` mv config.sample.yml config.yml ````</p>
-     <p>4. Abra o arquivo de configuração para editá-lo ```` nano config.yml ````</p>
-     <p>Modelo para referência ``# Wiki.js - CONFIGURATION # # Full documentation + examples: #<a href="https://docs.requarks.io/install" class="text-decoration-none">https://docs.requarks.io/install</a></p>
-     <p># ——————————————————————— # Port the server should listen to # ———————————————————————</p>
-     <p>port: 3000</p>
-     <p># ——————————————————————— # Database # ——————————————————————— # Supported Database Engines: # - postgres = PostgreSQL 9.5 or later # - mysql = MySQL 8.0 or later (5.7.8 partially supported, refer to docs) # - mariadb = MariaDB 10.2.7 or later # - mssql = MS SQL Server 2012 or later # - sqlite = SQLite 3.9 or later</p>
-     <p>db:</p>
-     <table>
-                <tr>
-                    <td>
-                        type: postgres
-                    </td>
-                </tr>
-            </table><p>
-            <table>
-                <tr>
-                    <td>
-                        # PostgreSQL / MySQL / MariaDB / MS SQL Server only:<br>
-                        host: localhost<br>
-                        port: 5432<br>
-                        user: wikijs<br>
-                        pass: wikijsrocks<br>
-                        db: wiki<br>
-                        ssl: false
-                    </td>
-                </tr>
-            </table><p>
-            <table>
-                <tr>
-                    <td>
-                        # Optional - PostgreSQL / MySQL / MariaDB only:
-                        # -> Uncomment lines you need below and set `auto` to false<br>
-                        # -> Full list of accepted options: https://nodejs.org/api/tls.html#tls_tls_createsecurecontext_options<br>
-                        sslOptions:<br>
-                        auto: true<br>
-                        # rejectUnauthorized: false<br>
-                        # ca: path/to/ca.crt<br>
-                        # cert: path/to/cert.crt<br>
-                        # key: path/to/key.pem<br>
-                        # pfx: path/to/cert.pfx<br>
-                        # passphrase: xyz123
-                    </td>
-                </tr>
-            </table><p>
-            <table>
-                <tr>
-                    <td>
-                        # SQLite only:<br>
-                        storage: path/to/database.sqlite
-                    </td>
-                </tr>
-            </table><p>
-            <p>####################################################################### # ADVANCED OPTIONS # ####################################################################### # Do not change unless you know what you are doing!</p>
-            <p># ——————————————————————— # SSL/TLS Settings # ——————————————————————— # Consider using a reverse proxy (e.g. nginx) if you require more # advanced options than those provided below.</p>
-            <p>ssl</p>
-        <table>
-                <tr>
-                    <td>
-                        enabled: false<br>
-                        port: 3443
-                    </td>
-                </tr>
-            </table><p>
-             <table>
-                <tr>
-                    <td>
-                        # Provider to use, possible values: custom, letsencrypt<br>
-                        provider: custom
-                    </td>
-                </tr>
-            </table><p>
-             <table>
-                <tr>
-                    <td>
-                        # ++++++ For custom only ++++++<br>
-                        # Certificate format, either 'pem' or 'pfx':<br>
-                        format: pem<br>
-                        # Using PEM format:<br>
-                        key: path/to/key.pem<br>
-                        cert: path/to/cert.pem<br>
-                        # Using PFX format:<br>
-                        pfx: path/to/cert.pfx<br>
-                        # Passphrase when using encrypted PEM / PFX keys (default: null):<br>
-                        passphrase: null<br>
-                        # Diffie Hellman parameters, with key length being greater or equal<br>
-                        # to 1024 bits (default: null):<br>
-                        dhparam: null<br>
-                    </td>
-                </tr>
-            </table><p>
-            <table>
-                <tr>
-                    <td>
-                        # ++++++ For letsencrypt only ++++++<br>
-                        domain: wiki.yourdomain.com<br>
-                        subscriberEmail: admin@example.com<br>
-                    </td>
-                </tr>
-            </table><p>
-            <p># ——————————————————————— # Database Pool Options # ——————————————————————— # Refer to<a href="https://github.com/vincit/tarn.js" class="text-decoration-none"> https://github.com/vincit/tarn.js</a> for all possible options</p>
-            <p>pool</p>
-            <table>
-                <tr>
-                    <td>
-                        # min: 2<br>
-                        # max: 10
-                    </td>
-                </tr>
-            </table><p>
-            <p># ——————————————————————— # IP address the server should listen to # ——————————————————————— # Leave 0.0.0.0 for all interfaces</p>
-            <p>bindIP: 0.0.0.0</p>
-            <p># ——————————————————————— # Log Level # ——————————————————————— # Possible values: error, warn, info (default), verbose, debug, silly</p>
-            <p>logLevel: info</p>
-            <p># ——————————————————————— # Offline Mode # ——————————————————————— # If your server cannot access the internet. Set to true and manually # download the offline files for sideloading.</p>
-            <p>offline: false</p>
-            <p># ——————————————————————— # High-Availability # ——————————————————————— # Set to true if you have multiple concurrent instances running off the # same DB (e.g. Kubernetes pods / load balanced instances). Leave false # otherwise. You MUST be using PostgreSQL to use this feature.</p>
-            <p>ha: false</p>
-            <p># ——————————————————————— # Data Path # ——————————————————————— # Writeable data path used for cache and temporary user uploads. dataPath: ./data ````</p>
-            <p>5. Por razões de segurança, nós queremos que o serviço seja executado por um usuário sem privilégios. Para tal, criaremos um usuário e grupo respectivo. ```` groupadd -r wikijs useradd -r -s /bin/false -g wikijs wikijs chown -R wikijs:wikijs < /var/wiki/> ````</p>
-            <p>6. Crie o serviço ```` vim /etc/systemd/system/wiki.service ````</p>
-            <p>Modelo para referência ```` [Unit] Description=Wiki.js After=network.target</p>
-            <p>[Service] Type=simple ExecStart=/usr/bin/node server Restart=always # Consider creating a dedicated user for Wiki.js here: User=nobody Environment=NODE_ENV=production WorkingDirectory=/var/wiki</p>
-            <p>[Install] WantedBy=multi-user.target ````</p>
-            <p>7. Antes de prosseguir, é necessário recarregar o systemd ```` systemctl daemon-reload ````</p>
-            <p>8. Ative e inicie o serviço ```` systemctl enable –now wiki ````</p>
-            <p>9. Para acompanhar o status de execução do serviço, use o `journalctl` ```` journalctl -u wiki ````</p>
-            <h5>Controle de versões</h5>
-            <table>
-                <tr>
-                    <td>Revisão</td>
-                    <td>Autor</td>
-                    <td>Data</td>
-                    <td>Observações</td>
-                </tr>
-                <tr>
-                  <td>-</td>
-                  <td>-</td>
-                  <td>-</td>
-                  <td>-</td>
-                </tr>
-                 <tr>
-                  <td>1</td>
-                  <td>Ives Lima</td>
-                  <td>01/08/2021</td>
-                  <td>-</td>
-                </tr>
-            </table><p>
-      </div>
-    </div>
-</div>
-</div>
-        </div>
-    </div>
-</div>
+.service-container:hover .number-icon .number {
+  color: #ffffff;
+  background: #f89d36 !important;
+  border-color: #ffffff !important;
+}
+.service-container:hover .content .title {
+  color: #f89d36;
+}
+.service-container a:hover,
+.service-container a .title:hover {
+  color: #f89d36 !important;
+}
+@-webkit-keyframes mover {
+% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+% {
+    -webkit-transform: translateY(-15px);
+            transform: translateY(-15px);
+  }
+}
+@keyframes mover {
+% {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+% {
+    -webkit-transform: translateY(-15px);
+            transform: translateY(-15px);
+  }
+}
+.service-wrapper {
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+.service-wrapper .icon {
+  width: 60px;
+  height: 60px;
+  line-height: 40px;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+.service-wrapper .content .title {
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+  font-weight: 500;
+}
+.service-wrapper .big-icon {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  opacity: 0.05;
+  -webkit-transition: all 0.5s ease;
+  transition: all 0.5s ease;
+}
+.service-wrapper:hover {
+  -webkit-box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
+          box-shadow: 0 10px 25px rgba(47, 60, 78, 0.15) !important;
+  background: #ffffff;
+  -webkit-transform: translateY(-8px);
+          transform: translateY(-8px);
+  border-color: transparent !important;
+}
+.service-wrapper:hover .icon {
+  background: #0062ff !important;
+  color: #ffffff !important;
+}
+.service-wrapper:hover .big-icon {
+  z-index: -1;
+  opacity: 0.1;
+  font-size: 160px;
+}
+.text-custom {
+    color: #0062ff !important;
+}
+.uim-svg {
+    display: inline-block;
+    height: 1em;
+    vertical-align: -0.125em;
+    font-size: inherit;
+    fill: var(--uim-color, currentColor);
+}
+</style>
@@ Linha 946: / Linha 233: @@
+<div class="jumbotron jumbotron-fluid">
+    <div class="container">
+      <h1 class="display-4"> Estruturação de Serviços</h1>
+      <hr>
+      <p class="lead"> Documentação de estruturação e implementação dos sistemas e plataformas adotadas pela infraestrutura. </p>
+    </div>
+</div>
+<div class="container">
+    <div class="row justify-content-center">
+        <div class="col-12">
+            </div>
+        </div><!--end col-->
+    </div><!--end row-->
+    <div class="row">
+        <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
+            <div class="card service-wrapper rounded border-0 shadow p-4">
+                <div class="icon text-center text-custom h1 shadow rounded bg-white">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=playground:wazuh-orig.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+                <div class="content mt-4">
+                    <h5 class="title">Wazuh</h5>
+                    <p class="text-muted mt-3 mb-0">Ferramenta de segurança de endpoint para monitoramento, detecção e geração de relatórios quantitativos de alertas gerados nos hosts.</p>
+                    <div class="mt-3">
+                        <a href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:wazuh" class="text-custom">Read More <i class="mdi mdi-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="big-icon h1 text-custom">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=playground:wazuh-orig.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+            </div>
+        </div><!--end col-->
+        <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
+            <div class="card service-wrapper rounded border-0 shadow p-4">
+                <div class="icon text-center text-custom h1 shadow rounded bg-white">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=playground:zabbix123.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+                <div class="content mt-4">
+                    <h5 class="title">Zabbix</h5>
+                    <p class="text-muted mt-3 mb-0">Ferramenta de monitoramento de redes, servidores e serviços, responsável pelo envio de alertas em caso de interrupções abruptas</p>
+                    <div class="mt-3">
+                        <a href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:zabbix_alerta_email" class="text-custom">Read More <i class="mdi mdi-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="big-icon h1 text-custom">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=playground:zabbix123.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+            </div>
+        </div><!--end col-->
+        <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
+            <div class="card service-wrapper rounded border-0 shadow p-4">
+                <div class="icon text-center text-custom h1 shadow rounded bg-white">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?t=1624901130&w=400&h=400&tok=7fde6b&media=start:glpi.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+                <div class="content mt-4">
+                    <h5 class="title">GLPI</h5>
+                    <p class="text-muted mt-3 mb-0">Plataforma para automação do atendimento, gerenciamento de incidentes, projetos, catalogo de serviços. </p>
+                    <div class="mt-3">
+                        <a href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:glpi" class="text-custom">Read More <i class="mdi mdi-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="big-icon h1 text-custom">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?t=1624901130&w=400&h=400&tok=7fde6b&media=start:glpi.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+            </div>
+        </div><!--end col-->
+        <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
+            <div class="card service-wrapper rounded border-0 shadow p-4">
+                <div class="icon text-center text-custom h1 shadow rounded bg-white">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:metabase.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+                <div class="content mt-4">
+                    <h5 class="title">Metabase</h5>
+                    <p class="text-muted mt-3 mb-0">Solução open-source de business intelligence que permite construção, análise e compartilhamento de gráficos e dashboards </p>
+                    <div class="mt-3">
+                        <a href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:metabase" class="text-custom">Read More <i class="mdi mdi-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="big-icon h1 text-custom">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=start:metabase.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+            </div>
+        </div><!--end col-->
+        <div class="col-lg-4 col-md-6 col-12 mt-4 pt-2">
+            <div class="card service-wrapper rounded border-0 shadow p-4">
+                <div class="icon text-center text-custom h1 shadow rounded bg-white">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=wiki:dokuwiki-128.png" width="40" height="40" class="img-fluid" alt="img"></span>
+                </div>
+                <div class="content mt-4">
+                    <h5 class="title">Wiki.js</h5>
+                    <p class="text-muted mt-3 mb-0">Plataforma de gestão da informação com objetivo de padronizar, centralizar e controlar o acesso a documentação técnica e gerencial.</p>
+                    <div class="mt-3">
+                        <a href="http://wiki-old.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:wikijs" class="text-custom">Read More <i class="mdi mdi-chevron-right"></i></a>
+                    </div>
+                </div>
+                <div class="big-icon h1 text-custom">
+                    <span class="uim-svg" style=""><img src="http://wiki-old.setic.ro.gov.br/lib/exe/fetch.php?media=wiki:dokuwiki-128.png" width="50" height="45" class="img-fluid" alt="img"></span>
+                </div>
+            </div>
+        </div><!--end col-->
+    </div><!--end row-->
+</div>
 </html>

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

Ferramentas do usuário

Ferramentas do site

Diferenças

Ferramentas da página