Layouts responsivos feitos para material didático. A complexidade em sua diagramação se dá pelo fato de a informação precisar estar clara e concisa, além da necessidade do diálogo entre os campos de texto e as imagens. Em alguns casos é necessário que até as imagens sejam retrabalhadas em outro enquadramento, para que seu recorte seja o melhor para a mídia em que se apresenta. As páginas acima foram diagramadas com uso do Bootstrap.