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


playground:testambient7

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
playground:testambient7 [2021/10/02 13:50]
Letícia Gondim
playground:testambient7 [2023/05/09 15:44] (atual)
Linha 14: Linha 14:
    
 .jumbotron{ .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;     background-size: cover;
     color: white;     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-transitionall 0.5s ease; 
-      <div class="card-header" id="headingOne"> +  transitionall 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>Userroot</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-transitionall 0.5s ease; 
-    </div> +  transitionall 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çãoPara extrair a chave, siga os seguintes passos:</p> +  position: absolute; 
-<p>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-transitionall 0.8s ease; 
-   </table> +  transition: all 0.8s ease; 
-<p>2 – Tecle “E”, e depois digite a ID do agente desejado.<br> +}
-    3 – 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>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> +
-1 – 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-size100px; 
-        <tr> +  opacity0.2; 
-            <td> +  bottom: -20px; 
-            # /var/ossec/bin/ossec-control restart +  right10px; 
-            </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_groupsSegue 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 issoO 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(4760, 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-shadow0 10px 25px rgba(4760780.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 Linuxe precisa ser instalado e configurado após a instalação do agente wazuhSegue 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-scannercom o editor de sua preferênciaabra o arquivo: /var/ossec/etc/ossec.conf. Feito issoprocure: “<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-animationmover 1s infinite alternate; 
-            <div class="row"> +          animationmover 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="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"> 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:glpi" class="card-link"><b> Acesse o documento</b></a> +
-                        </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"> +
-             +
-       +
-                            <iframe src="http://wiki.setic.ro.gov.br/doku.php?id=start:estruturacao_de_servicos:wikijs" allowfullscreen></iframe>+
  
-        </div> +.service-container:hover .number-icon .icon-2 { 
-    </div> +  background-color: #f89d36; 
-</div>+  border-radius: 50% !important; 
 +}
  
 +.service-container:hover .number-icon .icon-2 i {
 +  color: #ffffff !important;
 +}
  
 +.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 {
 +  0% {
 +    -webkit-transform: translateY(0);
 +            transform: translateY(0);
 +  }
 +  100% {
 +    -webkit-transform: translateY(-15px);
 +            transform: translateY(-15px);
 +  }
 +}
  
 +@keyframes mover {
 +  0% {
 +    -webkit-transform: translateY(0);
 +            transform: translateY(0);
 +  }
 +  100% {
 +    -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>
  
  
  
  
 +
 +<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> </html>
playground/testambient7.1633182632.txt.gz · Última modificação: 2022/01/25 15:26 (edição externa)