teste 01 – Masterix

Anúncios

teste 01

Conocimiento reservado, sin pagar un solo sol, mientras otros gastan fortunas. Eso es lo que ofrecen estos cursos: formación certificada, oficial y gratuita. Tú decides si quedarte fuera… o entrar al círculo de quienes descubren esta ventaja.
Visa Sponsorship
Se trata de espacios virtuales o presenciales diseñados con contenidos dinámicos y útiles, capaces de complementar la trayectoria de estudiantes, trabajadores y emprendedores. Estas formaciones representan una alternativa accesible para quienes desean adquirir nuevas destrezas, explorar campos de interés y avanzar hacia objetivos personales o profesionales de manera organizada y práctica.
/* Estrutura do Grid */
.cursos-container {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3 colunas no Desktop */
gap: 20px;
padding: 20px;
font-family: ‘Roboto’, sans-serif;
}

/* Card do Curso */
.curso-card {
background: #FFFFFF;
border-radius: 15px;
padding: 20px;
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;
justify-content: space-between;
transition: transform 0.3s ease;
border: 1px solid #f0f0f0;
}

.curso-card:hover {
transform: translateY(-5px);
}

/* Imagem do Curso */
.curso-imagem {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 10px;
margin-bottom: 15px;
}

/* Textos */
.curso-nome {
font-size: 22px;
color: #333;
margin-bottom: 10px;
font-weight: 800;
}

.curso-descricao {
font-size: 15px;
color: #666;
line-height: 1.5;
margin-bottom: 20px;
}

/* Botão CTA (Mesmo design anterior) */
.curso-cta {
display: flex;
justify-content: center;
align-items: center;
background-color: #00FA9A !important;
color: #2F4F4F !important;
text-decoration: none;
padding: 18px 0;
font-weight: 800;
text-transform: uppercase;
border-radius: 12px;
transition: all 0.3s ease;
font-size: 16px;
text-align: center;
}

.curso-cta:hover {
background-color: #00E58C !important;
transform: scale(1.02);
}

/* Responsividade Mobile */
@media (max-width: 768px) {
.cursos-container {
grid-template-columns: 1fr; /* 1 coluna no Mobile */
}
}

Curso 1

Nome do Curso 1

Breve descrição sobre o que o usuário vai aprender ou os benefícios deste curso específico.

INSCREVA-SE

Curso 2

Nome do Curso 2

Breve descrição sobre o que o usuário vai aprender ou os benefícios deste curso específico.

INSCREVA-SE

Curso 3

Nome do Curso 3

Breve descrição sobre o que o usuário vai aprender ou os benefícios deste curso específico.

INSCREVA-SE

1

1

2

3

4