The Maravi Post

Switch to desktop Register Login


Web Link

TYPOGRAPHY

info1<p class="gkInfo1">Your info message goes here!</p>
info2<p class="gkInfo2">Your info message goes here!</p>
info3<p class="gkInfo3">Your info message goes here!</p>
info4<p class="gkInfo4">Your info message goes here!</p>
info5<p class="gkInfo5">Your info message goes here!</p>
tips1<p class="gkTips1">Your info message goes here!</p>
tips2<p class="gkTips2">Your info message goes here!</p>
tips3<p class="gkTips3">Your info message goes here!</p>
tips4<p class="gkTips4">Your info message goes here!</p>
tips5<p class="gkTips5">Your info message goes here!</p>
warning1<p class="gkWarning1">Your info message goes here!</p>
warning2<p class="gkWarning2">Your info message goes here!</p>
warning3<p class="gkWarning3">Your info message goes here!</p>
warning5<p class="gkWarning5">Your info message goes here!</p>
H1<h1>Heading 1</h1>
H2<h2>Heading 1</h2>
H3<h3>Heading 1</h3>
H4<h4>Heading 1</h4>
head1<p class="gkHeadline">Your Headline</p><p class="gkSubHeadline">Your Subheadline</p>
head2<p class="gkSmallHeadline">Small Headline</p><p class="gkLargeHeadline">Large Headline</p>
audio<p class="gkAudio">Your audio message goes here!</p>
webcam<p class="gkWebcam">Your webcam message goes here!</p>
email<p class="gkEmail">Your email message goes here!</p>
creditcard<p class="gkCreditcard">Your creditcard message goes here!</p>
feed<p class="gkFeed">Your feed message goes here!</p>
help<p class="gkHelp">Your help message goes here!</p>
images<p class="gkImages">Your image message goes here!</p>
lock<p class="gkLock">Your lock message goes here!</p>
printer<p class="gkPrinter">Your pritner message goes here!</p>
report<p class="gkReport">Your report message goes here!</p>
script<p class="gkScript">Your script message goes here!</p>
time<p class="gkTime">Your time message goes here!</p>
user<p class="gkUser">Your user message goes here!</p>
world<p class="gkWorld">Your world message goes here!</p>
cart<p class="gkCart">Your cart message goes here!</p>
cd<p class="gkCd">Your cd message goes here!</p>
chart_bar<p class="gkChartBar">Your chart bar message goes here!</p>
chart_line<p class="gkChartLine">Your chart line message goes here!</p>
chart_pie<p class="gkChartPie">Your chart pie message goes here!</p>
clock<p class="gkClock">Your clock message goes here!</p>
cog<p class="gkCog">Your cog message goes here!</p>
coins<p class="gkCoins">Your coins message goes here!</p>
compress<p class="gkComporess">Your compress message goes here!</p>
computer<p class="gkComputer">Your computer message goes here!</p>
cross<p class="gkCrpss">Your cross message goes here!</p>
disk<p class="gkDisk">Your disk message goes here!</p>
error<p class="gkError">Your error message goes here!</p>
exclamation<p class="gkExclamation">Your lock message goes here!</p>
fil<p class="gkFilm">Your film message goes here!</p>
folder<p class="gkFolder">Your folder message goes here!</p>
group<p class="gkGroup">Your group message goes here!</p>
heart<p class="gkHeart">Your heart message goes here!</p>
house<p class="gkHouse">Your house message goes here!</p>
image<p class="gkImage">Your image message goes here!</p>
information<p class="gkInformation">Your information message goes here!</p>
magnifier<p class="gkMagnifier">Your magnifier message goes here!</p>
money<p class="gkMoney">Your money message goes here!</p>
new<p class="gkNew">Your new message goes here!</p>
note<p class="gkNote">Your note message goes here!</p>
page<p class="gkPage">Your page message goes here!</p>
page_white<p class="gkPageWhite">Your page white message goes here!</p>
plugin<p class="gkPlugin">Your plugin message goes here!</p>
accept<p class="gkAccept">Your accept message goes here!</p>
add<p class="gkAdd">Your add message goes here!</p>
camera<p class="gkCamera">Your camera message goes here!</p>
brick<p class="gkBrick">Your brick message goes here!</p>
box<p class="gkBox">Your box message goes here!</p>
calendar<p class="gkCalendar">Your calendar message goes here!</p>
Audio<p class="gkAudioIs2">Your audio message goes here!</p>
Email<p class="gkEmailIs2">Your email message goes here!</p>
Feed<p class="gkFeedIs2">Your feed message goes here!</p>
Images<p class="gkImagesIs2">Your images message goes here!</p>
Lock<p class="gkLockIs2">Your lock message goes here!</p>
Printer<p class="gkPrinterIs2">Your printer message goes here!</p>
Time<p class="gkTimeIs2">Your time message goes here!</p>
User<p class="gkUserIs2">Your user message goes here!</p>
World<p class="gkWorldIs2">Your world message goes here!</p>
Cart<p class="gkCartIs2">Your cart message goes here!</p>
Cd<p class="gkCdIs2">Your cd message goes here!</p>
ChartLine<p class="gkChartLineIs2">Your chart line message goes here!</p>
ChartPie<p class="gkChartPieIs2">Your chart pie message goes here!</p>
Clock<p class="gkClockIs2">Your clock message goes here!</p>
Cog<p class="gkCogIs2">Your cog message goes here!</p>
Computer<p class="gkComputerIs2">Your computer message goes here!</p>
Error<p class="gkErrorIs2">Your error message goes here!</p>
Exclamation<p class="gkExclamationIs2">Your exclamation message goes here!</p>
Film<p class="gkFilmIs2">Your film message goes here!</p>
Folder<p class="gkFolderIs2">Your folder message goes here!</p>
Group<p class="gkGroupIs2">Your group message goes here!</p>
House<p class="gkHouseIs2">Your house message goes here!</p>
Image<p class="gkImageIs2">Your image message goes here!</p>
Information<p class="gkInformationIs2">Your infomration message goes here!</p>
Magnifier<p class="gkMagnifierIs2">Your magnifier message goes here!</p>
Money<p class="gkMoneyIs2">Your money message goes here!</p>
Page<p class="gkPageIs2">Your page message goes here!</p>
Link<p class="gkLinkIs2">Your link message goes here!</p>
Camera<p class="gkCameraIs2">Your camera message goes here!</p>
Calendar<p class="gkCalendarIs2">Your calendar message goes here!</p>
Contact<p class="gkContactIs2">Your contact message goes here!</p>
Facebook<p class="gkFacebookIs2">Your facebook message goes here!</p>
LikeIt<p class="gkLikeItIs2">Your like it message goes here!</p>
Twitter<p class="gkTwitterIs2">Your twitter message goes here!</p>
Vimeo<p class="gkVimeoIs2">Your vimeo message goes here!</p>
Youtube<p class="gkYoutubeIs2">Your youtube message goes here!</p>
Audio<p class="gkAudioIs3">Your audio message goes here!</p>
Camera<p class="gkCameraIs3">Your camera message goes here!</p>
Lock<p class="gkLockIs3">Your lock message goes here!</p>
User<p class="gkUserIs3">Your user message goes here!</p>
Cart<p class="gkCartIs3">Your cart message goes here!</p>
ChartBar<p class="gkChartBarIs3">Your camera message goes here!</p>
Conifg<p class="gkConfigIs3">Your config message goes here!</p>
Conifg2<p class="gkConfig2Is3">Your config message goes here!</p>
Computer<p class="gkComputerIs3">Your computer message goes here!</p>
Coffe<p class="gkConffeIs3">Your coffe message goes here!</p>
Cross<p class="gkCrossIs3">Your cross message goes here!</p>
Error<p class="gkErrorIs3">Your error message goes here!</p>
House<p class="gkHouseIs3">Your house message goes here!</p>
Information<p class="gkInformationIs3">Your infomation message goes here!</p>
Magnifier<p class="gkInformationIs3">Your magnifier message goes here!</p>
Page<p class="gkPageIs3">Your page message goes here!</p>
Lock<p class="gkLockIs3">Your lock message goes here!</p>
Camera<p class="gkCameraIs3">Your camera message goes here!</p>
Star<p class="gkStarIs3">Your star message goes here!</p>
Telephone<p class="gkTelephoneIs3">Your telephone message goes here!</p>
class<a class="gkTooltip" href="#">Classic Tooltip Anchor<span class="classic">Tooltip message goes here !</span></a>
critical<a class="gkTooltip" href="#">Critical Tooltip<span class="customTooltip criticalTooltip"><em>Critical Tooltip</em>Tooltip message goes here!</span></a>
help<a class="gkTooltip" href="#">Help<span class="customTooltip helpTooltip"><em>Help</em>Tooltip message goes here!</span></a>
information<a class="gkTooltip" href="#">Information<span class="customTooltip infoTooltip"><em>Information</em>Tooltip message goes here!</span></a>
warning<a class="gkTooltip" href="#">Warning<span class="customTooltip warningTooltip"><em>Warning</em>Tooltip message goes here!</span></a>
highlight-1<span class="gkHighlight1">Your highlight phrase goes here!</span>
highlight-2<span class="gkHighlight2">Your highlight phrase goes here!</span>
highlight-3<span class="gkHighlight3">Your highlight phrase goes here!</span>
highlight-4<span class="gkHighlight4">Your highlight phrase goes here!</span>
highlight-5<span class="gkHighlight5">Your highlight phrase goes here!</span>
pre<pre>code</pre>
code1<div class="gkCode1">code</div>
code2<div class="gkCode2">code</div>
code3<div class="gkCode3">code</div>
bullet1<ul class="gkBullet1"><li>Element</li></ul>
bullet2<ul class="gkBullet2"><li>Element</li></ul>
bullet3<ul class="gkBullet3"><li>Element</li></ul>
bullet4<ul class="gkBullet4"><li>Element</li></ul>
circle1<ul class="gkCircle1"><li>Element</li></ul>
circle2<ul class="gkCircle2"><li>Element</li></ul>
square1<ul class="gkSquare1"><li>Element</li></ul>
square2<ul class="gkSquare2"><li>Element</li></ul>
square3<ul class="gkSquare3"><li>Element</li></ul>
roman<ol class="gkRoman"><li>Element</li></ol>
dec<ol class="gkDec"><li>Element</li></ol>
alpha<ol class="gkAlpha"><li>Element</li></ol>
decimalLeadingZero<ol class="gkDecimalLeadingZero"><li>Element</li></ol>
number1<div class="gkNumber1"><p><span>here goes a number</span>text of element</p>
number2<div class="gkNumber2"><p><span>here goes a number</span>text of element</p>
abbr<abbr title="Here goes full word or phrase">here goes an abbreviation</abbr>
acronym<acronym title="Here goes full phrase">here goes an acronym</acronym>
def1<dl class="gkDef1"><dt>Here goes the word you are about to define</dt><dd>Here goes definition</dd></dl>
def2<dl class="gkDef2"><dt>Here goes the word you are about to define</dt><dd>Here goes definition</dd></dl>
def3<dl class="gkDef3"><dt>Here goes the word you are about to define</dt><dd>Here goes definition</dd></dl>
legend1<div class="gkLegend1"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>
legend2<div class="gkLegend2"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>
legend3<div class="gkLegend3"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>
legend4<div class="gkLegend4"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>
legend5<div class="gkLegend5"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>
legend6<div class="gkLegend6"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>
legend7<div class="gkLegend7"> <h4> Title </h4> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div>
dropcap1<p><span class="gkDropcap1">t</span> to make the first letter larger</p>
dropcap2<p class="gkDropcap2"><span class="gkDropcap2">t</span> to make the first letter larger</p>
dropcap3<p class="gkDropcap3"><span class="gkDropcap3">t</span> to make the first letter larger</p>
blockTextLeft<span class="gkBlockTextLeft">Block of text</span>
blockTextRight<span class="gkBlockTextRight">Block of text</span>
blockTextCenter<span class="gkBlockTextCenter">Block of text</span>
blockquote<blockquote>Your quoted text goes here!</blockquote>
blockquote1<blockquote><div class="gkBlockquote1"><div>Your quoted text goes here!</div></div></blockquote>
blockquote2<blockquote><div class="gkBlockquote2"><div>Your quoted text goes here!</div></div></blockquote>
blockquote3<blockquote><div class="gkBlockquote3"><div>Your quoted text goes here!</div></div></blockquote>
blockquote4<blockquote><div class="gkBlockquote4"><div>Your quoted text goes here!</div></div></blockquote>
clear<span class="gkClear">Lorem ipsum dolor sit amet.</span>
clear-1<span class="gkClear-1">Lorem ipsum dolor sit amet.</span>
clear-2<span class="gkClear-2">Lorem ipsum dolor sit amet.</span>
color<span class="gkColor">Lorem ipsum dolor sit amet.</span>
color-1<span class="gkColor-1">Lorem ipsum dolor sit amet.</span>
color-2<span class="gkColor-2">Lorem ipsum dolor sit amet.</span>
color-3<span class="gkColor-3">Lorem ipsum dolor sit amet.</span>
color-4<span class="gkColor-4">Lorem ipsum dolor sit amet.</span>
color-5<span class="gkColor-5">Lorem ipsum dolor sit amet.</span>
color-6<span class="gkColor-6">Lorem ipsum dolor sit amet.</span>
color-7<span class="gkColor-7">Lorem ipsum dolor sit amet.</span>
table1<table class="gkTable"><thead><tr> <td colspan="2">Table Header (thead)</td></tr></thead><tfoot><tr> <td colspan="2">Table Footer (tfoot)</td></tr></tfoot><tbody><tr class="gkTableColor"><td>Cell 1 - part of tbody</td><td>Cell 2 - part of tbody</td></tr><tr><td>Cell 3 - part of tbody</td><td>Cell 4 - part of tbody</td></tr><tr><td>Cell 5 - part of tbody</td><td>Cell 6 - part of tbody</td></tr></tbody></table>
table2<table class="gkTable2"><thead><tr> <td colspan="2">Table Header (thead)</td></tr></thead><tfoot><tr> <td colspan="2">Table Footer (tfoot)</td></tr></tfoot><tbody><tr class="odd"><td>Cell 1 - part of tbody</td><td>Cell 2 - part of tbody</td></tr class="even"><tr><td>Cell 3 - part of tbody</td><td>Cell 4 - part of tbody</td></tr><tr class="odd"><td>Cell 5 - part of tbody</td><td>Cell 6 - part of tbody</td></tr></tbody></table>
video_block<a class="gk_video_frame" href="http://vimeo.com/22126094" rel="mediabox[720 410]"><img src="/robert/updates/appsite/images/stories/demo/demo_video_1.png" border="0" alt="Video 1" /><span class="gk_vframe">Frame</span><span class="gk_voverlay">Overlay</span> Watch the video</a>
android block<div class="gk_block android"><h3><a href="#">android</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
blackberry block<div class="gk_block blackberry"><h3><a href="#">blackberry</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
calendar block<div class="gk_block calendar"><h3><a href="#">calendar</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
chat block<div class="gk_block chat"><h3><a href="#">chat</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
clock block<div class="gk_block clock"><h3><a href="#">clock</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
cog block<div class="gk_block cog"><h3><a href="#">cog</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
firefox block<div class="gk_block firefox"><h3><a href="#">firefox</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
info block<div class="gk_block info"><h3><a href="#">info</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
mac block<div class="gk_block mac"><h3><a href="#">mac</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
mail block<div class="gk_block mail"><h3><a href="#">mail</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
mobilephone block<div class="gk_block mobilephone"><h3><a href="#">mobilephone</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
phone block<div class="gk_block phone"><h3><a href="#">phone</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
recycledbag block<div class="gk_block recycledbag"><h3><a href="#">recycledbag</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
shoppingcart block<div class="gk_block shoppingcart"><h3><a href="#">shoppingcart</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
tablet block<div class="gk_block tablet"><h3><a href="#">tablet</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>
user block<div class="gk_block user"><h3><a href="#">user</a></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis erat elit. Donec pretium condimentum</p></div>

@2010 The Maravi Post an Eltas EnterPrises INC Publishing Company
Site Developed By JRC

Top Desktop version