Eu, enquanto pessoa que está interessada em fazer uma doação para a vagalume, quero, logo na home, entender melhor como posso colaborar com a instituição.
[x] Texto: Você pode ajudar na criação de bibliotecas em comunidades rurais na Amazônia e, com isso, incentivar a gestão comunitária e a valorização da cultura local!
[x] Pessoa física:
Lei Rouanet
Compra de Produtos Vagalume
Voluntariado
Participação em eventos e divulgação
[x] Pessoa jurídica:
Lei Rouanet
Patrocínio
Doações para projetos
[x] Posição: o bloco "Como colaborar" deve vir logo após o bloco "O que fazemos"
Heading tags
[x] H3: Título "Como colaborar"
[x] H4: Títulos "Pessoa Física" e "Pessoa Jurídica"
Critérios de aceitação
Cenário 1
Dado que uma pessoa que acessa a home da Vagalume
e o dispositivo que ela está utilizando tem uma tela com largura maior do que 768px
Quando ela chega no bloco com o título "Como colaborar"
Então ele vê um fundo #fdb913
e o título "Como colaborar"
e um parágrafo de texto
e uma coluna com as informações para "Pessoa Física" (ver Escopo) com um botão "Faça Parte"
e uma coluna com as informações para "Pessoa Jurídica" (ver Escopo) com um botão "Faça Parte"
Cenário 2
Dado que uma pessoa que acessa a home da Vagalume
e o dispositivo que ela está utilizando tem uma tela com largura maior do que 768px
Quando clica no botão "Faça Parte" da coluna "Pessoa Física"
Eu, enquanto pessoa que está interessada em fazer uma doação para a vagalume, quero, logo na home, entender melhor como posso colaborar com a instituição.
Escopo
[x] Layout Desktop: https://zpl.io/anoNmZY
[x] Layout Mobile: https://zpl.io/VkDJ9GW
[x] Texto: Você pode ajudar na criação de bibliotecas em comunidades rurais na Amazônia e, com isso, incentivar a gestão comunitária e a valorização da cultura local!
[x] Posição: o bloco "Como colaborar" deve vir logo após o bloco "O que fazemos"
Heading tags
[x] H3: Título "Como colaborar"
[x] H4: Títulos "Pessoa Física" e "Pessoa Jurídica"
Critérios de aceitação
Cenário 1
Dado que uma pessoa que acessa a home da Vagalume
e o dispositivo que ela está utilizando tem uma tela com largura maior do que 768px
Quando ela chega no bloco com o título "Como colaborar"
Então ele vê um fundo
#fdb913e o título "Como colaborar"
e um parágrafo de texto
e uma coluna com as informações para "Pessoa Física" (ver Escopo) com um botão "Faça Parte"
e uma coluna com as informações para "Pessoa Jurídica" (ver Escopo) com um botão "Faça Parte"
Cenário 2
Dado que uma pessoa que acessa a home da Vagalume
e o dispositivo que ela está utilizando tem uma tela com largura maior do que 768px
Quando clica no botão "Faça Parte" da coluna "Pessoa Física"
Então ela é direciona para a url http://doe.vagalume.org.br/includes/doar.php
Cenário 3
Dado que uma pessoa que acessa a home da Vagalume
e o dispositivo que ela está utilizando tem uma tela com largura maior do que 768px
Quando clica no botão "Faça Parte" da coluna "Pessoa Jurídica"
Então ela é direciona para a url http://vagalume.org.br/interna/42/doe-empresas
Cenário 4
Dado que uma pessoa que acessa a home da Vagalume
e o dispositivo que ela está utilizando tem uma tela com largura menor ou igual 768px
Quando ela chega no bloco com o título "Como colaborar"
Então ele vê um fundo #fdb913
e o título "Como colaborar"
e um parágrafo de texto
e o texto "PESSOA FÍSICA" na cor
#FFFFFFsublinhado com um fioe o texto "PESSOA JURÍDICA" na cor
#aa6a01e uma lista não numerada com 4 itens (ver Escopo - informações pessoa física)
e uma botão "Faça Parte"
Cenário 5
Dado que uma pessoa que está visualizando o bloco "Como colaborar"
e o dispositivo que ela está utilizando tem uma tela com largura menor ou igual 768px
e o texto "PESSOA FÍSICA" está na cor
#FFFFFFcom um fio embaixoQuando ela toca no texto "PESSOA JURÍDICA"
Então o texto "PESSOA FÍSICA" passa a ter a cor
#aa6a01e o texto "PESSOA JURÍDICA" passa a ter a cor
#FFFFFF