Following modules styles can be used In this Joomla! Template

Default module style . Leave Module Class Suffix input box empty (Main Menu module ) Add "_yj1" or " yj1" in Module setting Module Class Suffix input box (Sample _yj1 module ) Add "_yj2" or " yj2" in Module setting Module Class Suffix input box (Sample _yj2 module )

YJSimpleGrid Framework comes with 51 build in module positions . Adding new module grids is a very simple process and within few seconds you can adjust the layout to your own liking. Each  module positon is completely collapsible either by disabling module in module manager or by setting module size to 0 in template manager. Mainbody grid is completely flexible and can swithc sides by simply adjusting default mainbody layout in template manager. Logo width and height can also be adjusted in template manager or completely disabled.

Following typography styles can be used In this Joomla! Template

TThis is a Magazine Style Drop Cap. To display Drop Cap us <p span class="dropcap">First Letter Goes Here</span> Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre. Gratuitous octopus niacin, sodium glutimate. Quote meon an estimate et non interruptus stadium. Sic tempus fugit esperanto hiccup estrogen. Glorious.

Heading1 (h1) looks like this

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.

Heading2 (h2) looks like this

Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, li tot Europa usa li sam vocabularium. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos.

Heading3 (h3) looks like this

Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues. It va esser tam simplic quam Occidental:

Heading4 (h4) looks like this

Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. Souvlaki ignitus carborundum e pluribus unum. Defacto lingo est igpay atinlay. Marquee selectus non provisio incongruous feline nolo contendre.

To display error message<p class="error">Error message here!</p>.

To display info message<p class="massage">Info messag ehere!</p>.

To display tips message<p class="tips">Info messagehere!</p>.

To highlight phrase use<span class="highlight">This is sample of highlighted phrase!</span>

To display codes use

<pre> or <div class="code"> <?php$lijevo = mosCountModules( 'left' );if ( $lijevo ) {$maincontent = 'right_side';} else {$maincontent = 'right_side_full';?

To display sticky note use: <p class="sticky">Sample of your note!</p>

To display pin note use :<p class="pin">Sample of your pin note !</p>

To display clip note use:<p class="clip">Sample of your clip note</p>

To display download note use:<p class="down">Sample of your download note</p>

To display blockquote note use: <div class="blockquote"><blockquote>Sample of your blockquote note</blockquote></div>

01Sample of Big Numbers List<p class="blocknumber"><span class="bignumber">01.</span>Content goes here!</p>Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

02Sample of Big Numbers List <p class="blocknumber"><span class="bignumber">02.</span>Content goes here!</p> Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

03Sample of Big Numbers List<p class="blocknumber"><span class="bignumber">03.</span>Content goes here!</p> Need some more text here to display demo content.Need some more text here to display demo content.Need some more text here to display demo content.

Sample of ordered list . Sample of ordered list Sample of ordered list Sample of ordered list Sample of ordered list

Sample of check list .To use

<ul><li class="check">Your list item goes here!</li></ul> Sample of li list Dolor sit Consectetuer Adipiscing elit Diam

Sample of star list .To use

<ul><li class="star">Your list item goes here!</li></ul> Sample of li list Dolor sit Consectetuer Adipiscing elit Diam

Sample of video list .To use

<ul><li class="video">Your list item goes here!</li></ul> Sample of li list Dolor sit Consectetuer Adipiscing elit Diam

Sample of image border use

<img src="http://sitename/image.jpg class="border" alt="" title="">

Sample of Youretro image border use

<img src="/images/stories/joomla1.jpg class="retro_border" alt="" title="">

Sample of list use on dark grids

<ul class="dark_list"><li><a href= "your link" >Your list item goes here!</li></a></ul>

Sample of li list Dolor sit Consectetuer Adipiscing elit Diam