[
{
"path": ".gitignore",
"content": "*Thumbs.db"
},
{
"path": "README.md",
"content": "```\n _ _ _ _ _ __ \n| |_ ___ | | | | ___ | | (_) \\ \\ \n| ' \\ / -_) | | | | / _ \\ |_| _ | |\n|_||_| \\___| |_| |_| \\___/ (_) ( ) | |\n |/ /_/ \n```\n# Teste para candidatos à vaga de desenvolvedor Front-end\n\n### Instruções\n\n1. Criar o HTML/CSS responsivo com base no layout navegável. \n\n2. Nós queremos avaliar o seu nível de conhecimento em design responsivo (Responsive Web Design) usando HTML5, CSS3 e grids. Caso queira, utilize pré-processadores (Less, SASS ou Stylus, esse último é o nosso favorito :D).\n\n3. O grid do layout é baseado no Grid System do Bootstrap 3, mas não copie todo o bootstrap 3 para o projeto. Nós queremos ver você fazendo os breakpoints e as modificações dependendo do device. \n\n4. Não tenha pressa! Iremos avaliar a qualidade do seu código, mesmo incompleto e principalmente a sua semântica.\n\n### Material \n\n* Desktop: https://invis.io/N83OWYCZ5\n* Mobile: https://invis.io/ZA3PCIES4\n* Tablet e monitores menores: https://invis.io/9Y3PCJ06B\n* *OBS*: estas mesmas imagens ficam na pasta \"layouts\".\n\n### Atenção\n\n* Os recortes das imagens estão na pasta \"slices\", mas você é livre para usar um http://lorempixel.com da vida no lugar.\n* Hospede o CSS dentro da pasta \"css\".\n* Não é necessário fazer o carrossel/rotate funcionar.\n* Não é necessário que a fonte seja exatamente a mesma usada na arte. Se quiser mantê-la, é a \"Helvetica\". ;)\n* É permitido usar qualquer editor de código e consultar a internet.\n* Suporte de Browsers: IE9+, Chrome, Safari, Firefox.\n\n### Links úteis\n\n* Grid: http://getbootstrap.com/css/#grid\n* Paleta de cores usadas no layout: https://color.adobe.com/pt/teste-folha-web-color-theme-6584765/\n* Mussum Ipsum (gerador de lorem ipsum do Mussum): http://mussumipsum.com/\n\nAo terminar o teste, solicite um pull request. \n\nEm caso de dúvidas, envie e-mail para l-tec-recrutamento-frontend@grupofolha.com.br.\n\n**Boa sorte!**\n"
},
{
"path": "index.html",
"content": "\n\n \n \n \n Folha de S.Paulo\n \n \n\n \n\n \n \n \n \n\n"
},
{
"path": "instrucoes-leia_me.txt",
"content": " _ _ _ _ _ __ \n | |_ ___ | | | | ___ | | (_) \\ \\ \n | ' \\ / -_) | | | | / _ \\ |_| _ | |\n |_||_| \\___| |_| |_| \\___/ (_) ( ) | |\n |/ /_/ \n\nTeste para candidatos à vaga de desenvolvedor Front-end na Folha de S.Paulo\n\nInstruções:\n\n- Criar o HTML/CSS responsivo com base no layout navegável. \n\nNós queremos avaliar o seu nível de conhecimento em design responsivo (Responsive Web Design) usando HTML5, CSS3 e grids. Caso queira, utilize pré-processadores (Less, SASS ou Stylus, esse último é o nosso favorito :D).\n\nO grid do layout é baseado no Grid System do Bootstrap 3, mas não copie todo o bootstrap 3 para o projeto. Nós queremos ver você fazendo os breakpoints e as modificações dependendo do device. \n\nNão tenha pressa! Iremos avaliar a qualidade do seu código, mesmo incompleto e principalmente a sua semântica.\n\nDesktop:\nhttps://invis.io/N83OWYCZ5\n\nMobile:\nhttps://invis.io/ZA3PCIES4\n\nTablet e monitores menores:\nhttps://invis.io/9Y3PCJ06B\n\nSe precisar, essas mesmas imagens ficam na pasta \"layouts\".\n\nAtenção:\n\n- Os recortes das imagens estão na pasta \"slices\", mas você é livre para usar um http://lorempixel.com da vida no lugar.\n- Hospede o CSS dentro da pasta \"css\".\n- Não é necessário fazer o carrossel/rotate funcionar.\n- Não é necessário que a fonte seja exatamente a mesma usada na arte. Se quiser mantê-la, é a \"Helvetica\". ;)\n- É permitido usar qualquer editor de código e consultar a internet.\n\nSuporte de Browsers: IE9+, Chrome, Safari, Firefox.\n\nÚteis:\n\nGrid:\nhttp://getbootstrap.com/css/#grid\n\nPaleta de cores usadas no layout:\nhttps://color.adobe.com/pt/teste-folha-web-color-theme-6584765/\n\nMussum Ipsum (gerador de lorem ipsum do Mussum):\nhttp://mussumipsum.com/\n\n\nBoa sorte!"
}
]