// nuxt

.w-100.mt-3
  h3.text-center 坐朝問道，垂拱平章。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22352.gif" )
    figcaption.text-center zuo4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26397.gif" )
    figcaption.text-center zhao1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21839.gif" )
    figcaption.text-center wen4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/36947.gif" )
    figcaption.text-center dao4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22402.gif" )
    figcaption.text-center chui2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25329.gif" )
    figcaption.text-center gong3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24179.gif" )
    figcaption.text-center ping2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/31456.gif" )
    figcaption.text-center zhang1

// nuxt

.w-100.mt-3
  h3.text-center 弔民伐罪，周發殷湯。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24340.gif" )
    figcaption.text-center diao1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27665.gif" )
    figcaption.text-center min2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20240.gif" )
    figcaption.text-center fa2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/32618.gif" )
    figcaption.text-center zui4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21608.gif" )
    figcaption.text-center zhou1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30332.gif" )
    figcaption.text-center fa1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/27575.gif" )
    figcaption.text-center yin1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28271.gif" )
    figcaption.text-center tang1

// nuxt

.w-100.mt-3
  h3.text-center 推位讓國，有虞陶唐。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25512.gif" )
    figcaption.text-center tui1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20301.gif" )
    figcaption.text-center wei4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35731.gif" )
    figcaption.text-center rang4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22283.gif" )
    figcaption.text-center guo2
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26377.gif" )
    figcaption.text-center you3
  figure.d-inline-block
    .hanzi-img 虞
    figcaption.text-center fu2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/38518.gif" )
    figcaption.text-center tao2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21776.gif" )
    figcaption.text-center tang2

// nuxt

.w-100.mt-3
  h3.text-center 始制文字，乃服衣裳。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/22987.gif" )
    figcaption.text-center shi3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/21046.gif" )
    figcaption.text-center zhi4
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/25991.gif" )
    figcaption.text-center wen2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23383.gif" )
    figcaption.text-center zi4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20035.gif" )
    figcaption.text-center nai3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/26381.gif" )
    figcaption.text-center fu2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/34915.gif" )
    figcaption.text-center yi1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/35059.gif" )
    figcaption.text-center chang2

// nuxt

.w-100.mt-3
  h3.text-center 龍師火帝，鳥官人皇。
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40845.gif" )
    figcaption.text-center long2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24107.gif" )
    figcaption.text-center shi1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/28779.gif" )
    figcaption.text-center huo3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/24093.gif" )
    figcaption.text-center di4
.w-100
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/40165.gif" )
    figcaption.text-center niao3
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/23448.gif" )
    figcaption.text-center guan1
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/20154.gif" )
    figcaption.text-center ren2
  figure.d-inline-block
    img.hanzi-img(src="https://www.mdbg.net/chinese/rsc/img/stroke_anim/30343.gif" )
    figcaption.text-center huang1