Friday, Feb 28th

Last update 06:02:40 PM EST

Friday, 11 April 2008 02:47

Typography

Written by  Administrator
Rate this item
(1 Vote)

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

Preformatted text

Headings

This is a sample Heading 1. Lorem ipsum.

This is a sample Heading 2. Lorem ipsum.

This is a sample Heading 3. Lorem ipsum.

This is a sample Heading 4. Lorem ipsum.

This is a sample Heading 5. Lorem ipsum.

Special Content

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

Blockquote

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!

Dropcaps

This is a Magazine Style 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!

Lists Style

Ordered List

  1. This is a sample Ordered List.
  2. Lorem ipsum dolor sit amet consectetur
  3. Lorem ipsum dolor sit amet consectetur
  4. Lorem ipsum dolor sit amet consectetur

Un-Ordered List

  • This is a sample Unordered List.
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur
  • Lorem ipsum dolor sit amet consectetur

Definition List

This is a sample Definition List.
Condimentum quis.
Congue Quisque augue elit dolor.
Congue Quisque augue elit dolor.

Special Unordered Lists

  •  This is a sample Arrow list.
  •  Use <ul class="ja-typo-list list-arrow"><li><span class="icon"> </span>List's content goes here!</li></ul>
  •  This is a sample Arrowlist.
  •  This is a sample Star list.
  •  Use <ul class="ja-typo-list list-star"><li><span class="icon"> </span>List's content goes here!</li></ul>
  •  This is a sample Starlist.
  •  This is a sample Check list.
  •  Use <ul class="ja-typo-list list-check"><li><span class="icon"> </span>List's content goes here!</li></ul>
  •  This is a sample Checklist.

Block Number

01Use <p class="blocknumber blocknumber-1"><span class="bignumber">01</span>Your content goes here!</p>

02Use <p class="blocknumber blocknumber-1"><span class="bignumber">02</span>Your content goes here!</p>

03Use <p class="blocknumber blocknumber-1"><span class="bignumber">03</span>Your content goes here!</p>

AUse <p class="blocknumber blocknumber-2"><span class="bignumber">A</span>Your content goes here!</p>

BUse <p class="blocknumber blocknumber-2"><span class="bignumber">B</span>Your content goes here!</p>

CUse <p class="blocknumber blocknumber-2"><span class="bignumber">C</span>Your content goes here!</p>

aUse <p class="blocknumber blocknumber-3"><span class="bignumber">a</span>Your content goes here!</p>

bUse <p class="blocknumber blocknumber-3"><span class="bignumber">b</span>Your content goes here!</p>

cUse <p class="blocknumber blocknumber-3"><span class="bignumber">c</span>Your content goes here!</p>

Icons Style

 Use <p class="error"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="message"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="tips"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="key"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="tag"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="cart"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="doc"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="note"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="photo"><span class="icon"> </span>Your message goes here!</p> to make this.

 Use <p class="mobi"><span class="icon"> </span>Your message goes here!</p> to make this.

Bubbles

Grey Bubbles

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.

  Author Name

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.

  Author Name

Blue Bubbles

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.

  Author Name

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.

  Author Name

Black Bubbles

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.

  Author Name

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.

  Author Name

Rounded Grey Bubbles

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.

  Author Name

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.

  Author Name

Rounded Blue Bubbles

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.

  Author Name

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.

  Author Name

Rounded Black Bubbles

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.

  Author Name

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.

  Author Name

Message Boxes & Legend Styles

Message Boxes with Icons

This is a sticky. Use <p class="box-sticky">Your clip note goes here!</p> to create a clip note!

This is a download box. Use <p class="box-download">Your download goes here!</p> to create a download box!

Message Boxes - Style 1

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Message Boxes - Style 2

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Rounded Message Boxes with Icons

This is a sticky. Use <p class="box-sticky">Your clip note goes here!</p> to create a clip note!

This is a download box. Use <p class="box-download">Your download goes here!</p> to create a download box!

Rounded Message Boxes - Style 1

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Rounded Message Boxes - Style 2

This is a grey box. Use <p class="box-grey">Your content goes here!</p> to create a grey box!

This is a hilite box. Use <p class="box-hilite">Your content goes here!</p> to create a hilite box!

Legends

Legend - Style 1

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Legend - Style 2

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Rounded Legends

Rounded Legend - Style 1

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Rounded Legend - Style 2

Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae.

Buttons & Tags

Squared Tags

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

Rounded Tags

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

This is a sample Inline Tag. Use this to provide useful information.

Special Module Style

 
Use module suffix: _badge badge-top to put this badge on any module you like!
 
Use module suffix: _badge badge-new to put this badge on any module you like!
 
Use module suffix: _badge badge-pick to put this badge on any module you like!
 
Use module suffix: _badge badge-hot to put this badge on any module you like!

Forms

Form Fieldset

Templates Fieldset 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.
Special Fieldset - Style 1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.
Special Fieldset - Style 2 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dapibus sapien vel mauris viverra quis euismod dui tincidunt. Phasellus laoreet mattis est.

Form Elements





Last modified on Tuesday, 12 October 2010 04:17

1628175 comments

  • Comment Link Rikky Friday, 07 February 2020 07:22 posted by Rikky

    There's a three month trial period http://ampland.fun/www.trannytube.tvnewest www.trannytube.tvnewest
    Policymakers see capital expenditure and wage growth as key in achieving a sustained economic recovery and pulling Japan out of deflation, because companies have been hoarding cash instead of spending for decades due to the murky economic outlook.
    http://xnxxbeeg.in.net/yyouporn yyouporn
    In Europe, even the usually subdued holiday period of Augustsaw a string of equity capital market deals, including a 348million pound capital hike by security services firm G4S, and the sale of a 10 percent stake in French electricalequipment supplier Rexel by its controllingshareholder.
    http://porntrex.in.net/www.dinotub www.dinotub
    Giants pitcher Dave Dravecky is cared for after he snaps his throwing arm in the middle of a pitch and collapses during a game in 1989. He fought back from cancer surgery on his arm to pitch again, but the broken arm results in having his arm amputated on June 18, 1991.
    http://xnxxxnxxx.in.net/sarabe-pokemon sarabe pokemon
    The Daily News has some of the most memorable photos in sports history. From legendary boxers and iconic tennis players to golfing greats and fabled Olympians, the Daily News has the photos you want of the once-in-a-lifetime sports moments. Find yours today and relive history.
    http://xnxx-pornxnxx.in.net/hentaihavenor hentaihavenor
    He said Mr Darling, the former Chancellor, had been asked by all of the pro-UK parties in Scotland to lead the campaign, and that while it was entirely right for Mr Salmond to place himself at the head of the Yes campaign in favour of independence, he should not decide who should lead the No campaign too.

  • Comment Link Damian Friday, 07 February 2020 07:21 posted by Damian

    Could you ask him to call me? http://xxx-xxxxx.in.net/naturals-salon-kasturi-nagar naturals salon kasturi nagar
    "It's just troublesome that in this day and age, with no merit or anything, somebody can just throw a name (around) just because he feels like, in his opinion, I'm having a down year cause I've lost velocity which clearly wasn't the case," Verlander said. "Then all of a sudden I'm having to deal with this just because I have a big name."
    http://maturetube.in.net/imagefape.com imagefape.com
    Leave it to Lanegan to find the darkness in someone feather-light. For decades, the singer has created what many might describe as “hard listening” music, defined by his fathoms-deep voice, brooding demeanor and raging rock guitars.
    http://xnxxxnxn.in.net/ghettotube.comhetto ghettotube.comhetto
    Ms Schofield said: “This home was, from the top down, completely mismanaged and understaffed and the home failed to provide a safe environment for the residents. Those who did nothing or turned a blind eye should be ashamed.”
    http://xnxxxxx.in.net/guetotube guetotube
    Noah, who missed the first three games with a sore groin, finished with two points and eight rebounds in just fewer than 20 minutes. Thibodeau called his defense "outstanding" and lauded his reaction to the ball.
    http://tubegalore.in.net/hp-chupa-rustom-dus-paise hp chupa rustom dus paise
    Dungarees are without a doubt the trickiest trend of the summer. So tricky in fact that hardly anyone has dared to wear them. Today however the challenge was taken up by Jesy Nelson, who pulled them off with aplomb.

  • Comment Link Willian Friday, 07 February 2020 07:21 posted by Willian

    It's funny goodluck http://keezmovies.in.net/jjmovie jjmovie
    No one immediately claimed responsibility for the attack, but insurgents have been regaining strength in recent months, recruiting from the country's Sunni minority, which resents Shi'ite domination since the U.S.-led invasion of 2003.
    http://xnxxxnxxjapan.in.net/feetandsleep-boundhub feetandsleep boundhub
    “By entering a restraining order, the court can preservethe status quo pending the jury’s verdict and the outcome of anyproportionality hearing,” according to the order jointlysubmitted by prosecutors and SAC. “Here the government requestsa protective order that imposes limited measures designed topreserve the availability of the defendant property forforfeiture.”
    http://xnxx-xnxxhd.in.net/thumbhzilla thumbhzilla
    Musharraf is seen as someone who did not exactly champion the cause of democracy. He managed to alienate many while at the helm. He must, however, accept that it is the democratic infrastructure that has now thwarted his ambitions as a politician who wanted to cast aside the bullet and win by the ballot.
    http://xvideo.in.net/pure-sex-byxnxxx.com pure sex byxnxxx.com
    George Stephanopoulos is anchor of ABC's "Good Morning America" and "This Week." He is also the network's chief political correspondent, reporting on political and policy stories for all ABC News broadcasts and platforms.
    http://xxx-xxxxxx.in.net/beeg-com-3012315 beeg com 3012315
    > Other business headlines Multimedia versions of Reuters Top News are now available for: * 3000 Xtra : visit* BridgeStation: view story .134(Reporting by Tricia Wright, Editing by Francesco Canepa)

  • Comment Link Milton Friday, 07 February 2020 07:21 posted by Milton

    Wonderfull great site http://bokep.in.net/cooltube24.net cooltube24.net
    3. Make sure the distributor you choose in each country really does cover the area you need it to before offering them exclusivity. Eat Natural, the Essex-based fruit and nut bar maker that exports to more than 20 countries, discovered that the man it had appointed as its exclusive distributor in Italy really sold to only a few retailers in Milan. Fortunately it quickly realised its mistake and exports now account for 35pc of the firm's total sales. Co-founder Parveen Vijh said: "We work really, really hard to create strong, productive relationships with our sales teams abroad. Every market is different, and you really need to tune into that."
    http://sextube.in.net/veporn.ncom veporn.ncom
    Turning a house into a profitable crash pad requires more than just sprucing up the space and posting it on Craigslist and Airbbnb. City law requires a proper certificate of occupancy from the Department of Buildings and the collection of the city’s 6% hotel tax.
    http://xxx-x.in.net/ytmate. ytmate.
    The three big names are US educated Mohammad Zarif, who will be the Foreign Minister and former oil minister Bijan Zanganeh who will return to the post. Both ministers will be seeking to build bridges with the West. International sanctions over Irans nuclear programme has seen oil exports halved since 2011.
    http://porntrex.in.net/www.dinotub www.dinotub
    Identical-store sales, which include results fromestablished supermarkets that have not been replaced orsignificantly renovated and exclude fuel sales, rose 1.9percent. The company expects such sales to rise 1.6 percent to1.9 percent this year.
    http://beeg-beegcom.in.net/hqpoiner hqpoiner
    The A4AI aims to "drive down artificially high Internet prices in developing countries. By advocating for open, competitive and innovative broadband markets, A4AI aims to help access prices fall to below 5 percent of monthly income worldwide." By reaching this goal the A4IA "can help connect the two-thirds of the world that is presently not connected to the Internet and make universal access a reality."

  • Comment Link deradera off white off white black amp white brand name Friday, 07 February 2020 07:21 posted by deradera off white off white black amp white brand name

    converse homme t shirt paris outlet online unbeatablesaldi converse x missoni chuck taylor all star hi blu rosaconverse chuck taylor all star classic low charcoal fromnmd r2 dk k酶b adidas nmd r2 pk sko bedste pris danmark online
    deradera off white off white black amp white brand name

  • Comment Link NikdaK Friday, 07 February 2020 07:20 posted by NikdaK

    is 5mg de

    58b8 form is available

    58b8

  • Comment Link pepe jeans napszem眉veg c4 56 pepe jeans Friday, 07 February 2020 07:20 posted by pepe jeans napszem眉veg c4 56 pepe jeans

    new era firenze pallone da calcio 2015 2016 gucci fur moccasins borse e scarpe guess gemelli oro giallo orologi guess donna scontati maglietta con foto personalizzata camino addobbi natalizi
    pepe jeans napszem眉veg c4 56 pepe jeans

  • Comment Link NickDob Friday, 07 February 2020 07:19 posted by NickDob

    [url=http://ventolin2020.com/]ventolin coupon[/url] [url=http://albuterolgen.com/]how to order albuterol tabs without a prescription[/url] [url=http://ventolin24.com/]ventolin generic[/url] [url=http://retinarem.com/]retin a 0.025 cream buy online[/url] [url=http://propecia2020.com/]buy brand propecia online[/url] [url=http://fluoxetinetb.com/]fluoxetine 20mg[/url]

  • Comment Link ednet virtual reality szem眉veg pro 谩r 3 863 ft Friday, 07 February 2020 07:19 posted by ednet virtual reality szem眉veg pro 谩r 3 863 ft

    armani f茅rfi ruh谩zatez眉st lovas bar谩ts谩g kark枚t艖 2 db equestrian jewelry 茅kszerek a lovak 茅s kedvel艖inek4 5 szem茅lyes v铆z谩ll贸 gyors s谩tor act s谩trak 谩raklarvikit kark枚t艖
    ednet virtual reality szem眉veg pro 谩r 3 863 ft

  • Comment Link veter谩n ker茅kp谩rra b艖r kis szersz谩mos t谩ska Friday, 07 February 2020 07:19 posted by veter谩n ker茅kp谩rra b艖r kis szersz谩mos t谩ska

    shoprenter seo shoprenter web谩ruh谩z seo a 煤j nagym茅ret疟 sz茅les n艖i szand谩l be m谩rka uk 9 extra gombos szat茅n pizsama r枚vidnadr谩ggal imperia piros el艖nyomott h铆mezhet艖 n茅gysz枚gletes asztali fut贸 kalocsai cm tamaris n艖i bokap谩ntos szand谩l 28018 20 948 silver combi m茅ret 39 diadora derekas farmer munk谩snadr谩g utility stone k艖mosott sz眉rke 38 as n艖i 谩tmeneti tavaszi cip艖 1400 ft hu a b艖rszoknya en the leather skirt
    veter谩n ker茅kp谩rra b艖r kis szersz谩mos t谩ska

Leave a comment

Make sure you enter the (*) required information where indicated.
Basic HTML code is allowed.