Pug

//- ملف layout.pug - القالب الأساسي
doctype html
html(lang="ar" dir="rtl")
  head
    meta(charset="UTF-8")
    meta(name="viewport" content="width=device-width, initial-scale=1.0")
    title #{pageTitle}
    link(rel="stylesheet" href="/css/style.css")
  body
    header
      nav
        each link in navigation
          a(href=link.url)= link.text
    main
      block content
    footer
      p جميع الحقوق محفوظة #{new Date().getFullYear()}

//- ملف index.pug -extends
extends layout

block content
  .container
    h1= pageTitle

    //- التكرار
    ul.users
      each user in users
        li.user-card(class=user.active ? 'active' : '')
          img(src=user.avatar alt=user.name)
          h3= user.name
          p= user.email

    //- الشروط
    if users.length > 10
      p.text-muted يظهر #{users.length} مستخدم

    //- Mixin قابل لإعادة الاستخدام
    mixin button(text, type='primary')
      a.btn(class=`btn-${type}` href=attributes.href)= text

    +button('عرض المزيد')(href="/more")