Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/souzvitor/webcard-responsivo


https://github.com/souzvitor/webcard-responsivo

Last synced: about 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# Web Card Responsivo

Este projeto é um exemplo de cartões de perfil responsivos usando Bootstrap 5 e CSS personalizado. Os cartões são projetados para fornecer uma visualização clara e atraente de informações com links para o WhatsApp.

## Estrutura do Projeto

O repositório contém:

- **`index.html`**: O arquivo HTML principal que contém a estrutura dos cartões.
- **`style.css`**: O arquivo CSS que define o estilo dos cartões e da página.
- **`imagens/`**: Pasta contendo as imagens usadas nos cartões e o ícone da página.

## Funcionamento

A página utiliza o framework Bootstrap 5 para garantir que os cartões sejam responsivos e se ajustem a diferentes tamanhos de tela. O CSS personalizado adiciona efeitos de transição e estiliza os cartões.

### Cards:

1. **Ambiental**
- Licença Prévia (LP), Licença de Instalação (LI), Licença de Operação (LO), Certificado de Dispensa de Licença (CDL), Declaração de Atividade Isenta de Licenciamento (DAIL), e Gestão de licenças ambientais.

2. **Mineração**
- Consultoria de Lavra, Prospecção, Pesquisa, Avaliação, Exploração. Diagnóstico e formulação de soluções relacionadas aos empreendimentos minerais instalados e licenciamento para exploração.

3. **Consultoria SST**
- Laudo de Insalubridade (NR-15), Laudo de Periculosidade (NR-16), Laudo de Instalações Elétricas (NR-10), Laudo de Vasos de Pressão (NR-13), Laudo de Máquinas (NR-12), Laudo de Ruído.

4. **Jailson Monteiro**
- Engenheiro, químico com ênfase ambiental, consultor de SST e de Química. 20 anos de experiência como consultor de SST e 10 anos de experiência como consultor ambiental no segmento químico.

## Tecnologias Utilizadas

- **HTML**: Estruturação do conteúdo da página.
- **CSS**: Estilização e personalização dos cartões.
- **Bootstrap 5**: Framework para garantir responsividade e layout.
- **Fontes**: Bootstrap e ícones personalizados.

## Como Usar

1. Clone o repositório:
```bash
git clone https://github.com/SouzVitor/webcard-responsivo.git