HTML

Serviços

Consultoria

Oferecemos uma análise detalhada dos planos de saúde disponíveis no mercado.

Planos Personalizados

Encontre o plano que se adapta às suas necessidades e ao seu orçamento.

Avaliação de Coberturas

Vamos ajudá-lo a avaliar as coberturas e vantagens de cada plano.

O que nossos clientes dizem

“Agora tenho um plano de saúde que realmente atende às minhas necessidades!”

– João Silva

“O atendimento foi excelente e o plano ideal para minha família foi encontrado rapidamente.”

– Maria Oliveira

2. Estilizando com CSS Agora, vamos passar para a parte de estilo. Usaremos CSS para garantir que o layout tenha uma aparência atraente e profissional. styles.css css Copiar código /* Resetando algumas propriedades padrão */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: Arial, sans-serif; line-height: 1.6; background-color: #f4f4f4; } /* Cabeçalho */ header { background-color: #333; color: white; padding: 20px; display: flex; justify-content: space-between; align-items: center; } header .logo img { width: 150px; } nav ul { list-style: none; display: flex; } nav ul li { margin-left: 20px; } nav ul li a { color: white; text-decoration: none; font-size: 18px; } nav ul li a:hover { text-decoration: underline; } /* Banner Principal */ .banner { background-color: #0073e6; color: white; padding: 80px 0; text-align: center; } .banner h1 { font-size: 36px; margin-bottom: 20px; } .banner p { font-size: 20px; margin-bottom: 40px; } .cta-button { background-color: #ff9900; color: white; padding: 15px 30px; border-radius: 5px; text-decoration: none; font-size: 18px; } .cta-button:hover { background-color: #cc7a00; } /* Seção de Serviços */ #servicos { padding: 60px 0; text-align: center; } #servicos h2 { font-size: 32px; margin-bottom: 40px; } .cards { display: flex; justify-content: space-around; } .card { background-color: white; padding: 20px; width: 250px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 5px; } .card h3 { font-size: 24px; margin-bottom: 10px; } .card p { font-size: 16px; } /* Depoimentos */ #depoimentos { background-color: #eaeaea; padding: 60px 0; text-align: center; } #depoimentos h2 { font-size: 32px; margin-bottom: 40px; } .depoimentos { display: flex; justify-content: space-around; } .depoimento { background-color: white; padding: 20px; width: 300px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); border-radius: 5px; } /* Rodapé */ footer { background-color: #333; color: white; padding: 40px 0; text-align: center; } footer nav ul { list-style: none; display: flex; justify-content: center; margin-top: 20px; } footer nav ul li { margin-left: 20px; } footer nav ul li a { color: white; text-decoration: none; } footer nav ul li a:hover { text-decoration: underline; }