ZT Zizia - шаблон joomla Оригами
01January

News Flash

Written by 
Rate this item
(0 votes)

Displays a set number of articles from a category based on date or random selection. Help

  •  

  • It is possible with templates which have a typography page to show you how you can use e.g. headline tags in order to structure your content in a better way. Below, we present rebuilt and refreshed typographical aspects of Gavern Framework. In order to use it, you have to use a plug in which is delivered in a package with a template or use HTML code.

    Heading Styles

    This is Heading 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

    This is Heading 2

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

    This is Heading 3

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus

    This is Heading 4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus
     

    Pre Code Styles

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

    #zt-body {
     width: 180px;
     float: right;
     color: #EEEEEE;
    }
    #zt-body {
     width: 180px;
     float: right;
     color: #EEEEEE;
    }
     

    Highlights

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    This is a highlight phrase.

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

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    This is a highlight phrase.

    Use <span class="highlight1">Your highlight phrase goes here!</span>.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    This is a highlight phrase.

    Use <span class="highlight2">Your highlight phrase goes here!</span>.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

    This is a highlight phrase.

    Use <span class="highlight3">Your highlight phrase goes here!</span>.

     

    Icon set 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

     

    Unordered lists

    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
    • Lorem ipsum dolor sit amet.
     

    Warnings

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer semper egestas nunc in volutpat. Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus.

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

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

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

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

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

     
     

  • Get the code

    [youtube height="HEIGHT" width="WIDTH"]PLACE_LINK_HERE[/youtube]

     

  • Get the code

    [vimeo height='HEIGHT' width='WIDTH']PLACE_LINK_HERE[/vimeo]

     

    • Cras rhoncus

      Sed molestie lacinia massa et facilisis. Quisque vestibulum porta diam, eu ultrices nisi consectetur eget. Mauris elit mauris, viverra vel iaculis eu, aliquam id libero. Sed luctus urna non elit vehicula vulputate. Ut ac orci a lectus tincidunt varius. Suspendisse vestibulum justo a quam consectetur volutpat. Nulla sed ligula justo, non lobortis ligula. Fusce a dolor ut massa commodo pharetra. Pellentesque tincidunt imperdiet pellentesque. Morbi egestas, lacus posuere commodo sodales, ligula augue imperdiet ipsum, et venenatis quam turpis ut magna. Ut molestie diam vitae leo varius vestibulum. Suspendisse potenti. Nam a libero vitae libero consectetur mollis. Quisque eu posuere velit.

    • Curabitur vitae

      Duis id nunc sed urna ultricies laoreet. Cras rhoncus, nulla sit amet cursus cursus, velit ligula vestibulum nisi, nec pellentesque diam metus tempor lorem. Etiam et nisl mauris, et molestie turpis. Curabitur vitae velit odio. Nam viverra diam nec sapien condimentum porttitor. Sed aliquam, purus at euismod lacinia, lorem erat hendrerit augue, luctus fermentum sem lorem vel lacus. Nam vel lacus consequat urna ullamcorper sagittis sed eget lorem.

    Get the code

    [toggle_box]
    [toggle_item title='ITEM_TITLE']ADD_CONTENT_HERE[/toggle_item]
    [toggle_item title='ITEM_TITLE' active='true']ADD_CONTENT_HERE[/toggle_item]
    [/toggle_box]

Read 17988 times Last modified on Saturday, 17 September 2011 22:16
Published in Content Modules
Tagged under
Super User

Aenean ligula velit, malesuada et viverra vitae, auctor nec odio! Vestibulum in est eu urna pharetra aliquet. Sed congue porta lobortis.

Website: www.zootemplate.com/

Latest from Super User

Related items

More in this category: « Most Read Content Related Items Module »
back to top

About KTDGA

We are an examining body whose aim is to improve the quality of Driver Guides for the Kenya tourist industry. Tourists expect and are entitled to be accompanied by qualified guides during their visits to Kenya. We are committed to ensuring that this is the case.

Accepted Payment Mode

Our Monthly Newsletter

Top of Page