Gostaria de saber como fazer para não precisar repetir códigos, não sei se usando o for
, por exemplo tenho esse código abaixo que corresponde a um card com dados de um educador vou ter varios desses onde so mudarei os dados mas a estrutura do código é a mesma, vou precisar criar um slide com esses cards, na tela vai poder aparecer de 4 em 4, gostaria de aprender algum recurso do jade/pug onde eu deixo o código mais limpo sem precisar ficar repetindo ele.
//- CARD 4
div.card-educator.item
ul.educator
li.educator-photo
figure
img(src="img/eunice.png", alt="Eunice Magalhães Fonseca")
figcaption Eunice Magalhães Fonseca
li.hr
hr
li.icons.icon-boy-girl
svg
use(xlink:href='svg/myicons.svg#boy-girl')
span 252 alunos
li.icons.icon-gamepad
svg
use(xlink:href='svg/myicons.svg#gamepad')
span 252 alunos
li.icons.icon-question-list
svg
use(xlink:href='svg/myicons.svg#question-list')
span 252 alunos
li.button
button(type='button') Selecionar