Ini adalah dokumentasi Typography website syakirin.net!
Heading 1
Ini adalah contoh Heading 1.
Heading 2
Ini adalah contoh heading 2.
Dibawah ini contoh typograpy untuk menampilkan kode html <pre> atau <div class="code">
#ja-rightcol {
width: 180px;
float: right;
color: #EEEEEE;
}
Heading 3
Ini adalah contoh heading 3.
- Ini contoh Ordered List.
- Nama buah.
- Nama Bunga.
- Nama Pohon.
Ini Heading 4
Ini contoh heading 4 yang menghasilkan huruf Kapital.
- Ini Contoh Unordered List.
- Nama Ayah.
- Nama Ibu.
- Nama Anak.
- Ini contok penggunaan Check list.
- Data-data penting
- Kurang penting
- Tidak penting
- Ini Contoh penggunaan Unordered list.
- Mengisi kekosongan data
- Hanya contoh
- Hasil edit Sementara.
- Ini contoh penggunaan Unordered list.
- Lihat hasil.
- Lihat penulisannya
- Dan nikmati.
This is a sample clip note. Use <p class="stickynote">Your clip note goes here!</p> to form a clip note!
This is a sample download. Use <p class="download">Your download goes here!</p> to form a download!
This is a sample Blockquote. Use <blockquote>Your quote goes here!</blockquote> to form a quote!
This is a sample Blockquote. Use <blockquote><span class="open">Y</span>our quote goes her<span class="close">e!</span></blockquote> to form a quote!
01This is a sample block number. Use <p class="blocknumber"><span class="bignumber">01.</span>Your content goes here!</p> to form a block number!
02This is a sample block number. Use <p class="blocknumber"><span class="bignumber">02.</span>Your content goes here!</p> to form a block number!
03This is a sample block number. Use <p class="blocknumber"><span class="bignumber">03.</span>Your content goes here!</p> to form a block number!
This is a sample error message. Use <p class="error">Your error message goes here!</p>.
This is a sample tips message. Use <p class="tips">Your tips goes here!</p>.
This is a highlight phrase. Use <span class="highlight">Your highlight phrase goes here!</span>.
This is a Magazine Style Drop Cap. The first letter in this paragraph is big. JA avian bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. In all fairness to the paragraph itself we probably should type enough to see how it looks when it is surrounded by its textual friends by using more words. <span class="dropcap">T</span>
Legend style
Use <div class="legend"><h3 class="legend-title">Your title</h3><p>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p></div>













