ꯀꯨꯏꯛ-ꯁ꯭ꯇꯥꯔꯠ ꯈꯨꯗꯃꯁꯤꯡ꯫

ꯊꯨꯅꯥ ꯇꯦꯃꯞꯂꯦꯠ ꯈꯔꯥ ꯃꯊꯧ ꯇꯥꯕ꯭ꯔꯥ? ꯑꯩꯈꯣꯌꯅꯥ ꯄꯨꯟꯅꯥ ꯊꯝꯂꯤꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ:

ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯒ꯭ꯔꯤꯗ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯀꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯄꯤꯔꯤꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯁꯤ 940px ꯋꯥꯏꯗ 16-ꯀꯣꯂꯝ ꯒ꯭ꯔꯤꯗ ꯑꯃꯅꯤ꯫ ꯃꯁꯤ ꯃꯤꯌꯥꯝꯅꯥ ꯄꯥꯝꯅꯕꯥ ꯹꯶꯰ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯤ ꯃꯁꯛ ꯑꯃꯅꯤ, ꯑꯗꯨꯕꯨ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯔꯣꯏꯕꯥ ꯃꯐꯃꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯥꯔꯖꯤꯟ/ꯄꯦꯗꯤꯡ ꯌꯥꯑꯣꯗꯅꯥ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯒ꯭ꯔꯤꯗ ꯃꯥꯔꯀꯑꯥꯞ꯫

ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯎꯠꯂꯤꯕꯥ ꯃꯇꯨꯡ ꯏꯟꯅꯥ, ꯕꯦꯁꯤꯛ ꯂꯦꯑꯥꯎꯠ ꯑꯃꯥ "ꯀꯣꯂꯝ" ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯦꯝꯕꯥ ꯌꯥꯏ, ꯃꯈꯣꯌ ꯈꯨꯗꯤꯡꯃꯛꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯒꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯂꯦꯄꯈꯤꯕꯥ ꯐꯥꯎꯟꯗꯦꯁꯅꯦꯜ ꯀꯣꯂꯝ ꯱꯶ꯀꯤ ꯃꯁꯤꯡ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫ ꯑꯍꯦꯅꯕꯥ ꯚꯦꯔꯤꯑꯦꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯈꯨꯗꯃꯁꯤꯡ ꯑꯁꯤ ꯌꯦꯡꯕꯤꯌꯨ꯫

<div ꯀ꯭ꯂꯥꯁ = "ꯔꯣ" >꯫ 
  <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯶" > 
    ...
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯱꯰" > 
    ...
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯅꯦꯁ꯭ꯇꯤꯡ ꯀꯂꯃꯁꯤꯡ꯫

.rowꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯀꯣꯂꯝ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯑꯃꯥ ꯁꯦꯃꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯅꯦꯁ꯭ꯠ ꯇꯧ꯫

ꯅꯦꯁ꯭ꯠ ꯇꯧꯔꯕꯥ ꯀꯣꯂꯃꯁꯤꯡꯒꯤ ꯈꯨꯗꯝ꯫

<div ꯀ꯭ꯂꯥꯁ = "ꯔꯣ" >꯫ 
  <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯱꯲" > 
    ꯀꯣꯂꯃꯒꯤ ꯂꯦꯚꯦꯜ ꯱꯫
    <div ꯀ꯭ꯂꯥꯁ = "ꯔꯣ" >꯫ 
      <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯶" > 
        ꯊꯥꯛꯇꯥ ꯂꯩꯕꯥ ꯲
      </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
      <div ꯀ꯭ꯂꯥꯁ = "ꯁ꯭ꯄꯦꯅ꯶" > 
        ꯊꯥꯛꯇꯥ ꯂꯩꯕꯥ ꯲
      </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
    </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯅꯍꯥꯛꯀꯤ ꯏꯁꯥꯒꯤ ꯒ꯭ꯔꯤꯗ ꯑꯗꯨ ꯔꯣꯜ ꯇꯧ꯫

ꯕꯨꯇꯁ꯭ꯠꯔꯥꯄꯇꯥ ꯁꯦꯃꯈꯤꯕꯥ ꯑꯁꯤ ꯗꯤꯐꯣꯜꯇ 940px ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯚꯦꯔꯤꯑꯦꯕꯜ ꯃꯁꯤꯡ ꯈꯔꯥ ꯂꯩ꯫ ꯈꯔꯥ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯔꯒꯥ, ꯅꯍꯥꯛꯅꯥ ꯀꯂꯃꯁꯤꯡꯒꯤ ꯁꯥꯏꯖ, ꯃꯈꯣꯌꯒꯤ ꯒꯇꯔꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯅꯥ ꯂꯩꯔꯤꯕꯥ ꯀꯟꯇꯦꯅꯔ ꯑꯗꯨ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯒꯅꯤ꯫

ꯒ꯭ꯔꯤꯗꯀꯤ ꯃꯅꯨꯡꯗꯥ ꯂꯩ꯫

ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯁꯤ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯅꯕꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯛ ꯄꯨꯝꯅꯃꯛ variables.less.

ꯍꯧꯖꯤꯛ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯅꯕꯥ꯫

ꯒ꯭ꯔꯤꯗ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯕꯥ ꯍꯥꯌꯕꯁꯤ @grid-*ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯍꯨꯝ ꯍꯣꯡꯗꯣꯀꯄꯥ ꯑꯃꯁꯨꯡ ꯂꯦꯁ ꯐꯥꯏꯂꯁꯤꯡ ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯕꯥ ꯍꯥꯌꯕꯅꯤ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯀꯣꯂꯝ ꯲꯴ ꯐꯥꯑꯣꯕꯥ ꯂꯩꯕꯥ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯝ ꯑꯃꯥ ꯍꯦꯟꯗꯜ ꯇꯧꯅꯕꯥ ꯈꯨꯠꯂꯥꯌꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯥꯀꯏ; ꯗꯤꯐꯣꯜꯇ ꯑꯁꯤ ꯁꯨꯞꯅꯇꯒꯤ ꯱꯶ꯅꯤ, ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯅꯍꯥꯛꯀꯤ ꯒ꯭ꯔꯤꯗ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯲꯴-ꯀꯣꯂꯝ ꯒ꯭ꯔꯤꯗ ꯑꯃꯗꯥ ꯀꯁ꯭ꯇꯃꯁ ꯑꯣꯏꯅꯥ ꯀꯔꯝꯅꯥ ꯎꯒꯅꯤ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯕꯤꯌꯨ꯫

@ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯁꯤꯡ : ꯲꯴ ;       
@ ꯒ꯭ꯔꯤꯗꯀꯣꯂꯃꯋꯥꯏꯗ : ꯲꯰px ;   
@ꯒ꯭ꯔꯤꯗꯒꯨꯇꯔꯋꯥꯏꯗ : ꯲꯰px ;   

ꯑꯃꯨꯛ ꯍꯟꯅꯥ ꯀꯝꯄꯥꯏꯜ ꯇꯧꯔꯕꯥ ꯃꯇꯨꯡꯗꯥ, ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯒꯅꯤ!

ꯐꯤꯛꯁ ꯇꯧꯔꯕꯥ ꯂꯦꯑꯥꯎꯠ꯫

ꯁꯤꯉ꯭ꯒꯜ <div.container>.

<ꯍꯀꯆꯥꯡ>꯫
  <div ꯀ꯭ꯂꯥꯁ = "ꯀꯟꯇꯦꯅꯔ" > 
    ...
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ

ꯐ꯭ꯂꯨꯏꯗ ꯂꯦꯑꯥꯎꯠ ꯇꯧꯕꯥ꯫

ꯃꯤꯟ- ꯑꯃꯁꯨꯡ ꯃꯦꯛꯁ-ꯋꯥꯏꯗ ꯑꯃꯁꯨꯡ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯁꯥꯏꯗꯕꯥꯔ ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯂꯇꯔꯅꯦꯇꯤꯕ, ꯐ꯭ꯂꯦꯛꯁꯤꯕꯜ ꯐ꯭ꯂꯨꯏꯗ ꯄꯦꯖ ꯁ꯭ꯠꯔꯀꯆꯔ ꯑꯃꯥ꯫ ꯑꯦꯄꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯗꯣꯀꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯆꯧꯕꯥ꯫

<ꯍꯀꯆꯥꯡ>꯫
  <div class = "ꯀꯟꯇꯦꯅꯔ-ꯐ꯭ꯂꯨꯏꯗ" > 
    <div ꯀ꯭ꯂꯥꯁ = "ꯁꯥꯏꯗꯕꯥꯔ" > ꯫ 
      ...
    </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
    <div ꯀ꯭ꯂꯥꯁ = "ꯀꯟꯇꯦꯟꯇ" > 
      ...
    </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</body>ꯒꯤ ꯃꯇꯥꯡꯗꯥ

ꯍꯦꯗꯤꯡꯁꯤꯡ & ꯀꯣꯄꯤ ꯇꯧꯕꯥ꯫

ꯅꯍꯥꯛꯀꯤ ꯋꯦꯕꯄꯦꯖꯁꯤꯡ ꯁ꯭ꯠꯔꯀꯆꯔ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯦꯟꯗꯔꯗ ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯃꯥ꯫

ꯇꯥꯏꯄꯣꯒ꯭ꯔꯥꯐꯤꯛ ꯒ꯭ꯔꯤꯗ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ variables.less ꯐꯥꯏꯂꯗꯥ Less ꯚꯦꯔꯤꯑꯦꯕꯜ ꯑꯅꯤꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯅꯤ: @basefontꯑꯃꯁꯨꯡ @baseline. ꯑꯍꯥꯅꯕꯗꯥ ꯄꯨꯝꯅꯃꯛ ꯁꯤꯖꯤꯟꯅꯔꯤꯕꯥ ꯕꯦꯖ ꯐꯣꯟꯇ-ꯁꯥꯏꯖꯅꯤ ꯑꯃꯁꯨꯡ ꯑꯅꯤꯁꯨꯕꯗꯥ ꯕꯦꯖ ꯂꯥꯏꯟ-ꯍꯥꯏꯠꯅꯤ꯫

ꯑꯩꯈꯣꯌꯅꯥ ꯚꯦꯔꯤꯑꯦꯕꯂꯁꯤꯡ ꯑꯗꯨ, ꯑꯃꯁꯨꯡ ꯃꯦꯊꯁ ꯈꯔꯗꯤ, ꯑꯩꯈꯣꯌꯒꯤ ꯃꯈꯜ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯃꯥꯔꯖꯤꯟ, ꯄꯦꯗꯤꯡ, ꯑꯃꯁꯨꯡ ꯂꯥꯏꯟ-ꯍꯥꯏꯠꯁꯤꯡ ꯁꯦꯝꯅꯕꯥ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯃꯁꯨꯡ ꯃꯁꯤꯗꯒꯤ ꯍꯦꯅꯕꯥ꯫

ꯑꯩꯆ.꯱. ꯍꯦꯗꯤꯡ ꯱

h꯲. ꯍꯦꯗꯤꯡ ꯲

ꯑꯩꯆ꯳. ꯍꯦꯗꯤꯡ ꯳

ꯑꯩꯆ꯴. ꯍꯦꯗꯤꯡ ꯴

h꯵. ꯍꯦꯗꯤꯡ ꯵

ꯑꯩꯆ꯶. ꯍꯦꯗꯤꯡ ꯶

ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯄꯦꯔꯥꯒ꯭ꯔꯥꯐ꯫

ꯅꯨꯜꯂꯥꯝ ꯀꯨꯏꯁ ꯔꯤꯁꯨꯁ ꯑꯦꯒꯦꯠ ꯎꯔꯅꯥ ꯃꯣꯂꯤꯁ ꯑꯣꯔꯅꯥꯔꯦ ꯚꯦꯜ ꯏꯎ ꯂꯤꯑꯣ꯫ ꯀꯝ ꯁꯣꯁꯤꯏꯁ ꯅꯥꯇꯣꯛ ꯄꯦꯅꯥꯇꯤꯕꯁ ꯑꯦꯠ ꯃꯦꯒ꯭ꯅꯤꯁ ꯗꯤꯁ ꯄꯥꯔꯇꯨꯔꯤꯌꯦꯟꯇ ꯃꯣꯟꯇꯦꯁ, ꯅꯥꯁꯦꯇꯨꯔ ꯔꯤꯗꯤꯀꯨꯂꯁ ꯃꯁ꯫ ꯅꯨꯜꯂꯥꯝ ꯑꯥꯏꯗꯤ ꯗꯣꯂꯣꯔ ꯑꯥꯏꯗꯤ ꯅꯤꯚ ꯎꯜꯠꯔꯤꯁꯤꯁ ꯚꯦꯍꯤꯀꯨꯂꯥ ꯎꯠ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯍꯦꯗꯤꯡ ꯁꯕ-ꯍꯦꯗꯤꯡ ꯂꯩ...

ꯃꯤꯁꯛ ꯑꯣꯏꯕꯥ꯫ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯑꯦꯝꯄꯥꯁꯤꯁ, ꯑꯦꯗ꯭ꯔꯦꯁ, & ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯗꯨꯅꯥ꯫

<strong> <em> <address> <abbr>

ꯀꯗꯥꯏꯗꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ꯫

ꯋꯥꯍꯩ ꯅꯠꯠꯔꯒꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡ ꯑꯃꯒꯤ ꯑꯀꯣꯌꯕꯗꯥ ꯂꯩꯔꯤꯕꯥ ꯀꯣꯄꯤ ꯑꯗꯨꯒꯥ ꯆꯥꯡꯗꯝꯅꯕꯗꯥ ꯑꯍꯦꯅꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯕꯥ ꯑꯗꯨ ꯇꯥꯛꯅꯕꯥ ꯑꯦꯝꯐꯦꯁꯤꯁ ꯇꯦꯒꯁꯤꯡ ( <strong>ꯑꯃꯁꯨꯡ <em>) ꯁꯤꯖꯤꯟꯅꯒꯗꯕꯅꯤ꯫ <strong>ꯃꯔꯨꯑꯣꯏꯕꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯦꯁ ꯏꯝꯄꯦꯁ <em>ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯄꯦꯔꯥꯒ꯭ꯔꯥꯐ ꯑꯃꯗꯥ ꯑꯀꯅꯕꯥ ꯋꯥꯐꯝ ꯊꯝꯕꯥ꯫

ꯐꯨꯁꯁꯦ ꯗꯥꯄꯤꯕꯁ , ꯇꯦꯂꯁ ꯑꯦ.ꯁꯤ . ꯃꯦꯁꯦꯅꯥꯁ ꯐꯧꯁꯤꯕꯁ ꯃꯣꯂꯤꯁ ꯏꯟꯇꯔꯗꯝ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥꯏ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫

ꯈꯪꯖꯤꯅꯒꯗꯕꯥ:<b> HTML5ꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯇꯦꯒꯁꯤꯡ ꯑꯁꯤ ꯍꯧꯖꯤꯀꯁꯨ ꯑꯐꯕꯥ ꯑꯃꯅꯤ <i>ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌ ꯑꯁꯤ ꯃꯊꯪꯁꯤꯠꯅꯥ ꯕꯣꯜꯗ ꯑꯃꯁꯨꯡ ꯏꯇꯥꯂꯤꯛ ꯑꯣꯏꯕꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯃꯊꯧ ꯇꯥꯗꯦ (ꯀꯔꯤꯒꯨꯝꯕꯥ ꯍꯦꯟꯅꯥ ꯁꯦꯃꯦꯟꯇꯤꯛ ꯑꯣꯏꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯃꯥ ꯂꯩꯔꯕꯗꯤ, ꯃꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ)꯫ <b>ꯍꯥꯌꯕꯁꯤ ꯑꯍꯦꯅꯕꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯄꯤꯗꯅꯥ ꯋꯥꯍꯩ ꯅꯠꯠꯔꯒꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡꯁꯤꯡ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯍꯥꯌꯕꯅꯤ, ꯑꯗꯨꯒꯥ <i>ꯑꯌꯥꯝꯕꯅꯥ ꯈꯣꯟꯖꯦꯜ, ꯇꯦꯛꯅꯤꯀꯦꯜ ꯇꯔꯃꯁꯤꯡ ꯑꯁꯤꯅꯆꯤꯡꯕꯒꯤꯗꯃꯛꯇꯅꯤ꯫

ꯑꯦꯗ꯭ꯔꯦꯁꯁꯤꯡ꯫

ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯁꯤ ꯃꯁꯤꯒꯤ <address>ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯀꯄꯥ ꯏꯄꯥ-ꯏꯄꯨꯒꯤꯗꯃꯛ, ꯅꯠꯠꯔꯒꯥ ꯊꯕꯛꯀꯤ ꯍꯀꯆꯥꯡ ꯄꯨꯝꯅꯃꯛꯀꯤ ꯀꯟꯇꯦꯛꯇ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯃꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯕꯒꯦ ꯍꯥꯌꯕꯒꯤ ꯈꯨꯗꯝ ꯑꯅꯤ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ:

ꯅꯣꯠ: ꯑꯃꯗꯥ ꯂꯩꯕꯥ ꯂꯥꯏꯟ ꯈꯨꯗꯤꯡꯃꯛ ꯂꯥꯏꯟ <address>-ꯕ꯭ꯔꯦꯛ ( ) ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯂꯣꯏꯁꯤꯅꯒꯗꯕꯅꯤ ꯅꯠꯠꯔꯒꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯗꯨ ꯃꯑꯣꯡ ꯆꯨꯝꯅꯥ ꯁ꯭ꯠꯔꯀꯆꯔ ꯇꯧꯅꯕꯥ <br />ꯕ꯭ꯂꯣꯛ-ꯂꯦꯚꯦꯜ ꯇꯦꯒ ꯑꯃꯗꯥ (ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, ) ꯂꯣꯠꯁꯤꯅꯒꯗꯕꯅꯤ꯫<p>

ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔꯁꯤꯡ꯫

ꯑꯦꯕꯕ꯭ꯔꯤꯕꯤꯌꯔ ꯑꯃꯁꯨꯡ ꯑꯦꯛꯔꯣꯅꯤꯃꯒꯤꯗꯃꯛ, <abbr>ꯇꯦꯒ ꯁꯤꯖꯤꯟꯅꯧ ( HTML5<acronym> ꯗꯥ ꯁꯤꯖꯤꯟꯅꯗ꯭ꯔꯤ )꯫ ꯇꯦꯒ ꯑꯗꯨꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯁꯣꯔꯇꯍꯦꯟꯗ ꯐꯣꯔꯝ ꯑꯗꯨ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯃꯄꯨꯡꯐꯥꯕꯥ ꯃꯃꯤꯡ ꯑꯗꯨꯒꯤꯗꯃꯛ ꯇꯥꯏꯇꯜ ꯑꯃꯥ ꯁꯦꯠ ꯇꯧ꯫

ꯕ꯭ꯂꯣꯀꯀꯣꯇꯁꯤꯡ꯫

<blockquote> <p> <small>

ꯃꯇꯧ ꯀꯔꯝꯅꯥ ꯀꯣꯠ ꯇꯧꯒꯗꯒꯦ꯫

ꯕ꯭ꯂꯣꯀꯀꯣꯠ ꯑꯃꯥ ꯌꯥꯑꯣꯍꯟꯅꯕꯥ, ꯔꯦꯞ <blockquote>ꯇꯧꯕꯥ <p>ꯑꯃꯁꯨꯡ <small>ꯇꯦꯒ ꯇꯧꯕꯥ꯫ ꯅꯍꯥꯛꯀꯤ ꯁꯣꯔꯁ ꯑꯗꯨ ꯄꯅꯅꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ ꯑꯃꯁꯨꯡ ꯃꯗꯨꯒꯤ ꯃꯃꯥꯡꯗꯥ <small>ꯅꯍꯥꯛꯅꯥ ꯏꯝ ꯗꯦꯁ ꯑꯃꯥ ꯐꯪꯒꯅꯤ꯫—

ꯂꯣꯔꯦꯝ ꯏꯄꯁꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯦꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯦ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯗꯥꯄꯤꯕꯁ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯚꯦꯂꯤꯠ ꯑꯦꯂꯤꯀꯦꯠ꯫

ꯖꯨꯂꯤꯌꯁ ꯍꯤꯕꯔꯇꯅꯥ ꯗꯥ

<ꯕ꯭ꯂꯣꯀꯀꯣꯠ> ꯇꯧꯕꯥ꯫
  <p> ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ, ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫ ꯏꯟꯇꯤꯖꯔ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯑꯦꯔꯥꯠ ꯑꯦ ꯑꯦꯟꯇꯦ ꯚꯦꯅꯦꯅꯥꯇꯤꯁ ꯗꯥꯄꯤꯕꯁ ꯄꯣꯁꯨꯑꯦꯔꯦ ꯚꯦꯂꯤꯠ ꯑꯦꯂꯤꯀꯦꯠ꯫ </p> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  <small> ꯗꯥꯛꯇꯔ ꯖꯨꯂꯤꯌꯁ ꯍꯤꯕꯕꯦꯔꯠ </small> ꯫
</blockquote> ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫

ꯑꯅꯑꯣꯔꯗꯔ ꯇꯧꯕꯥ꯫<ul>

• ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ꯫
• ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫
• ꯏꯟꯇꯤꯖꯔ ꯃꯣꯂꯦꯁ꯭ꯇꯤ ꯂꯣꯔꯦꯝ ꯑꯦꯠ ꯃꯥꯁꯥ꯫
• ꯄ꯭ꯔꯦꯇꯤꯌꯝ ꯅꯤꯁꯜ ꯑꯦꯂꯤꯀꯦꯠꯇꯥ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ꯫
• ꯅꯨꯜꯂꯥ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯂꯤꯛꯌꯨꯝ ꯚꯦꯂꯤꯠ꯫
  • ꯐꯦꯁꯦꯂꯁ ꯏꯌꯥꯀꯨꯂꯤꯁ ꯅꯦꯀꯦ꯫
  • ꯄꯨꯔꯨꯁ ꯁꯣꯗꯦꯂꯁ ꯑꯂꯠꯔꯤꯁꯤꯁ꯫
  • ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ ꯂꯥꯑꯣꯔꯤꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯁꯦꯝ꯫
  • ꯑꯦꯛ ꯇ꯭ꯔꯤꯁ꯭ꯇꯤꯛ ꯂꯤꯕꯦꯔꯣ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯠ꯫
• ꯐꯧꯁꯤꯕꯁ ꯄꯣꯔꯇꯥ ꯂꯦꯀꯁ ꯐ꯭ꯔꯤꯟꯖꯤꯂꯥ ꯚꯦꯜ꯫
• ꯑꯦꯅꯤꯌꯟ ꯁꯤꯠ ꯑꯥꯃꯦꯠ ꯑꯦꯔꯥꯠ ꯅꯟꯛ꯫
• ꯑꯦꯒꯦꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯣꯔꯦꯝ꯫

ꯑꯅꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ꯫<ul.unstyled>

• ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ꯫
• ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫
• ꯏꯟꯇꯤꯖꯔ ꯃꯣꯂꯦꯁ꯭ꯇꯤ ꯂꯣꯔꯦꯝ ꯑꯦꯠ ꯃꯥꯁꯥ꯫
• ꯄ꯭ꯔꯦꯇꯤꯌꯝ ꯅꯤꯁꯜ ꯑꯦꯂꯤꯀꯦꯠꯇꯥ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ꯫
• ꯅꯨꯜꯂꯥ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯂꯤꯛꯌꯨꯝ ꯚꯦꯂꯤꯠ꯫
  • ꯐꯦꯁꯦꯂꯁ ꯏꯌꯥꯀꯨꯂꯤꯁ ꯅꯦꯀꯦ꯫
  • ꯄꯨꯔꯨꯁ ꯁꯣꯗꯦꯂꯁ ꯑꯂꯠꯔꯤꯁꯤꯁ꯫
  • ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ ꯂꯥꯑꯣꯔꯤꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯁꯦꯝ꯫
  • ꯑꯦꯛ ꯇ꯭ꯔꯤꯁ꯭ꯇꯤꯛ ꯂꯤꯕꯦꯔꯣ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯠ꯫
• ꯐꯧꯁꯤꯕꯁ ꯄꯣꯔꯇꯥ ꯂꯦꯀꯁ ꯐ꯭ꯔꯤꯟꯖꯤꯂꯥ ꯚꯦꯜ꯫
• ꯑꯦꯅꯤꯌꯟ ꯁꯤꯠ ꯑꯥꯃꯦꯠ ꯑꯦꯔꯥꯠ ꯅꯟꯛ꯫
• ꯑꯦꯒꯦꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯣꯔꯦꯝ꯫

ꯑꯣꯔꯗꯔ ꯇꯧꯈ꯭ꯔꯦ꯫<ol>

1. ꯂꯣꯔꯦꯝ ꯏꯄꯁꯨꯝ ꯗꯣꯂꯣꯔ ꯁꯤꯠ ꯑꯥꯃꯦꯠ꯫
2. ꯀꯟꯁꯦꯛꯇꯇꯨꯔ ꯑꯦꯗꯤꯄꯤꯁꯤꯡ ꯏꯂꯤꯠ꯫
3. ꯏꯟꯇꯤꯖꯔ ꯃꯣꯂꯦꯁ꯭ꯇꯤ ꯂꯣꯔꯦꯝ ꯑꯦꯠ ꯃꯥꯁꯥ꯫
4. ꯄ꯭ꯔꯦꯇꯤꯌꯝ ꯅꯤꯁꯜ ꯑꯦꯂꯤꯀꯦꯠꯇꯥ ꯐꯦꯁꯤꯂꯤꯁꯤꯁ꯫
5. ꯅꯨꯜꯂꯥ ꯚꯣꯂꯨꯠꯄꯠ ꯑꯦꯂꯤꯛꯌꯨꯝ ꯚꯦꯂꯤꯠ꯫
6. ꯐꯧꯁꯤꯕꯁ ꯄꯣꯔꯇꯥ ꯂꯦꯀꯁ ꯐ꯭ꯔꯤꯟꯖꯤꯂꯥ ꯚꯦꯜ꯫
7. ꯑꯦꯅꯤꯌꯟ ꯁꯤꯠ ꯑꯥꯃꯦꯠ ꯑꯦꯔꯥꯠ ꯅꯟꯛ꯫
8. ꯑꯦꯒꯦꯠ ꯄꯣꯔꯇꯤꯇꯣꯔ ꯂꯣꯔꯦꯝ꯫

ꯋꯥꯔꯣꯜdl

ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯂꯤꯁ꯭ꯇꯁꯤꯡ꯫

ꯋꯥꯍꯟꯊꯣꯛ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯗꯤꯁ꯭ꯛꯔꯤꯄꯁꯟ ꯂꯤꯁ꯭ꯠ ꯑꯃꯥ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫

ꯏꯎꯏꯁꯃꯣꯗ꯫

ꯚꯦꯁ꯭ꯇꯤꯕꯨꯂꯝ ꯑꯥꯏꯗꯤ ꯂꯤꯒꯨꯂꯥ ꯄꯣꯔꯇꯥ ꯐꯦꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ ꯁꯦꯝꯄꯔ ꯑꯦꯒꯦꯠ ꯂꯦꯁꯤꯅꯤꯌꯥ ꯑꯣꯗꯤꯑꯣ ꯁꯦꯝ ꯅꯦꯛ ꯏꯂꯤꯠ꯫

ꯗꯣꯅꯦꯛ ꯑꯥꯏꯗꯤ ꯏꯂꯤꯠ ꯅꯟ ꯃꯤ ꯄꯣꯔꯇꯥ ꯒ꯭ꯔꯦꯚꯤꯗꯥ ꯑꯦꯠ ꯑꯦꯒꯦꯠ ꯃꯦꯇꯁ꯫

ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯄꯣꯔꯇꯥ꯫

ꯏꯇꯤꯌꯥꯝ ꯄꯣꯔꯇꯥ ꯁꯦꯝ ꯃꯥꯂꯦꯁꯨꯌꯥꯗꯥ ꯃꯒꯅꯥ ꯃꯣꯂꯤꯁ ꯏꯎꯏꯁꯃꯣꯗ꯫

ꯀꯣꯗ ꯇꯧꯕꯥ꯫

<code> <pre>

ꯏꯆꯝ ꯆꯝꯕꯥ ꯇꯦꯒ ꯑꯅꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯣꯗ ꯑꯗꯨ ꯁ꯭ꯇꯥꯏꯂꯗꯥ ꯄꯤꯝꯄ ꯇꯧ꯫ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯍꯦꯟꯅꯥ ꯑꯉꯀꯄꯥ ꯐꯪꯅꯕꯒꯤꯗꯃꯛ, ꯒꯨꯒꯂꯒꯤ ꯀꯣꯗ ꯄ꯭ꯔꯦꯇꯤꯐꯥꯏ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤꯗꯥ ꯊꯝꯃꯨ ꯑꯃꯁꯨꯡ ꯅꯍꯥꯛꯅꯥ ꯁꯦꯠ ꯇꯧꯔꯦ꯫

ꯀꯣꯗ ꯄꯤꯕꯥ꯫

ꯀꯣꯗ, ꯕ꯭ꯂꯣꯀꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯏꯅꯂꯥꯏꯅꯒꯤ ꯁ꯭ꯅꯤꯄꯦꯠꯁꯤꯡ ꯈꯛꯇꯃꯛ, ꯑꯆꯨꯝꯕꯥ ꯇꯦꯒ ꯑꯗꯨꯗꯥ ꯔꯦꯞ ꯇꯧꯗꯨꯅꯥ ꯈꯛꯇꯃꯛ ꯁ꯭ꯇꯥꯏꯂꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯎꯠꯄꯥ ꯌꯥꯏ꯫ ꯃꯁꯤꯡ ꯌꯥꯝꯂꯕꯥ ꯂꯥꯏꯅꯁꯤꯡ ꯆꯦꯅꯕꯥ ꯀꯣꯗꯀꯤ ꯕ꯭ꯂꯣꯀꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, <pre>ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯏꯅꯂꯥꯏꯟ ꯀꯣꯗꯀꯤꯗꯃꯛꯇꯥ, <code>ꯑꯦꯂꯤꯃꯦꯟꯇ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫

<ꯗꯤꯚ> ꯍꯥꯌꯅꯥ ꯀꯧꯏ꯫
  <h1>ꯍꯦꯗꯤꯡ</h1> ꯇꯧꯕꯥ꯫
  <p>ꯃꯐꯃꯁꯤꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ...</p>
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

<div> <h1> ꯍꯦꯗꯤꯡ </h1> <p> ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯈꯔꯥ... </p> </div>
  
  

ꯏꯅꯂꯥꯏꯟ ꯂꯦꯕꯦꯂꯁꯤꯡ꯫

<span class="label">

ꯅꯍꯥꯛꯀꯤ ꯍꯀꯆꯥꯡꯒꯤ ꯇꯦꯛꯁꯇꯇꯥ ꯌꯥꯎꯔꯤꯕꯥ ꯋꯥꯍꯩ ꯄꯔꯦꯡ ꯑꯃꯍꯦꯛꯇꯗꯥ ꯄꯨꯛꯅꯤꯡ ꯆꯪꯕꯤꯌꯨ ꯅꯠꯠꯔꯒꯥ ꯐ꯭ꯂꯦꯒ ꯇꯧꯕꯤꯌꯨ꯫

ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥ ꯂꯦꯕꯦꯜ ꯇꯧ꯫

ꯀꯩꯗꯧꯉꯩꯗꯁꯨ ꯃꯗꯨꯒꯤ ꯐꯦꯟꯁꯤ ꯅ꯭ꯌꯨ! ꯅꯠꯔꯒꯥ ꯀꯣꯗ ꯏꯕꯥ ꯃꯇꯃꯗꯥ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯐ꯭ꯂꯦꯒꯁꯤꯡ? ꯋꯥꯐꯝ ꯑꯁꯤ ꯍꯧꯖꯤꯛꯇꯤ ꯅꯈꯣꯌꯗꯥ ꯃꯈꯣꯌꯁꯤꯡ ꯑꯗꯨ ꯂꯩꯔꯦ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯅꯥ ꯌꯥꯎꯔꯤꯕꯥ ꯑꯗꯨꯅꯤ:

ꯃꯤꯗꯤꯌꯥ ꯒ꯭ꯔꯤꯗ꯫

HTML ꯐꯨꯇꯞꯔꯤꯟꯇ ꯅꯦꯝꯕꯥ ꯑꯃꯁꯨꯡ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯅꯦꯝꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯂꯩꯕꯥ ꯄꯦꯖꯁꯤꯡꯗꯥ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯁꯥꯏꯖꯒꯤ ꯊꯝꯕꯤꯕꯥ ꯎꯠꯄꯥ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯊꯝꯕꯤꯕꯥ꯫

ꯗꯥ ꯂꯩꯕꯥ ꯊꯝꯕꯤꯁꯤꯡ ꯑꯁꯤ .media-gridꯁꯥꯏꯖ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯑꯣꯏꯕꯥ ꯌꯥꯏ, ꯑꯗꯨꯕꯨ ꯃꯈꯣꯌꯅꯥ ꯁꯦꯃꯒꯠꯂꯕꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯒ꯭ꯔꯤꯗ ꯁꯤꯁ꯭ꯇꯦꯃꯗꯥ ꯍꯀꯊꯦꯡꯅꯅꯥ ꯃꯦꯞ ꯇꯧꯕꯥ ꯃꯇꯃꯗꯥ ꯈ꯭ꯕꯥꯏꯗꯒꯤ ꯐꯕꯥ ꯊꯕꯛ ꯇꯧꯏ꯫ ꯹꯰, ꯲꯱꯰, ꯑꯃꯁꯨꯡ ꯳꯳꯰ꯒꯨꯝꯕꯥ ꯏꯃꯦꯖꯒꯤ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯑꯁꯤ .span2, .span4, ꯑꯃꯁꯨꯡ .span6ꯀꯣꯂꯝ ꯁꯥꯏꯖꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯄꯦꯗꯤꯡꯒꯤ ꯄꯤꯛꯁꯦꯜ ꯈꯔꯒꯥ ꯄꯨꯅꯁꯤꯜꯂꯤ꯫

ꯑꯆꯧꯕ

ꯄꯥꯝꯕꯩ

ꯑꯄꯤꯛꯄ

ꯃꯈꯣꯌꯕꯨ ꯀꯣꯗ ꯇꯧꯕꯥ꯫

ꯃꯤꯗꯤꯌꯥ ꯒ꯭ꯔꯤꯗꯁꯤꯡ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯗꯥ ꯂꯥꯌꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯥꯔꯀꯑꯥꯄꯀꯤ ꯃꯄꯥꯟꯗꯥ ꯃꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯌꯥꯝꯅꯥ ꯂꯥꯏ꯫ ꯃꯈꯣꯌꯒꯤ ꯗꯥꯏꯃꯦꯟꯁꯅꯁꯤꯡ ꯑꯁꯤ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯏꯃꯦꯖꯁꯤꯡꯒꯤ ꯁꯥꯏꯖ ꯑꯗꯨꯗꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯅꯤ꯫

<ul class = "ꯃꯤꯗꯤꯌꯥ-ꯒ꯭ꯔꯤꯗ" > 
  <ꯂꯤ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
    <a href = "#" > ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫ 
      <img class = "ꯊꯨꯝꯐꯝ" src = "https://placehold.it/330x230" alt = "" >   
    </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  </li> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  <ꯂꯤ> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
    <a href = "#" > ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫ 
      <img class = "ꯊꯨꯝꯐꯝ" src = "https://placehold.it/330x230" alt = "" >   
    </a> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  </li> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

ꯇꯦꯕꯂꯁꯤꯡ ꯁꯥꯕꯥ꯫

<table> <thead> <tbody> <tr> <th> <td> <colspan> <caption>

ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ—ꯄꯣꯠ ꯀꯌꯥꯒꯤꯗꯃꯛ꯫ ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯑꯆꯧꯕꯥ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯁꯤ ꯀꯥꯟꯅꯕꯥ, ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ, ꯑꯃꯁꯨꯡ ꯄꯥꯕꯥ ꯌꯥꯕꯥ (ꯀꯣꯗꯀꯤ ꯊꯥꯛꯇꯥ) ꯑꯣꯏꯅꯕꯥ ꯃꯥꯔꯀꯑꯥꯞ ꯅꯨꯡꯁꯤꯕꯥ ꯈꯔꯥ ꯃꯊꯧ ꯇꯥꯏ꯫ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯄꯥꯎꯇꯥꯛ ꯈꯔꯥ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤ꯫

ꯃꯇꯝ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯅꯍꯥꯛꯀꯤ ꯀꯣꯂꯝ ꯍꯦꯗꯁꯤꯡ <thead>ꯑꯗꯨ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯁꯤ <thead>> <tr>> ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯔꯦꯞ <th>ꯇꯧꯕꯤꯌꯨ꯫

ꯀꯣꯂꯝ ꯍꯦꯗꯁꯤꯡꯒꯥ ꯃꯥꯟꯅꯅꯥ, ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯒꯤ ꯍꯀꯆꯥꯡꯒꯤ ꯀꯟꯇꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ ꯑꯦꯗꯥ ꯔꯦꯞ ꯇꯧꯒꯗꯕꯅꯤ <tbody>ꯃꯔꯝ ꯑꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯍꯥꯏꯔꯔꯀꯤ ꯑꯁꯤ <tbody>> <tr>> <td>.

ꯈꯨꯗꯝ: ꯗꯤꯐꯣꯜꯇ ꯇꯦꯕꯜ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ꯫

ꯇꯦꯕꯜ ꯄꯨꯝꯅꯃꯛ ꯑꯁꯤ ꯔꯤꯗꯤꯕꯤꯂꯤꯇꯤ ꯁꯣꯌꯗꯅꯥ ꯂꯩꯍꯟꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯠꯔꯀꯆꯔ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯅꯕꯥ ꯇꯉꯥꯏ ꯐꯗꯕꯥ ꯉꯃꯈꯩꯁꯤꯡ ꯈꯛꯇꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯣꯇꯣꯃꯦꯇꯤꯛ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯒꯅꯤ꯫ ꯑꯍꯦꯅꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯅꯠꯠꯔꯒꯥ ꯑꯦꯠꯔꯤꯕꯤꯎꯇꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯒꯤ ꯃꯊꯧ ꯇꯥꯗꯦ꯫

<ꯇꯦꯕꯜ> ꯑꯁꯤꯅꯤ꯫
  ...
</ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: ꯀꯟꯗꯦꯟꯁꯟ ꯇꯧꯔꯕꯥ ꯇꯦꯕꯜ꯫

ꯍꯦꯟꯅꯥ ꯀꯅꯕꯥ ꯃꯐꯃꯁꯤꯡꯗꯥ ꯗꯦꯇꯥ ꯍꯦꯟꯅꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯇꯦꯕꯂꯁꯤꯡꯒꯤ ꯑꯣꯏꯅꯗꯤ, ꯄꯦꯗꯤꯡ ꯑꯗꯨ ꯇꯪꯈꯥꯌꯗꯥ ꯀꯥꯄꯁꯤꯜꯂꯤꯕꯥ ꯀꯟꯗꯦꯟꯁꯟ ꯐ꯭ꯂꯦꯕꯔ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯃꯁꯤ ꯗꯤꯐꯣꯜꯇ ꯇꯦꯕꯜ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯨꯝꯅꯥ ꯕꯣꯔꯗꯔꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯁꯨ ꯌꯥꯏ꯫

ꯈꯨꯗꯝ: ꯉꯃꯈꯩ ꯂꯩꯕꯥ ꯇꯦꯕꯜ꯫

ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯁꯤꯡ ꯑꯗꯨ ꯃꯈꯣꯌꯒꯤ ꯀꯣꯅꯨꯡꯁꯤꯡ ꯑꯗꯨ ꯀꯨꯄꯁꯤꯟꯗꯨꯅꯥ ꯑꯃꯁꯨꯡ ꯃꯥꯌꯀꯩ ꯄꯨꯝꯅꯃꯛꯇꯥ ꯕꯣꯔꯗꯁꯤꯡ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯁꯨꯞꯅꯒꯤ ꯈꯔꯥ ꯍꯦꯟꯅꯥ ꯂꯨꯝꯅꯥ ꯂꯧꯊꯣꯀꯎ꯫

<ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯕꯣꯔꯗꯔ-ꯇꯦꯕꯜ" > 
  ...
</ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ ꯇꯧꯕꯥ꯫

ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯅꯍꯥꯛꯀꯤ ꯇꯦꯕꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯈꯔꯥ ꯐꯦꯟꯁꯤ ꯑꯣꯏꯌꯨ— .zebra-stripedꯀ꯭ꯂꯥꯁ ꯑꯗꯨ ꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯜꯂꯨ꯫

ꯈꯪꯖꯤꯅꯒꯗꯕꯥ: ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯄꯤꯡ ꯑꯁꯤ IE8 ꯑꯃꯁꯨꯡ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯥ ꯑꯔꯤꯕꯥ ꯕ꯭ꯔꯥꯎꯖꯔꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯐꯪꯗꯕꯥ ꯄ꯭ꯔꯣꯒ꯭ꯔꯦꯁꯤꯚ ꯑꯦꯅꯍꯥꯟꯁꯃꯦꯟꯇ ꯑꯃꯅꯤ꯫

<ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ" > 
  ...
</ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ: ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ w/ TableSorter.js

ꯃꯃꯥꯡꯒꯤ ꯈꯨꯗꯝ ꯑꯗꯨ ꯂꯧꯔꯒꯥ, ꯑꯩꯈꯣꯌꯅꯥ jQuery ꯑꯃꯁꯨꯡ Tablesorter ꯄ꯭ꯂꯒꯏꯅꯒꯤ ꯈꯨꯠꯊꯥꯡꯗꯥ ꯁꯣꯔꯇꯤꯡ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤ ꯄꯤꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯕꯂꯁꯤꯡꯒꯤ ꯀꯥꯟꯅꯕꯥ ꯑꯗꯨ ꯐꯒꯠꯍꯜꯂꯤ꯫ ꯁꯣꯔꯠ ꯍꯣꯡꯗꯣꯛꯅꯕꯥ ꯀꯣꯂꯝ ꯑꯃꯍꯦꯛꯇꯒꯤ ꯍꯦꯗꯇꯥ ꯀ꯭ꯂꯤꯛ ꯇꯧꯔꯣ.

<script src = "js/jquery/jquery.ꯇꯦꯕꯂꯁꯣꯔꯇꯔ.ꯃꯤꯟ.ꯖꯦꯁ" ></ꯁ꯭ꯛꯔꯤꯞꯇ> ꯫ 
<ꯁ꯭ꯛꯔꯤꯞꯇ > ꯍꯥꯌꯕꯁꯤꯅꯤ꯫ 
  $ ( ꯐꯉ꯭ꯀꯁꯟ () { . 
    $ ( "ꯇꯦꯕꯜ#ꯁꯣꯔꯠꯇꯦꯕꯂꯒꯤ ꯈꯨꯗꯝ" ). ꯇꯦꯕꯂꯁꯣꯔꯇꯔ ({ ꯁꯣꯔꯇꯂꯤꯁ꯭ꯠ : [[ 1 , 0 ]] });  
  });
</script>ꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯄꯤꯈꯤ꯫
<ꯇꯦꯕꯜ ꯀ꯭ꯂꯥꯁ = "ꯖꯦꯕ꯭ꯔꯥ-ꯁ꯭ꯠꯔꯥꯏꯞ" > 
  ...
</ꯇꯦꯕꯜ>ꯗꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯗꯤꯐꯣꯜꯇ ꯑꯣꯏꯕꯥ ꯃꯑꯣꯡꯁꯤꯡ꯫

ꯐꯣꯔꯝ ꯈꯨꯗꯤꯡꯃꯛꯇꯥ ꯃꯈꯣꯌꯕꯨ ꯄꯥꯕꯥ ꯌꯥꯕꯥ ꯑꯃꯁꯨꯡ ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯐꯣꯡꯗꯣꯛꯅꯕꯥ ꯗꯤꯐꯣꯜꯇ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯄꯤꯔꯤ꯫ ꯇꯦꯛꯁꯠ ꯏꯅꯄꯨꯠꯁꯤꯡ, ꯈꯅꯒꯠꯂꯕꯥ ꯂꯤꯁ꯭ꯇꯁꯤꯡ, ꯇꯦꯛꯁꯇꯥꯏꯂꯁꯤꯡ, ꯔꯦꯗꯤꯑꯣ ꯕꯇꯅꯁꯤꯡ ꯑꯃꯁꯨꯡ ꯆꯦꯀꯕꯣꯛꯁꯁꯤꯡ, ꯑꯃꯁꯨꯡ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯄꯤꯔꯤ꯫

ꯁ꯭ꯇꯦꯛ ꯇꯧꯔꯕꯥ ꯐꯣꯔꯃꯁꯤꯡ꯫

ꯅꯍꯥꯛꯀꯤ ꯐꯣꯔꯃꯒꯤ HTML ꯗꯥ ꯍꯥꯄꯆꯤꯜꯂꯨ .form-stackedꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯒꯤ ꯐꯤꯜꯗꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯃꯈꯣꯌꯒꯤ ꯂꯦꯃꯍꯧꯔꯤꯕꯥ ꯑꯗꯨꯒꯤ ꯃꯍꯨꯠꯇꯥ ꯂꯦꯕꯦꯂꯁꯤꯡ ꯂꯩꯒꯅꯤ꯫ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯅꯍꯥꯛꯀꯤ ꯐꯣꯔꯃꯁꯤꯡ ꯑꯗꯨ ꯁꯣꯔꯠ ꯑꯣꯏꯔꯕꯗꯤ ꯅꯠꯠꯔꯒꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯦꯟꯅꯥ ꯂꯨꯕꯥ ꯐꯣꯔꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯏꯅꯄꯨꯠꯁꯤꯡꯒꯤ ꯀꯣꯂꯝ ꯑꯅꯤ ꯂꯩꯔꯕꯗꯤ ꯃꯁꯤꯅꯥ ꯑꯆꯧꯕꯥ ꯊꯕꯛ ꯇꯧꯏ꯫

ꯐꯤꯜꯗ ꯁꯥꯏꯖꯁꯤꯡ ꯁꯦꯝꯃꯨ꯫

ꯅꯍꯥꯛꯀꯤ ꯃꯥꯔꯀꯑꯥꯄꯇꯥ ꯀ꯭ꯂꯥꯁ ꯈꯔꯈꯛꯇꯃꯛ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯐꯣꯔꯝ input, select, ꯅꯠꯠꯔꯒꯥ ꯄꯥꯛ ꯆꯥꯎꯕꯥ ꯑꯃꯍꯦꯛꯇꯕꯨ ꯀꯁ꯭ꯇꯃꯁ ꯇꯧꯕꯤꯌꯨ꯫textarea

v1.3.0 ꯐꯥꯑꯣꯕꯗꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯐꯣꯔꯝ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯒ꯭ꯔꯤꯗꯇꯥ ꯌꯨꯝꯐꯝ ꯑꯣꯏꯕꯥ ꯁꯥꯏꯖꯤꯡ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯍꯥꯄꯆꯤꯜꯂꯦ꯫ ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ .mini, .small, ꯑꯁꯤꯅꯆꯤꯡꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯁꯤꯖꯤꯟꯅꯕꯤꯌꯨ꯫

ꯕꯇꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯀꯅꯚꯦꯟꯁꯟ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯕꯇꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ ꯑꯗꯨꯒꯥ ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯑꯁꯤ ꯑꯣꯕꯖꯦꯛꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫ ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ, "ꯗꯥꯎꯅꯂꯣꯗ" ꯍꯥꯌꯕꯁꯤ ꯕꯇꯟ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ ꯑꯃꯁꯨꯡ "ꯍꯟꯗꯛꯀꯤ ꯊꯕꯛ ꯊꯧꯔꯝ" ꯑꯁꯤ ꯂꯤꯉ꯭ꯛ ꯑꯃꯥ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫

ꯕꯇꯟ ꯄꯨꯝꯅꯃꯛ ꯂꯥꯏꯠ ꯒ꯭ꯔꯦ ꯁ꯭ꯇꯥꯏꯜ ꯑꯃꯗꯥ ꯗꯤꯐꯣꯜꯇ ꯇꯧꯏ, ꯑꯗꯨꯕꯨ ꯇꯣꯉꯥꯟ-ꯇꯣꯉꯥꯅꯕꯥ ꯃꯆꯨꯒꯤ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯐꯉ꯭ꯀꯁꯅꯦꯜ ꯀ꯭ꯂꯥꯁ ꯃꯁꯤꯡ ꯀꯌꯥ ꯑꯃꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯍꯥꯌꯔꯤꯕꯥ ꯀ꯭ꯂꯥꯁꯁꯤꯡ ꯑꯁꯤꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯕ꯭ꯂꯨ .primaryꯀ꯭ꯂꯥꯁ ꯑꯃꯥ, ꯂꯥꯏꯠ-ꯕ꯭ꯂꯨ .infoꯀ꯭ꯂꯥꯁ ꯑꯃꯥ, ꯒ꯭ꯔꯤꯟ .successꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯑꯃꯁꯨꯡ ꯔꯦꯗ .dangerꯀ꯭ꯂꯥꯁ ꯑꯃꯥ ꯌꯥꯑꯣꯔꯤ꯫

ꯈꯨꯗꯝ ꯑꯣꯏꯕꯥ ꯕꯇꯅꯁꯤꯡ꯫

ꯕꯇꯟ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡ ꯑꯁꯤ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯔꯕꯥ ꯑꯗꯨꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯀꯔꯤꯒꯨꯝꯕꯥ ꯑꯃꯠꯇꯥꯗꯥ .btnꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯌꯥꯏ꯫ ꯃꯍꯧꯁꯥꯅꯥ ꯅꯍꯥꯛꯅꯥ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ <a>, <button>, ꯑꯃꯁꯨꯡ ꯈꯅꯒꯠꯂꯕꯥ <input>ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯈꯛꯇꯗꯥ ꯑꯦꯞꯂꯥꯏ ꯇꯧꯕꯥ ꯄꯥꯝꯂꯒꯅꯤ꯫ ꯃꯈꯥꯗꯥ ꯄꯤꯔꯤꯕꯁꯤ ꯀꯔꯝꯅꯥ ꯑꯣꯏꯒꯅꯤ:

ꯑꯂꯇꯔꯅꯦꯇꯤꯕ ꯁꯥꯏꯖꯁꯤꯡ꯫

ꯐꯦꯟꯁꯤ ꯑꯆꯧꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯄꯤꯀꯄꯥ ꯕꯇꯅꯁꯤꯡ? ꯃꯁꯤꯗꯥ ꯂꯩꯕꯤꯌꯨ!

ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯁ꯭ꯇꯦꯠ꯫

ꯑꯦꯛꯇꯤꯕ ꯑꯣꯏꯗꯕꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯔꯝ ꯑꯃꯅꯥ ꯅꯠꯠꯔꯒꯥ ꯑꯃꯅꯥ ꯑꯦꯞ ꯑꯁꯤꯅꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯕꯥ ꯕꯇꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ, ꯗꯤꯁꯑꯦꯕꯜ ꯑꯣꯏꯔꯕꯥ ꯁ꯭ꯇꯦꯠ ꯑꯗꯨ ꯁꯤꯖꯤꯟꯅꯧ꯫ ꯃꯗꯨ .disabledꯂꯤꯉ꯭ꯀꯁꯤꯡꯒꯤꯗꯃꯛ :disabledꯑꯃꯁꯨꯡ <button>ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤꯗꯃꯛꯇꯅꯤ꯫

ꯂꯤꯉ꯭ꯀꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯕꯇꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯃꯁꯤ ꯀꯔꯤꯅꯣ꯫

ꯑꯩꯈꯣꯌꯒꯤ ꯇꯣꯄꯕꯥꯔ ꯑꯁꯤ ꯋꯦꯕꯁꯥꯏꯠ ꯑꯃꯒꯤ ꯂꯣꯒꯣ ꯅꯠꯔꯒꯥ ꯃꯃꯤꯡ, ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯅꯦꯚꯤꯒꯦꯁꯟ, ꯑꯃꯁꯨꯡ ꯁꯥꯔꯆ ꯐꯣꯔꯝ ꯌꯥꯑꯣꯕꯥ ꯐꯤꯛꯁ ꯕꯥꯔ ꯑꯃꯅꯤ꯫

ꯀꯁ꯭ꯇꯃꯁ ꯑꯣꯏꯕꯥ ꯌꯥꯏ꯫

ꯃꯅꯨꯡꯗꯥ ꯂꯩꯕꯥ ꯑꯦꯂꯤꯃꯦꯟꯇ ꯄꯨꯝꯅꯃꯛ, ꯑꯃꯁꯨꯡ ꯇꯣꯄꯕꯥꯔ ꯄꯨꯝꯅꯃꯀꯁꯨ, ꯑꯣꯄꯁꯅꯦꯜ ꯑꯣꯏ꯫ ꯅꯍꯥꯛꯅꯥ ꯂꯣꯒꯣ/ꯃꯃꯤꯡ, ꯅꯦꯚ, ꯁꯥꯔꯆ, ꯑꯃꯁꯨꯡ ꯁꯦꯀꯦꯟꯗꯔꯤ ꯅꯦꯚ ꯑꯃꯥ ꯌꯥꯎꯍꯅꯕꯥ ꯌꯥꯏ—ꯅꯠꯠꯔꯒꯥ ꯃꯗꯨꯒꯤ ꯀꯝꯕꯤꯅꯦꯁꯟ ꯑꯃꯍꯦꯛꯇꯕꯨ꯫

ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯃꯔꯨꯑꯣꯏꯕꯥ ꯅꯦꯚꯤꯒꯦꯁꯅꯒꯤ ꯁꯔꯨꯛ ꯑꯃꯥ ꯑꯣꯏꯅꯥ, ꯑꯩꯈꯣꯌꯅꯥ ꯑꯗꯣꯃꯒꯤ ꯅꯦꯚꯤꯗꯥ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯅꯁꯤꯡ ꯍꯥꯄꯆꯤꯅꯕꯒꯤ ꯇꯧꯕꯥ ꯉꯝꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯁꯤ ꯌꯥꯑꯣꯍꯜꯂꯦ꯫ ꯃꯁꯤ ꯀꯔꯝꯅꯥ ꯇꯧꯕꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ ꯃꯊꯛꯀꯤ ꯁꯦꯀꯦꯟꯗꯔꯤ ꯅꯦꯚ (ꯔꯥꯏꯠ ꯑꯦꯂꯥꯏꯟ ꯇꯧꯔꯕꯥ) ꯑꯗꯨ ꯆꯦꯛ ꯇꯧꯕꯤꯌꯨ꯫ ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ liꯇꯦꯒꯁꯤꯡꯅꯥ .activeꯍꯧꯖꯤꯛ ꯂꯩꯔꯤꯕꯥ ꯄꯦꯖ ꯈꯅꯕꯒꯤ ꯃꯑꯣꯡ ꯑꯁꯤꯁꯨ ꯎꯠꯂꯤ꯫

ꯇꯦꯕ ꯑꯃꯁꯨꯡ ꯄꯤꯂꯁꯤꯡ꯫

ꯑꯃꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯏꯆꯝ ꯆꯝꯕꯥ ꯁꯦꯀꯦꯟꯗꯔꯤ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯃꯥ ꯁꯦꯃꯒꯠꯄꯥ <ul>. ꯃꯇꯤꯛ ꯆꯥꯕꯥ ꯀ꯭ꯂꯥꯁ ꯍꯥꯄꯆꯤꯟꯗꯨꯅꯥ ꯇꯦꯕ ꯅꯠꯠꯔꯒꯥ ꯄꯤꯂꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯁꯣꯞ ꯇꯧ꯫

ꯑꯩꯈꯣꯌꯒꯤ ꯑꯦꯀꯥꯎꯟꯇ ꯁꯦꯇꯤꯡꯁ ꯄꯦꯖꯁꯤꯡꯒꯨꯝꯕꯥ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯁꯕ-ꯁꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ ꯂꯥꯏꯛ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯄꯦꯖꯁꯤꯡꯒꯤ ꯃꯔꯛꯇꯥ ꯇꯣꯒꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯌꯨꯖꯔ ꯇꯥꯏꯃꯂꯥꯏꯅꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯆꯧꯕꯥ꯫ ꯇꯦꯕꯜ ꯅꯠꯠꯔꯒꯥ ꯄꯤꯜ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯗꯥ ꯐꯪꯒꯅꯤ꯫

ꯕꯦꯁꯤꯛ ꯇꯦꯕꯁꯤꯡꯒꯤ ꯈꯨꯗꯝ꯫

ꯇꯦꯕꯁꯤꯡ ꯑꯁꯤ ꯆꯥꯡ ꯅꯥꯏꯅꯥ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯣꯏꯅꯥ (ꯆꯞ ꯃꯥꯟꯅꯕꯥ ꯇꯦꯕ ꯑꯗꯨꯗꯥ ꯃꯄꯥꯅꯒꯤ ꯄꯦꯖꯁꯤꯡ ꯂꯣꯗ ꯇꯧꯕꯥ) ꯅꯠꯠꯔꯒꯥ ꯀꯟꯇꯦꯟꯇꯀꯤ ꯄꯦꯅꯁꯤꯡ ꯁꯣꯞ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ ꯇꯦꯕꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ ꯀꯟꯇꯦꯟꯇ ꯑꯦꯔꯤꯌꯥꯁꯤꯡ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯏ꯫ ꯑꯩꯈꯣꯌꯒꯤ ꯇꯦꯕꯁ ꯄ꯭ꯂꯒꯏꯟ ꯑꯃꯥ ꯂꯩꯔꯤ ꯃꯗꯨ ꯇꯨꯡꯗꯥ ꯂꯥꯀꯄꯥ ꯑꯁꯤ ꯏꯟꯇꯤꯒ꯭ꯔꯦꯠ ꯇꯧꯕꯗꯥ ꯁꯤꯖꯤꯟꯅꯕꯥ ꯌꯥꯒꯅꯤ꯫

• ꯌꯨꯝ
• ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯁꯝꯂꯞꯄ ꯋꯥꯔꯣꯜ
• ꯄꯥꯎꯖꯦꯂꯁꯤꯡ꯫
• ꯁꯦꯇꯤꯡꯁꯤꯡ꯫
• ꯄꯥꯎ ꯐꯥꯎꯕ
• ꯗ꯭ꯔꯣꯄꯗꯥꯎꯟ ꯇꯧꯕꯥ꯫
  • ꯁꯦꯀꯦꯟꯗꯔꯤ ꯂꯤꯉ꯭ꯛ ꯇꯧꯕꯥ꯫
  • ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯑꯇꯣꯞꯄꯥ ꯋꯥꯐꯝ ꯑꯃꯥ ꯂꯩꯔꯤ꯫
  • ꯑꯇꯣꯞꯄꯥ ꯂꯤꯉ꯭ꯛ ꯑꯃꯅꯤ꯫

<ul ꯀ꯭ꯂꯥꯁ = "ꯇꯦꯕꯁꯤꯡ" > 
  <li class = "ꯑꯦꯛꯇꯤꯕ" ><a href = "#" > ꯌꯨꯃꯗꯥ </a></li>  
  <li><a href = "#" > ꯄ꯭ꯔꯣꯐꯥꯏꯜ </a></li> 
  <li><a href = "#" > ꯄꯥꯎꯖꯦꯂꯁꯤꯡ </a></li> 
  <li><a href = "#" > ꯁꯦꯇꯤꯡꯁꯤꯡ </a></li> 
  <li><a href = "#" > ꯀꯟꯇꯦꯛꯇ ꯇꯧꯕꯤꯌꯨ </a></li> 
</ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

ꯕꯦꯁꯤꯛ ꯄꯤꯂꯁꯤꯡꯒꯤ ꯈꯨꯗꯝ꯫

• ꯌꯨꯝ
• ꯃꯤꯑꯣꯏ ꯑꯃꯒꯤ ꯁꯝꯂꯞꯄ ꯋꯥꯔꯣꯜ
• ꯄꯥꯎꯖꯦꯂꯁꯤꯡ꯫
• ꯁꯦꯇꯤꯡꯁꯤꯡ꯫
• ꯄꯥꯎ ꯐꯥꯎꯕ

<ul class = "ꯄꯤꯂꯁ" > ꯍꯥꯌꯕꯥ ꯋꯥꯍꯩ ꯑꯁꯤ ꯌꯥꯑꯣꯔꯤ꯫ 
  <li class = "ꯑꯦꯛꯇꯤꯕ" ><a href = "#" > ꯌꯨꯃꯗꯥ </a></li>  
  <li><a href = "#" > ꯄ꯭ꯔꯣꯐꯥꯏꯜ </a></li> 
  <li><a href = "#" > ꯄꯥꯎꯖꯦꯂꯁꯤꯡ </a></li> 
  <li><a href = "#" > ꯁꯦꯇꯤꯡꯁꯤꯡ </a></li> 
  <li><a href = "#" > ꯀꯟꯇꯦꯛꯇ ꯇꯧꯕꯤꯌꯨ </a></li> 
</ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

ꯕ꯭ꯔꯦꯗꯛꯔꯥꯃꯁꯤꯡ꯫

ꯕ꯭ꯔꯦꯗꯛꯔꯥꯝ ꯅꯦꯚꯤꯒꯦꯁꯟ ꯑꯁꯤ ꯌꯨꯖꯔꯁꯤꯡꯗꯥ ꯑꯦꯞ ꯑꯃꯥ ꯅꯠꯠꯔꯒꯥ ꯁꯥꯏꯠ ꯑꯃꯒꯤ ꯃꯅꯨꯡꯗꯥ ꯃꯈꯣꯌꯅꯥ ꯂꯩꯔꯤꯕꯥ ꯃꯐꯝ ꯑꯗꯨ ꯎꯠꯄꯒꯤ ꯃꯑꯣꯡ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ, ꯑꯗꯨꯕꯨ ꯄ꯭ꯔꯥꯏꯃꯥꯔꯤ ꯅꯦꯚꯤꯒꯦꯁꯅꯒꯤꯗꯃꯛꯇꯗꯤ ꯁꯤꯖꯤꯟꯅꯗꯦ꯫

• ꯌꯨꯝ

• ꯍꯣꯝ / ꯳.
• ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ ꯄꯦꯖ꯫

• ꯍꯣꯝ / ꯳.
• ꯃꯤꯗꯜ ꯄꯦꯖ / ꯳.
• ꯑꯇꯣꯞꯄꯥ ꯑꯃꯅꯥ꯫

• ꯍꯣꯝ / ꯳.
• ꯃꯤꯗꯜ ꯄꯦꯖ / ꯳.
• ꯑꯇꯣꯞꯄꯥ ꯑꯃꯅꯥ / .
• ꯑꯗꯣꯝ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯂꯩꯔꯤ꯫

<ul class = "ꯕ꯭ꯔꯦꯗꯛꯔꯥꯝ" > 
  <li><a href = "#" > ꯍꯣꯝ </a> <ꯁ꯭ꯄꯦꯟ ꯀ꯭ꯂꯥꯁ = "ꯗꯤꯚꯥꯏꯗꯔ" > / </span></li>   
  <li><a href = "#" > ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ ꯄꯦꯖ </a> <span class = "ꯗꯤꯚꯥꯏꯗꯔ" > / </span></li>   
  <li><a href = "#" > ꯑꯇꯣꯞꯄꯥ ꯑꯃꯅꯥ </a> <span class = "ꯗꯤꯚꯥꯏꯗꯔ" > / </span></li>   
  <li class = "active" > ꯅꯍꯥꯛ ꯃꯐꯝ ꯑꯁꯤꯗꯥ ꯂꯩꯔꯤ </li> 
</ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫

ꯄꯦꯖꯤꯅꯦꯁꯟ ꯇꯧꯕꯥ꯫

ꯑꯥꯔ.ꯗꯤ.ꯑꯣ.ꯗꯒꯤ ꯏꯟꯁꯄꯥꯏꯔ ꯇꯧꯕꯥ ꯑꯂꯠꯔꯥ ꯁꯤꯝꯄꯂꯤꯁ꯭ꯇꯤꯛ ꯑꯃꯁꯨꯡ ꯃꯤꯅꯤꯃꯝ ꯑꯣꯏꯅꯥ ꯁ꯭ꯇꯥꯏꯜ ꯇꯧꯕꯥ ꯄꯦꯖꯤꯅꯦꯁꯟ꯫ ꯑꯆꯧꯕꯥ ꯕ꯭ꯂꯣꯛ ꯑꯁꯤ ꯌꯥꯝꯅꯥ ꯂꯨꯕꯥ, ꯐꯖꯅꯥ ꯁ꯭ꯀꯦꯜ ꯇꯧꯕꯥ ꯌꯥꯕꯥ, ꯑꯃꯁꯨꯡ ꯑꯆꯧꯕꯥ ꯀ꯭ꯂꯤꯛ ꯑꯦꯔꯤꯌꯥꯁꯤꯡ ꯄꯤꯔꯤ꯫

<div ꯀ꯭ꯂꯥꯁ = "ꯄꯦꯖꯤꯅꯦꯁꯟ" > 
  <ul> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫
    <li class = "ꯃꯃꯥꯡꯗꯥ ꯗꯤꯁꯦꯕꯜ ꯇꯧꯔꯦ" ><a href = "#" > ← ꯃꯃꯥꯡꯒꯤ </a></li>  
    <li class = "ꯑꯦꯛꯇꯤꯕ" ><a href = "#" > ꯱ </a></li>  
    <li><a href = "#" > ꯲ </a></li> ꯇꯧꯕꯥ ꯌꯥꯏ꯫ 
    <li><a href = "#" > ꯳ </a></li> ꯇꯧꯕꯥ ꯌꯥꯏ꯫ 
    <li><a href = "#" > ꯴ </a></li> ꯇꯧꯕꯥ ꯌꯥꯏ꯫ 
    <li><a href = "#" > ꯵ </a></li> ꯂꯩ꯫ 
    <li class = "ꯃꯊꯪꯒꯤ" ><a href = "#" > ꯃꯊꯪꯒꯤ → </a></li> ꯍꯥꯌꯅꯥ ꯈꯉꯅꯩ꯫  
  </ul> ꯍꯥꯌꯅꯥ ꯃꯤꯡꯊꯣꯅꯕꯥ꯫
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯕꯦꯁꯤꯛ ꯑꯦꯂꯔꯇꯁꯤꯡ꯫

.alert-message

ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯃꯥꯌ ꯄꯥꯀꯄꯥ, ꯑꯣꯏꯊꯣꯀꯄꯥ ꯌꯥꯕꯥ ꯃꯥꯌ ꯄꯥꯀꯄꯥ ꯅꯠꯠꯔꯒꯥ ꯃꯥꯌ ꯄꯥꯀꯄꯥ ꯑꯗꯨ ꯐꯣꯡꯗꯣꯛꯅꯕꯒꯤꯗꯃꯛ ꯋꯥꯟ-ꯂꯥꯏꯟ ꯃꯦꯁꯦꯖꯁꯤꯡ꯫ ꯃꯔꯨꯑꯣꯏꯅꯥ ꯐꯔꯃꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯀꯥꯟꯅꯒꯅꯤ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯐꯪꯕꯤꯌꯨ »

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯀꯣꯗ꯫

<div class = "ꯑꯦꯂꯔꯠ-ꯃꯦꯁꯦꯖ ꯋꯥꯔꯅꯤꯡ" > 
  <a class = "ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ" href = "#" > × </a>  
  <p><strong> ꯁꯦꯡꯂꯕꯥ ꯒꯨꯋꯥꯍꯥꯇꯤ! </strong> ꯕꯦꯁ꯭ꯠ ꯆꯦꯛ ꯌꯣ ꯁꯦꯜꯐ, ꯅꯍꯥꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯎꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫ </p> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯃꯦꯁꯦꯖꯁꯤꯡ ꯕ꯭ꯂꯣꯛ ꯇꯧꯕꯥ꯫

.alert-message.block-message

ꯈꯔꯥ ꯃꯌꯦꯛ ꯁꯦꯡꯅꯥ ꯇꯥꯀꯄꯥ ꯃꯊꯧ ꯇꯥꯕꯥ ꯃꯦꯁꯦꯖꯁꯤꯡꯒꯤꯗꯃꯛ ꯑꯩꯈꯣꯌꯅꯥ ꯄꯦꯔꯥꯒ꯭ꯔꯥꯐ ꯁ꯭ꯇꯥꯏꯜ ꯑꯦꯂꯔꯇꯁꯤꯡ ꯂꯩ꯫ ꯍꯥꯌꯔꯤꯕꯁꯤꯡ ꯑꯁꯤ ꯍꯦꯟꯅꯥ ꯁꯥꯡꯕꯥ ꯑꯦꯔꯥꯔ ꯃꯦꯁꯦꯖꯁꯤꯡ ꯕꯨꯕꯜ ꯇꯧꯅꯕꯒꯤꯗꯃꯛ, ꯌꯨꯖꯔ ꯑꯃꯗꯥ ꯄꯦꯟꯗꯤꯡ ꯑꯦꯛꯁꯟ ꯑꯃꯒꯤ ꯃꯇꯥꯡꯗꯥ ꯆꯦꯀꯁꯤꯅꯋꯥ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ, ꯅꯠꯠꯔꯒꯥ ꯄꯦꯖ ꯑꯗꯨꯗꯥ ꯍꯦꯟꯅꯥ ꯃꯤꯠꯌꯦꯡ ꯊꯝꯅꯕꯒꯤꯗꯃꯛ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯈꯛꯇꯃꯛ ꯄꯤꯅꯕꯒꯤꯗꯃꯛ ꯃꯄꯨꯡ ꯐꯥꯅꯥ ꯁꯤꯖꯤꯟꯅꯩ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯐꯪꯕꯤꯌꯨ »

ꯈꯨꯗꯝ ꯑꯣꯏꯅꯥ ꯀꯣꯗ꯫

<div class = "ꯑꯦꯂꯔꯠ-ꯃꯦꯁꯦꯖ ꯕ꯭ꯂꯣꯛ-ꯃꯦꯁꯦꯖ ꯋꯥꯔꯅꯤꯡ" > 
  <a class = "ꯀ꯭ꯂꯣꯖ ꯇꯧꯕꯥ" href = "#" > × </a>  
  <p><strong> ꯁꯦꯡꯂꯕꯥ ꯒꯨꯋꯥꯍꯥꯇꯤ! ꯃꯁꯤ ꯆꯦꯀꯁꯤꯅꯋꯥ ꯑꯃꯅꯤ! </strong> ꯕꯦꯁ꯭ꯠ ꯆꯦꯛ ꯌꯣ ꯁꯦꯜꯐ, ꯅꯍꯥꯛ ꯌꯥꯝꯅꯥ ꯐꯖꯅꯥ ꯎꯕꯥ ꯐꯪꯗ꯭ꯔꯤ꯫ ꯅꯨꯜꯂꯥ ꯚꯤꯇꯥꯏ ꯏꯂꯤꯠ ꯂꯤꯕꯦꯔꯣ, ꯑꯦ ꯐꯥꯔꯦꯠꯔꯥ ꯑꯣꯒ꯫ ꯄ꯭ꯔꯦꯁꯦꯟꯇ ꯀꯃꯣꯗꯣ ꯀꯔꯁꯁ ꯃꯦꯒ꯭ꯅꯥ, ꯚꯦꯜ ꯁ꯭ꯀꯦꯂꯦꯔꯤꯁ꯭ꯛ ꯅꯤꯁꯜ ꯀꯟꯁꯦꯛꯇꯦꯇꯨꯔ ꯑꯦꯠ. </p> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
  <div class = "ꯑꯦꯂꯔꯠ-ꯑꯦꯛꯁꯅꯁꯤꯡ" > 
    <a class = "btn small" href = "#" > ꯑꯦꯛꯁꯟ ꯑꯁꯤ ꯂꯧꯈꯠꯀꯗꯕꯅꯤ </a> <a class = "btn small" href = "#" > ꯅꯠꯔꯒꯥ ꯃꯁꯤ ꯇꯧꯕꯤꯌꯨ </a>     
  </div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫
</div> ꯍꯥꯌꯅꯥ ꯐꯣꯡꯗꯣꯀꯈꯤ꯫

ꯃꯣꯗꯂꯁꯤꯡ ꯌꯥꯑꯣꯔꯤ꯫

ꯃꯣꯗꯦꯂꯁꯤꯡ-ꯗꯥꯏꯂꯣꯒ ꯅꯠꯠꯔꯒꯥ ꯂꯥꯏꯠꯕꯣꯛꯁꯁꯤꯡ- ꯑꯁꯤ ꯕꯦꯀꯒ꯭ꯔꯥꯎꯟꯗ ꯀꯟꯇꯦꯛꯁ ꯑꯗꯨ ꯉꯥꯛꯇꯨꯅꯥ ꯊꯝꯕꯥ ꯑꯁꯤ ꯃꯔꯨꯑꯣꯏꯕꯥ ꯐꯤꯚꯃꯁꯤꯡꯗꯥ ꯀꯟꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯑꯦꯛꯁꯅꯁꯤꯡꯒꯤꯗꯃꯛꯇꯥ ꯑꯆꯧꯕꯥ ꯑꯃꯅꯤ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯐꯪꯕꯤꯌꯨ »

ꯇꯨꯂꯇꯤꯄꯁꯤꯡ꯫

ꯇ꯭ꯕꯤꯄꯁꯤꯁꯤꯡ ꯑꯁꯤ ꯋꯥꯈꯜ ꯋꯥꯕꯥ ꯌꯨꯖꯔ ꯑꯃꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯕꯗꯥ ꯑꯃꯁꯨꯡ ꯃꯈꯣꯌꯕꯨ ꯑꯆꯨꯝꯕꯥ ꯃꯥꯏꯀꯩꯗꯥ ꯇꯥꯀꯄꯗꯥ ꯁꯨꯄꯔ ꯀꯥꯟꯅꯕꯅꯤ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯐꯪꯕꯤꯌꯨ »

ꯄꯣꯄꯣꯚꯔꯁꯤꯡ꯫

ꯂꯦꯑꯥꯎꯇꯇꯥ ꯑꯀꯥꯌꯕꯥ ꯄꯤꯗꯅꯥ ꯄꯦꯖ ꯑꯃꯗꯥ ꯁꯕꯇꯦꯛꯁꯆꯨꯑꯦꯜ ꯏꯅꯐꯣꯔꯃꯦꯁꯟ ꯄꯤꯅꯕꯥ ꯄꯣꯄꯣꯚꯔꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤ ꯐꯪꯕꯤꯌꯨ »

ꯍꯧꯗꯣꯀꯄꯥ꯫

ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯏꯟꯇꯤꯒ꯭ꯔꯦꯠ ꯇꯧꯕꯥ ꯑꯁꯤ ꯁꯨꯄꯔ ꯏꯖꯤ ꯑꯣꯏ꯫ ꯃꯈꯥꯗꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯕꯦꯁꯤꯀꯁꯤꯡ ꯑꯗꯨ ꯌꯦꯡꯁꯤꯜꯂꯤ ꯑꯃꯁꯨꯡ ꯑꯗꯣꯃꯗꯥ ꯍꯧꯗꯣꯛꯅꯕꯥ ꯑꯉꯀꯄꯥ ꯄ꯭ꯂꯒꯏꯟ ꯈꯔꯥ ꯄꯤꯔꯤ!

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯁꯤꯡ ꯌꯦꯡꯕꯤꯌꯨ »

ꯌꯥꯑꯣꯔꯤꯕꯥ ꯑꯗꯨ ꯀꯔꯤꯅꯣ꯫

jQuery ꯑꯃꯁꯨꯡ Ender . _ ꯑꯗꯣꯃꯒꯤ ꯑꯀꯛꯅꯕꯥ ꯗꯤꯕꯦꯂꯄꯃꯦꯟꯇꯀꯤ ꯃꯊꯧ ꯇꯥꯕꯁꯤꯡ ꯑꯗꯨꯒꯥ ꯆꯨꯅꯕꯥ ꯃꯑꯣꯡꯗꯥ ꯃꯈꯣꯌꯕꯨ ꯁꯥꯡꯗꯣꯛꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯣꯗꯤꯐꯥꯏ ꯇꯧꯅꯕꯥ ꯑꯩꯈꯣꯌꯅꯥ ꯑꯗꯣꯃꯗꯥ ꯇꯀꯁꯤꯜꯂꯤ꯫

ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯃꯊꯧ ꯇꯥꯕ꯭ꯔꯥ?

ꯅꯠꯇꯦ! ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯑꯍꯥꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯃꯔꯨ ꯑꯣꯏꯅꯥ CSS ꯂꯥꯏꯕ꯭ꯔꯦꯔꯤ ꯑꯃꯥ ꯑꯣꯏꯅꯥ ꯗꯤꯖꯥꯏꯟ ꯇꯧꯕꯅꯤ꯫ ꯃꯁꯤꯒꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯑꯁꯤꯅꯥ ꯌꯥꯑꯣꯔꯤꯕꯥ ꯁ꯭ꯇꯥꯏꯂꯁꯤꯡꯒꯤ ꯃꯊꯛꯇꯥ ꯕꯦꯁꯤꯛ ꯏꯟꯇꯔꯦꯛꯇꯤꯕ ꯂꯦꯌꯔ ꯑꯃꯥ ꯄꯤꯔꯤ꯫

ꯑꯗꯨꯝ ꯑꯣꯏꯅꯃꯛ, ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇ ꯃꯊꯧ ꯇꯥꯔ��ꯕꯥ ꯃꯤꯑꯣꯏꯁꯤꯡꯒꯤꯗꯃꯛ, ꯑꯩꯈꯣꯌꯅꯥ ꯃꯊꯛꯇꯥ ꯄꯅꯈ꯭ꯔꯤꯕꯥ ꯄ꯭ꯂꯒꯏꯅꯁꯤꯡ ꯑꯁꯤ ꯑꯗꯣꯃꯗꯥ ꯕꯨꯠꯁ꯭ꯠꯔꯥꯞ ꯑꯁꯤ ꯖꯥꯚꯥꯁ꯭ꯛꯔꯤꯞꯇꯀꯥ ꯀꯔꯝꯅꯥ ꯏꯟꯇꯤꯒ꯭ꯔꯦꯠ ꯇꯧꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯈꯉꯕꯗꯥ ꯃꯇꯦꯡ ꯄꯥꯡꯅꯕꯥ ꯑꯃꯁꯨꯡ ꯑꯗꯣꯃꯗꯥ ꯈꯨꯗꯛꯇꯥ ꯕꯦꯁꯤꯛ ꯐꯉ꯭ꯀꯁꯅꯦꯂꯤꯇꯤꯒꯤꯗꯃꯛ ꯊꯨꯅꯥ, ꯂꯥꯏꯅꯥ ꯑꯣꯄꯁꯟ ꯑꯃꯥ ꯄꯤꯅꯕꯥ ꯄꯤꯈ꯭ꯔꯦ꯫

ꯑꯍꯦꯅꯕꯥ ꯏꯅꯐꯣꯔꯃꯦꯁꯅꯒꯤꯗꯃꯛ ꯑꯃꯁꯨꯡ ꯂꯥꯏꯚ ꯗꯦꯃꯣ ꯈꯔꯥ ꯌꯦꯡꯅꯕꯒꯤꯗꯃꯛ, ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯑꯩꯈꯣꯌꯒꯤ ꯄ꯭ꯂꯒꯏꯟ ꯗꯣꯛꯌꯨꯃꯦꯟꯇꯦꯁꯟ ꯄꯦꯖꯗꯥ ꯌꯦꯡꯕꯤꯌꯨ .