Das linke Bild besitzt den Code:

class="reflect"

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna
aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo
dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
takimata sanctus est Lorem ipsum dolor sit amet.

error32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

galerie32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

video32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

klemmbrett32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

kontakt32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

news_einsenden32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

warnung32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

webseite32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

hilfe32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

download32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

download232 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

stop32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

arbeit 32 Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.
Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis
cu quis officiis deserunt. Nec id alia latine verterem. Ea discere
intellegat sed, id his libris prompta atomorum.

Lorem ipsum enim epicuri posidonium et usu, cibo minimum ea nec.

Euismod fabulas civibus ne qui. Facer adipisci omittantur te duo, vis

cu quis officiis deserunt. Nec id alia latine verterem. Ea discere

intellegat sed, id his libris prompta atomorum. Quo ea malis persius

dissentiunt, elitr conceptam efficiendi per ut, ad autem lobortis qui.

Sale graeco ea vim, ubique partiendo assentior vix at. Cu usu prompta

temporibus consequuntur, facilisis repudiare at cum, in imperdiet

signiferumque usu. Dolorum percipitur instructior usu an. Vidit

assueverit eu sed. Salutandi urbanitas ei sit.

Vel ea hinc bonorum vulputate, accusata elaboraret an his. In vivendum

signiferumque vis. Ut solet option duo, vel cetero facilisi eu. Et

denique blandit voluptatum est. Vel an justo volutpat, vel mundi labore

epicuri cu.

This page presents most of typographical aspects of JA Teline. Make your readers happy with great Typography and User Experience!

This is an Heading 1

Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod
id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique
fringilla. Laoreet elit.

This is an Heading 2

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu
pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc
dapibus id magna a dictumst.

Below is a sample of <pre> or <div class="code">

Sample Cod

This is an Heading 3

Wisi sed pede Phasellus Vestibulum elit consequat consequat eu
pellentesque metus. Laoreet Vestibulum pharetra pede mattis nunc
dapibus id magna a dictumst. Nunc cursus sem et pretium sapien eget
consectetuer malesuada Phasellus Curabitur.

This is a sample Ordered List.
Lorem ipsum dolor sit amet consectetuer.
Condimentum quis.
Congue Quisque augue elit dolor nibh.

This is an Heading 4

This is a sample Unordered List.
Condimentum quis.
Congue Quisque augue elit dolor.
Nunc cursus sem et pretium sapien eget.

This is a sample Check list. Interdum Vestibulum Sed Lorem eu felis leo Nunc dui id feugiat.
Dolor Curabitur Nam Nulla augue id iaculis a nec Cum at.
Lorem et nunc congue pede auctor condimentum habitasse rutrum nunc
Mauris. Gravida id Aenean id condimentum nibh vitae montes sagittis
malesuada et.
Nunc cursus sem et pretium sapien eget.

This is a sample Bubble. Use <div class="bubble1">
<div> <div> <div> <div> Your Bubble goes here!
</div> </div> </div> </div>Bubble
</div>

ROUNDED SPEECH BUBBLE.

This is a sample Bubble. Use <div class="bubble2"> <div> Your Bubble goes here! </div>Bubble
</div>

SQUARE SPEECH BUBBLE.

This is a sample Bubble. Use <div class="bubble3">
<div> <div> <div> <div> Your Bubble goes here!
</div> </div> </div> </div>Bubble
</div>

ROUNDED THINKING BUBBLE.

This is a sample Bubble. Use <div class="bubble4"> <div> Your Bubble goes here! </div>Bubble
</div>

SQUARE THINKING BUBBLE.

This is a sample sticky note. Use <p class="stickynote">Your sticky note goes here!</p> to form a sticky note!

This is a sample pin note. Use <p class="pinnote">Your clip note goes here!</p> to form a clip note!

This is a sample newspaper note. Use <p class="clipnote">Your clip note goes here!</p> to form a clip note!

This is a sample clip note. Use <p class="newspaper">Your clip note goes here!</p> to form a clip note!

This is a sample Blockquote. Use <blockquote>Your quote goes here!</blockquote> to form a quote!

This is a sample Blockquote. Use <div class="blockquote"><blockquote>Your quote goes here!</blockquote></div> to form a quote!

This is a sample Blockquote Highlight. Use <div class="quote-hilite"><blockquote>Your quote goes here!</blockquote></div> 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 info message. Use <p class="message">Your info message goes here!</p>.

This is a sample tips message. Use <p class="tips">Your tips goes here!</p>.

This is a sample video link Watch video Now!. Use <span class="video"><a xhref="Your link" title="Your title">amp</a></span>.

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 Teline 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.

Use <p class="box-grey">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>

Use <p class="box-hilite">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>

Caption Box Adv

This is a sample Caption Box Use. <div class="caption"><h3>Caption Box</h3>Your content go there!</div>

Caption Box

This is a sample Caption Box Use. <div class="captionBox"><h3>Caption Box</h3>Your content go there!</div>

Caption Box Highlight

This is a sample Caption Box Use. <div class="captionBox-hilite"><h3>Caption Box Highlight</h3>Your content go there!</div>

Story High Light

This is a sample Caption Box Use. <div class="story-hilite"><h3>Story Highlight</h3>Your content go there!</div

Typografie