This is what it's like ya'll; in the AFTERmath
Details
- code
- code some more
- code again
- re code again
We are presenting here, most of the typographical aspects of the JA T3v2 Framework.
Make your readers happy with great Typography and User Experience!
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.
Below is a sample of <pre> tag or code class:
#ja-rightcol { width: 180px; float: right; color: #EEEEEE;}
This is a highlight phrase. Use <span class="highlight">Your highlight phrase goes here!</span>.
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!
This is a sample Drop Cap. The first letter in this paragraph is big. JA Templates bring into your Jooomla template the magazine drop cap technique and CSS2 includes the first-letter pseudo class. Use <p><span class="dropcap">T</span>Your content goes here!</p> to form a dropcap!
01This is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-1">01</span>Your content goes here!</p> to form a block dropcap!
02This is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-1">02</span>Your content goes here!</p> to form a block dropcap!
03This is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-1">03</span>Your content goes here!</p> to form a block dropcap!
AThis is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-2">A</span>Your content goes here!</p> to form a block dropcap!
BThis is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-2">B</span>Your content goes here!</p> to form a block dropcap!
CThis is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-2">C</span>Your content goes here!</p> to form a block dropcap!
aThis is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-3">a</span>Your content goes here!</p> to form a block dropcap!
bThis is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-3">b</span>Your content goes here!</p> to form a block dropcap!
cThis is a sample block dropcap. Use <p class="blockdropcap"><span class="dropcap-3">c</span>Your content goes here!</p> to form a block dropcap!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est, eu vulputate sapien suscipit ac. Vestibulum porttitor justo a est elementum luctus. Nulla ac pharetra nulla. Quisque metus orci, cursus at sollicitudin sit.
Use <p class="icon-error">Your message goes here!</p> to make this.
Use <p class="icon-message">Your message goes here!</p> to make this.
Use <p class="icon-tips">Your message goes here!</p> to make this.
Use <p class="icon-note">Your message goes here!</p> to make this.
Use <p class="icon-tag">Your message goes here!</p> to make this.
Use <p class="icon-rss">Your message goes here!</p> to make this.
Use <p class="icon-cart">Your message goes here!</p> to make this.
Use <p class="icon-page">Your message goes here!</p> to make this.
Use <p class="icon-demo">Your message goes here!</p> to make this.
Use <p class="icon-download">Your message goes here!</p> to make this.
Use <p class="icon-discussion">Your message goes here!</p> to make this.
Use <p class="icon-info">Your message goes here!</p> to make this.
Use <p class="icon-readmore">Your message goes here!</p> to make this.
Use <p class="icon-doc">Your message goes here!</p> to make this.
Use <p class="icon-signup">Your message goes here!</p> to make this.
Use <p class="icon-login">Your message goes here!</p> to make this.
Use <p class="icon-submit">Your message goes here!</p> to make this.
Use <p class="icon-extension">Your message goes here!</p> to make this.