Typography
Sử dụng <div class=”post-heading”>Đây là thẻ</div>
<ul class=”starlist”></ul>
|
<ul class=”checklist”></ul>
|
<ul class=”orderlist”></ul>
|
<ul class=”arrowlist”></ul>
|
error:<p class=”error”></p>
This is a sample error message. Use
Your error message goes here!
Tips: <p class=”tips”></p>
This is a sample tips message. Use
Your tips goes here!
.
Feed: <p class=”feed”></p>
This is a sample feed message. Use
Your tips goes here!
.
This is a sample clip note. Use <p class=”stickynote”></p>
Your clip note goes here!
to form a clip note!
This is a sample clip note. Use
Your clip note goes here!
to form a clip note!
01This is a sample block number. Use
01Your content goes here!
to form a block number!
02This is a sample block number. Use
02Your content goes here!
to form a block number!
03This is a sample block number. Use
03Your content goes here!
to form a block number!
Example: class=”plainrows”>………
| Table header | Column header 1 | Column header 2 | Column header 3 | Column header 4 | Column header 5 |
|---|---|---|---|---|---|
| Table footer | Footer data | ||||
| Row header 1 | Lorem ipsum | Dolor sit amet | Consectetuer adipiscing | Aliquam quis urna | Sed felis |
| Row header 2 | Nullam nec odio | Vivamus turpis metus | Feugiat sit amet | Class aptent | Ad litora torquent |
| Row header 3 | Pulvinar sed | Tincidunt sit amet | Massa | Dolor sit amet | Consectetuer adipiscing |
| Row header 4 | Vivamus turpis metus | Feugiat sit amet | Class aptent | Ad litora torquent | Nullam nec odio |
| Row header 5 | Massa | Dolor sit amet | Tincidunt sit amet | Pulvinar sed | Consectetuer adipiscing |
Grey Stripes table style
Example: class=”greystripes”>………
| Table header | Column header 1 | Column header 2 | Column header 3 | Column header 4 | Column header 5 |
|---|---|---|---|---|---|
| Table footer | Footer data | ||||
| Row header 1 | Lorem ipsum | Dolor sit amet | Consectetuer adipiscing | Aliquam quis urna | Sed felis |
| Row header 2 | Nullam nec odio | Vivamus turpis metus | Feugiat sit amet | Class aptent | Ad litora torquent |
| Row header 3 | Pulvinar sed | Tincidunt sit amet | Massa | Dolor sit amet | Consectetuer adipiscing |
| Row header 4 | Vivamus turpis metus | Feugiat sit amet | Class aptent | Ad litora torquent | Nullam nec odio |
| Row header 5 | Massa | Dolor sit amet | Tincidunt sit amet | Pulvinar sed | Consectetuer adipiscing |
Một số button
Button: <a href=”#” class=”button”><span>Button 1</span></a>
Button 2: <a href=”#” class=”button2″><span>Button 2</span></a>
