extends /layout/layout

block var
  -title="关于我" // 网页标题
//-   -hideHeader=true

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

block content
    .container(style="margin-top: 20px;")
      include:markdown-it @/md/about.md
      div!= md
        //-   .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