Joomla Templates and Joomla Extensions by ZooTemplate.Com
  • HOT NEWS
After Matchh News: جمعية اجيال تقول نعم للدستور - Friday, 15 April 2011 06:56
After Matchh News: Phasellus gravida dictum felis - Friday, 15 April 2011 06:54
After Matchh News: شهادة التكريم السيد ع.الفتاح عمار - Friday, 15 April 2011 06:51
After Matchh News: Vestibulum faucibus cursus sapien - Friday, 15 April 2011 06:46
After Matchh News: Mauris eu sem fringilla arcu consequat - Friday, 15 April 2011 06:44
After Matchh News: dignissim sit amet lobortis dignissim - Friday, 15 April 2011 06:43
After Matchh News: Pellentesque tincidunt vehicula ornare - Friday, 15 April 2011 06:43
After Matchh News: Nullam lacinia sapien sit amet mi - Friday, 15 April 2011 06:42
Blue Grey Red

 

Joomla Templates and Joomla Extensions by ZooTemplate.Com

اخر الاخبار

Joomla Templates and Joomla Extensions by ZooTemplate.Com
  • الفن

  • انتاج اجيال

  • عروض مميزة

  • ربورتاج

Learn English Easy?

Babylon Pro 8 - a software translation and dictionary related to easily support 75 different languages around the world. With Babylon

Typography

  • This is a sample Unordered List.
  • Condimentum quis.
  • Congue Quisque augue elit dolor.
  • Nunc cursus sem et pretium sapien eget.
  • This is a sample Checklist.
  • Dolor Curabitur Nam Nulla augue id.
  • Lorem et nunc congue pede auctor
  • Nunc cursus sem et pretium.
  • This is a sample Star list
  • Dolor Curabitur Nam Nulla augue id iaculis.
  • Lorem et nunc congue pede auctor
  • Nunc cursus sem et pretium.
  • This is a sample Arrow list.
  • Dolor Curabitur Nam Nulla augue id iaculis.
  • Lorem et nunc congue pede auctor
  • Nunc cursus sem et pretium.
This is a sample Bubble. Use <div class="bubble1"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED SPEECH BUBBLE </span>
ROUNDED SPEECH BUBBLE
This is a sample Bubble. Use <div class="bubble2"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED SPEECH BUBBLE</span>
SQUARE SPEECH BUBBLE
This is a sample Bubble. Use <div class="bubble3"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED NOTE BUBBLE</span>
ROUNDED THINKING BUBBLE
This is a sample Bubble. Use <div class="bubble4"> <div> <div> <div> <div> <div> Your Bubble goes here! </div> </div> </div> </div> </div><span class="author">ROUNDED NOTE BUBBLE</span>
SQUARE THINKING BUBBLE

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 clip note. Use <p class="download">Your clip note goes here!</p> to form a clip note!

Lorem ipsum dolor sit amet consectetuer interdum pulvinar orci Nunc elit. Wisi Ut ac Vestibulum sit venenatis Nullam convallis odio condimentum sit. Ipsum urna pretium elit Pellentesque porttitor nibh Nullam Maecenas dui eros.Sit id Phasellus orci Sed lobortis.

01 This is a sample block number. Use <p class="blocknumber"><span class="bignumber">01</span>Your content goes here!</p> to form a block number!

02 This is a sample block number. Use <p class="blocknumber"><span class="bignumber">02</span>Your content goes here!</p> to form a block number!

03 This 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 sample feed message. Use <p class="feed">Your tips goes here!</p>.

This is a highlight phrase. Use <span class="highlight">Your highlight phrase goes here!</span>.

Drop cap symbol

Example: <p class="dropcap">This is the text with dropcap symbol </p>.

This is special drop cap symbol styling for magazine / newspaper text paragraph. Vestibulum elementum consectetur nunc sed auctor. Phasellus sed nulla enim, vitae dignissim augue.

Legend style

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

Content arranged in 2 columns

Example: <div class=”grid2”><div class=”grid-col”>…</div><div class=”grid-col grid-lastcol”>…</div></div>

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec odio. Vivamus turpis metus, feugiat sit amet.

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec odio. Vivamus turpis metus, feugiat sit ame.

Content arranged in 3 columns

Example: <div class=”grid3”><div class=”grid-col”>…</div>...<div class=”grid-col grid-lastcol”>…</div></div>

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec odio. Vivamus turpis metus, feugiat sit amet, pulvinar sed, tincidunt sit amet, massa.

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec odio. Vivamus turpis metus, feugiat sit amet, pulvinar sed, tincidunt sit amet, massa.

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam nec odio. Vivamus turpis metus, feugiat sit amet, pulvinar sed, tincidunt sit amet, massa.

Content arranged in 4 columns

Example: <div class=”grid4”><div class=”grid-col”>…</div>...<div class=”grid-col grid-lastcol”>…</div></div>

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit.

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit.

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit.

imagesLorem ipsum dolor sit amet, consectetuer adipiscing elit.

Table styling

Tabular data is very common type of information to be presented on the web. By default tables look ugly and not much readable. With zt Kentro you have 3 table styles to present virtually any kind of tabular data you have.

Plain Rows table style

Example: <table class="plainrows"><thead>...</thead><tbody>...</tbody><tfoot>...</tfoot></table>

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

Color Stripes table style

Example: <table class="colorstripes"><thead>...</thead><tbody>...</tbody><tfoot>...</tfoot></table>

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: <table class="greystripes"><thead>...</thead><tbody>...</tbody><tfoot>...</tfoot></table>

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

موسيقى

magna quis cursus gravida

magna quis cursus gravida

Aenean pulvinar vulputate risus, vel condimentum tortor tempus sit amet. Aliquam id ante urna,...

01 April 2011 Read more...
Joomla Templates and Joomla Extensions by ZooTemplate.Com

ثقافي

Aliquam in fermentum eros

Aliquam in fermentum eros

Nunc ullamcorper feugiat placerat. Sed sit amet enim ac lectus tempor dapibus id ac eros. Nullam...

01 January 2011 Read more...
Joomla Templates and Joomla Extensions by ZooTemplate.Com

الازياء

 Mauris cursus erat ac lorem volutpat

Mauris cursus erat ac lorem volutpat

Sed at eros et augue varius rhoncus. Donec non magna non arcu malesuada volutpat ac non purus....

01 January 2011 Read more...
Joomla Templates and Joomla Extensions by ZooTemplate.Com

الاخبار

جمعية أجيال في 29 يونيو 2011 المسيرة تأييدا للدستور

جمعية أجيال في 29 يونيو 2011 المسيرة تأييدا للدستور

في حملة تأيدية واسعة   للدستور الجديد بالمملكة المغربية...

02 March 2011 Read more...
Joomla Templates and Joomla Extensions by ZooTemplate.Com