extends /layout/layout

block var
  -title="首页" // 网页标题
//-   -hideHeader=true

block head
  +css("style/views/index.css")

block content
    .container 
        .row.overflow-hidden
            .col-12.p-2.col-md-6.col-lg-3
                .card(style='margin: 0 auto;')
                    .card-body
                        h5.card-title Card title
                        h6.card-subtitle.mb-2.text-muted Card subtitle
                        p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
                        a.card-link(href='#') Card link
                        a.card-link(href='#') Another link
            .col-12.p-2.col-md-6.col-lg-3
                .card(style='margin: 0 auto;')
                    .card-body
                        h5.card-title Card title
                        h6.card-subtitle.mb-2.text-muted Card subtitle
                        p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
                        a.card-link(href='#') Card link
                        a.card-link(href='#') Another link
            .col-12.p-2.col-md-6.col-lg-3
                .card(style='margin: 0 auto;')
                    .card-body
                        h5.card-title Card title
                        h6.card-subtitle.mb-2.text-muted Card subtitle
                        p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
                        a.card-link(href='#') Card link
                        a.card-link(href='#') Another link
            .col-12.p-2.col-md-6.col-lg-3
                .card(style='margin: 0 auto;')
                    .card-body
                        h5.card-title Card title
                        h6.card-subtitle.mb-2.text-muted Card subtitle
                        p.card-text Some quick example text to build on the card title and make up the bulk of the card's content.
                        a.card-link(href='#') Card link
                        a.card-link(href='#') Another link
        ul
            li: a(href="https://cloud.tencent.com/developer/article/1793543" target="_blank") 15个最优秀的响应式CSS框架
            li https://getbootstrap.com/docs/5.2/components/collapse/
            li https://getbase.org/
            li https://tooltt.com/html2pug/
            li https://www.pugjs.cn/language/conditionals.html