<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Welcome to the Frontpage</title>
<link href="/ja_opal/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/ja_opal/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<link href="/ja_opal/templates/ja_opal/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="http://template15.joomlart.com/ja_opal/templates/ja_opal/css/ja_contentslide.css" type="text/css" />
<link rel="stylesheet" href="/ja_opal/templates/ja_opal/css/ja.news.css" type="text/css" />
<link rel="stylesheet" href="http://template15.joomlart.com/ja_opal/templates/ja_opal/css/ja.slideshow2.css" type="text/css" />
<script type="text/javascript" src="http://template15.joomlart.com/ja_opal/media/system/js/mootools.js"></script>
<script type="text/javascript" src="http://template15.joomlart.com/ja_opal/media/system/js/caption.js"></script>
<script type="text/javascript" src="http://template15.joomlart.com/ja_opal/modules/mod_ja_contentslide/assets/js/ja_contentslide.js"></script>
<script type='text/javascript' src='http://template15.joomlart.com/ja_opal/plugins/content/ja_tabs/ja_tabs.js' charset="utf-8"></script>
<link type='text/css' href='http://template15.joomlart.com/ja_opal/plugins/content/ja_tabs/ja_tabs.css' rel="stylesheet"/>
<link rel="stylesheet" href="http://template15.joomlart.com/ja_opal/plugins/content/ja_tabs/themes/opal/style.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="http://template15.joomlart.com/ja_opal/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="http://template15.joomlart.com/ja_opal/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="http://template15.joomlart.com/ja_opal/templates/ja_opal/css/template.css" type="text/css" />
<link rel="stylesheet" href="http://template15.joomlart.com/ja_opal/templates/ja_opal/css/typo.css" type="text/css" />
<script language="javascript" type="text/javascript">
var siteurl = 'http://template15.joomlart.com/ja_opal/';
var tmplurl = 'http://template15.joomlart.com/ja_opal/templates/ja_opal';
</script>
<script language="javascript" type="text/javascript" src="http://template15.joomlart.com/ja_opal/templates/ja_opal/js/ja.script.js"></script>
<!-- js for dragdrop -->
<!-- Menu head -->
<link href="http://template15.joomlart.com/ja_opal/templates/ja_opal/ja_menus/ja_moomenu/ja.moomenu.css" rel="stylesheet" type="text/css" />
<script src="http://template15.joomlart.com/ja_opal/templates/ja_opal/ja_menus/ja_moomenu/ja.moomenu.js" language="javascript" type="text/javascript" ></script>
<link href="http://template15.joomlart.com/ja_opal/templates/ja_opal/css/colors/black.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<style type="text/css">
img {border: none;}
</style>
<![endif]-->
<link href="http://template15.joomlart.com/ja_opal/templates/ja_opal/css/ie.php" rel="stylesheet" type="text/css" />
<link href="http://template15.joomlart.com/ja_opal/templates/ja_opal/css/colors/black-ie.php" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<script type="text/javascript">
window.addEvent ('load', makeTransBG);
function makeTransBG() {
makeTransBg($$('img'));
}
</script>
<![endif]-->
</head>
<body id="bd" class=" fs3">
<div id="ja-wrapper" class="ja-mainbg">
<a name="Top" id="Top"></a>
<!-- HEADER -->
<div id="ja-header" class="wrap">
<div class="main clearfix">
<h1 class="logo">
<a href="/ja_opal/index.php" title="Opal"><span>Opal</span></a>
</h1>
<div id="ja-banner">
<div class="advs bannergroup">
<div class="banneritem"><a href="/ja_opal/index.php?option=com_banners&task=click&bid=7" target="_blank"><img src="http://template15.joomlart.com/ja_opal/images/banners/adv1.jpg" alt="Banner" /></a> </div>
</div>
</div>
</div>
</div>
<!-- //HEADER -->
<!-- MAIN NAVIGATION -->
<div id="ja-mainnav" class="wrap">
<div class="main">
<div class="inner clearfix">
<ul class="no-display">
<li><a href="/ja_opal/?ja_color=black&ja_bgimg=1#ja-content" title="Skip to content">Skip to content</a></li>
</ul>
<ul id="ja-cssmenu" class="clearfix">
<li class="active"><a href="http://template15.joomlart.com/ja_opal/" class="menu-item0 active first-item" id="menu1" title="Home"><span class="menu-title">Home</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=article&id=49&Itemid=53" class="menu-item1" id="menu53" title="Typography"><span class="menu-title">Typography</span></a></li>
<li class="havechild"><a href="/ja_opal/index.php?option=com_content&view=category&layout=blog&id=34&Itemid=55" class="menu-item2" id="menu55" title="Navigations"><span class="menu-title">Navigations</span></a><ul><li ><a href="/ja_opal/?ja_menu=split" class=" first-item" id="menu58" title="Split menu"><span class="menu-title">Split menu</span></a></li>
<li ><a href="/ja_opal/?ja_menu=css" id="menu59" title="CSS menu"><span class="menu-title">CSS menu</span></a></li>
<li ><a href="/ja_opal/?ja_menu=moo" class=" last-item" id="menu60" title="Moo menu"><span class="menu-title">Moo menu</span></a></li>
</ul></li>
<li class="havechild"><a href="/ja_opal/index.php?option=com_content&view=article&id=19&Itemid=27" class="menu-item3" id="menu27" title="Joomla! Overview"><span class="menu-title">Joomla! Overview</span></a><ul><li ><a href="/ja_opal/index.php?option=com_content&view=article&id=22&Itemid=34" class=" first-item" id="menu34" title="What's New in 1.5?"><span class="menu-title">What's New in 1.5?</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=article&id=5&Itemid=2" id="menu2" title="Joomla! License"><span class="menu-title">Joomla! License</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=section&id=4&Itemid=37" id="menu37" title="More about Joomla!"><span class="menu-title">More about Joomla!</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=section&id=3&Itemid=41" id="menu41" title="FAQ"><span class="menu-title">FAQ</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=category&layout=blog&id=1&Itemid=50" id="menu50" title="The News"><span class="menu-title">The News</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_weblinks&view=categories&Itemid=48" id="menu48" title="Web Links"><span class="menu-title">Web Links</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_newsfeeds&view=categories&Itemid=49" class=" last-item" id="menu49" title="News Feeds"><span class="menu-title">News Feeds</span></a></li>
</ul></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=category&layout=blog&id=36&Itemid=65" class="menu-item4" id="menu65" title="Football"><span class="menu-title">Football</span></a></li>
<li class="havechild"><a href="/ja_opal/index.php?option=com_content&view=category&layout=blog&id=35&Itemid=54" class="menu-item5" id="menu54" title="Layouts"><span class="menu-title">Layouts</span></a><ul><li ><a href="/ja_opal/index.php?option=com_wrapper&view=wrapper&Itemid=57" class=" first-item" id="menu57" title="Wrapper (Full width)"><span class="menu-title">Wrapper (Full width)</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=article&id=5&Itemid=61" id="menu61" title="Content + Col"><span class="menu-title">Content + Col</span></a></li>
<li ><a href="/ja_opal/index.php?option=com_content&view=article&id=20&Itemid=63" class=" last-item" id="menu63" title="With all Extra modules"><span class="menu-title">With all Extra modules</span></a></li>
</ul></li>
<li class="havechild"><a href="/ja_opal/index.php?option=com_content&view=article&id=22&Itemid=56" class="menu-item6 last-item" id="menu56" title="Styles"><span class="menu-title">Styles</span></a><ul><li ><a href="/ja_opal/?ja_color=deafult" class=" first-item" id="menu71" title="Default color"><span class="menu-title">Default color</span></a></li>
<li ><a href="/ja_opal/?ja_color=blue&ja_bgimg=0" id="menu72" title="Blue color"><span class="menu-title">Blue color</span></a></li>
<li ><a href="/ja_opal/?ja_color=blue&ja_bgimg=1" id="menu77" title="Blue Watersport"><span class="menu-title">Blue Watersport</span></a></li>
<li ><a href="/ja_opal/?ja_color=black&ja_bgimg=0" id="menu73" title="Black color"><span class="menu-title">Black color</span></a></li>
<li ><a href="/ja_opal/?ja_color=black&ja_bgimg=1" id="menu78" title="Black Xgame"><span class="menu-title">Black Xgame</span></a></li>
<li ><a href="/ja_opal/?ja_color=red&ja_bgimg=0" id="menu74" title="Red color"><span class="menu-title">Red color</span></a></li>
<li ><a href="/ja_opal/?ja_color=red&ja_bgimg=1" id="menu79" title="Red boxing"><span class="menu-title">Red boxing</span></a></li>
<li ><a href="/ja_opal/?ja_color=yellow&ja_bgimg=0" id="menu75" title="Yellow color"><span class="menu-title">Yellow color</span></a></li>
<li ><a href="/ja_opal/?ja_color=yellow&ja_bgimg=1" id="menu80" title="Yellow Athletics"><span class="menu-title">Yellow Athletics</span></a></li>
<li ><a href="/ja_opal/?ja_color=athletics" id="menu76" title="Athletics"><span class="menu-title">Athletics</span></a></li>
<li ><a href="/ja_opal/?ja_color=athletics&ja_bgimg=1" class=" last-item" id="menu81" title="Athletics and Background"><span class="menu-title">Athletics and Background</span></a></li>
</ul></li>
</ul>
<div id="ja-headtools" class="ja-headtool">
<ul>
<li>
<a class="login-switch" href="/ja_opal/index.php?option=com_user&view=login" onclick="this.blur();showBox('ja-login','mod_login_username',this);return false;" title="">Login</a>
<!--LOFIN FORM content-->
<div id="ja-login" style="width:400px;">
<form action="/ja_opal/index.php" method="post" name="login" id="login" >
<label for="mod_login_username" class="ja-login-user">
<span>Username</span>
<input name="username" id="mod_login_username" type="text" class="inputbox" alt="username" size="10" />
</label>
<label for="mod_login_password" class="ja-login-password">
<span>Password</span>
<input type="password" id="mod_login_password" name="passwd" class="inputbox" size="10" alt="password" />
</label>
<label for="mod_login_remember">
<input type="hidden" name="remember" id="mod_login_remember" class="inputbox" value="yes" alt="Remember Me" />
</label>
<input type="submit" name="Submit" class="button" value="Login" />
<div class="ja-login-links">
<a href="/ja_opal/index.php?option=com_user&view=reset">
Forgot your password?</a>
<a href="/ja_opal/index.php?option=com_user&view=remind">
Forgot your username?</a>
<a href="/ja_opal/index.php?option=com_user&task=register">
Create an account</a>
</div>
<input type="hidden" name="option" value="com_user" />
<input type="hidden" name="task" value="login" />
<input type="hidden" name="return" value="L2phX29wYWwvP2phX2NvbG9yPWJsYWNrJmphX2JnaW1nPTE=" />
<input type="hidden" name="4b5e4aa4245ce7b51549235504760b9d" value="1" /> </form>
</div>
</li>
<li>
<a class="register-switch" href="/ja_opal/index.php?option=com_user&view=register" onclick="this.blur();showBox('ja-register','namemsg',this);return false;" >
Create an account </a>
<!--LOFIN FORM content-->
<script type="text/javascript" src="http://template15.joomlart.com/ja_opal/media/system/js/validate.js"></script>
<div id="ja-register" style="width:350px;">
<script type="text/javascript">
<!--
Window.onDomReady(function(){
document.formvalidator.setHandler('passverify', function (value) { return ($('password').value == value); } );
});
// -->
</script>
<form action="http://template15.joomlart.com/ja_opal/index.php?option=com_user" method="post" id="josForm" name="josForm" class="form-validate">
<table cellpadding="0" cellspacing="0" border="0" width="100%" class="contentpane">
<tr>
<td width="30%" height="40">
<label id="namemsg" for="name">
Name:
</label>
</td>
<td>
<input type="text" name="name" id="name" size="40" value="" class="inputbox required" maxlength="50" /> *
</td>
</tr>
<tr>
<td height="40">
<label id="usernamemsg" for="username">
Username:
</label>
</td>
<td>
<input type="text" id="username" name="username" size="40" value="" class="inputbox required validate-username" maxlength="25" /> *
</td>
</tr>
<tr>
<td height="40">
<label id="emailmsg" for="email">
E-mail:
</label>
</td>
<td>
<input type="text" id="email" name="email" size="40" value="" class="inputbox required validate-email" maxlength="100" /> *
</td>
</tr>
<tr>
<td height="40">
<label id="pwmsg" for="password">
Password:
</label>
</td>
<td>
<input class="inputbox required validate-password" type="password" id="password" name="password" size="40" value="" /> *
</td>
</tr>
<tr>
<td height="40">
<label id="pw2msg" for="password2">
Verify Password:
</label>
</td>
<td>
<input class="inputbox required validate-passverify" type="password" id="password2" name="password2" size="40" value="" /> *
</td>
</tr>
<tr>
<td colspan="2" height="40">
Fields marked with an asterisk (*) are required. </td>
</tr>
</table>
<button class="button validate" type="submit">Create an account</button>
<input type="hidden" name="task" value="register_save" />
<input type="hidden" name="id" value="0" />
<input type="hidden" name="gid" value="0" />
<input type="hidden" name="4b5e4aa4245ce7b51549235504760b9d" value="1" /> </form>
</div>
</li>
<!--LOFIN FORM content-->
</ul>
</div>
</div>
</div>
</div>
<!-- //MAIN NAVIGATION -->
<!-- TOP SPOTLIGHT -->
<div id="ja-topsl" class="wrap">
<div class="main">
<div class="inner clearfix">
<div id="ja-slideshow">
<script src="http://template15.joomlart.com/ja_opal/modules/mod_jaslideshow2/assets/ja.slideshow2.js" type="text/javascript"></script>
<script src="http://template15.joomlart.com/ja_opal/modules/mod_jaslideshow2/assets/ja.slideshow.js" type="text/javascript"></script>
<div class="ja-slidewrap" id="ja-slide-44" style="visibility:hidden">
<div class="ja-slide-main-wrap">
<div class="ja-slide-main">
<div class="ja-slide-item"><img src="http://template15.joomlart.com/ja_opal/images/stories/slideshow/sl-3.jpg" alt="sl-3.jpg"/>
</div>
<div class="ja-slide-item"><img src="http://template15.joomlart.com/ja_opal/images/stories/slideshow/sl-4.jpg" alt="sl-4.jpg"/>
</div>
<div class="ja-slide-item"><img src="http://template15.joomlart.com/ja_opal/images/stories/slideshow/sl-2.jpg" alt="sl-2.jpg"/>
</div>
<div class="ja-slide-item"><img src="http://template15.joomlart.com/ja_opal/images/stories/slideshow/sl-1.jpg" alt="sl-1.jpg"/>
</div>
</div>
<div class="maskDesc"><div class="inner"><a class="readon" title=""><span>Readmore</span></a></div></div>
</div>
<div class="ja-slide-descs">
<div class="ja-slide-desc"><h3>War Hands-On </h3><br /><p>Curabitur tristique ipsum libero In dapibus laoreet leo Cum elit pede. Augue turpis sem Suspendisse quis Vivamus nulla consequat Vestibulum magna Ut. Orci gravida dignissim.</p></div>
<div class="ja-slide-desc"><h3>Sweet Strawberry</h3><br /><p>Ullamcorper In accumsan wisi ligula auctor consequat sit purus at Nulla. Interdum tortor interdum auctor sit et sodales Sed in hendrerit urna. Quis convallis pharetra purus ut risus vel Sed consequat id ipsum.</p></div>
<div class="ja-slide-desc"><h3>EndWar Exclusive Theater</h3><br /><p>Vestibulum mauris ut sed laoreet Nulla et molestie nisl. Ridiculus eu id pretium Curabitur risus pellentesque Vestibulum mauris metus turpis. Ornare Nulla in velit ante nisl tempor ultrices ac porta habitant.</p></div>
<div class="ja-slide-desc"><h3>EndWar Exclusive Theater of War Hands-On </h3><br /><p>Augue neque rutrum elit vitae nec in pretium et faucibus In. Felis non sit Phasellus hac dictumst Pellentesque Proin eu leo Phasellus. Magna eros consequat eu eu dui vel consequat ipsum dolor ipsum. Tempus quis id massa nisl ac.</p></div>
</div>
<div class="ja-slide-mask">
</div>
<div class="ja-slide-thumbs-wrap">
<div class="ja-slide-thumbs">
<div class="ja-slide-thumb">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/slideshow/sl-3_60_60.jpg" alt="Photo Thumb" />
</div>
<div class="ja-slide-thumb">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/slideshow/sl-4_60_60.jpg" alt="Photo Thumb" />
</div>
<div class="ja-slide-thumb">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/slideshow/sl-2_60_60.jpg" alt="Photo Thumb" />
</div>
<div class="ja-slide-thumb">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/slideshow/sl-1_60_60.jpg" alt="Photo Thumb" />
</div>
</div>
<div class="ja-slide-thumbs-mask"><span class="ja-slide-thumbs-mask-left"> </span><span class="ja-slide-thumbs-mask-center"> </span><span class="ja-slide-thumbs-mask-right"> </span></div>
<p class="ja-slide-thumbs-handles">
<span> </span>
<span> </span>
<span> </span>
<span> </span>
</p>
</div>
</div>
<script type="text/javascript">
window.addEvent('load', function(){
new JASlideshow2('ja-slide-44', {
startItem: 1,
showItem: 4,
itemWidth: 64,
itemHeight: 64,
mainWidth: 640,
mainHeight: 300,
duration: 300,
transition: Fx.Transitions.quadOut,
animation: 'fade',
thumbOpacity:0.8,
maskOpacity: 0.8,
buttonOpacity: 0.6,
showDesc: 'desc-readmore',
descMode: 'mouseover',
readmoretext: 'Readmore',
overlap: 0,
navigation:'thumbs',
urls:['#','#','#','#'],
autoPlay: 1,
interval: 5000 });
});
</script>
</div>
<div id="ja-hl">
<div class="moduletable" id="Mod25">
<h3 class="clearfix"><span class="right-bg clearfix"><span class="left-bg">Highlight module</span></span></h3>
<div class="ja-box-ct clearfix">
<table class="contentpaneopen">
<tr>
<td valign="top" ><img src="/ja_opal/images/stories/demo/sam-5.jpg" alt="Sample image" class="img-border" />
At rutrum pellentesque Praesent elit lobortis mattis Vestibulum ultrices consectetuer eget. Sit urna risus Morbi purus Pellentesque purus accumsan nisl id Donec. Enim interdum tempor suscipit vel Quisque at <a href="#" title="Sample link">vel auctor tellus sed.</a></td>
</tr>
<tr>
<td valign="top" >
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //TOP SPOTLIGHT -->
<!-- PATHWAY -->
<div id="ja-pathway" class="wrap">
<div class="main">
<div class="inner clearfix">
<div class="ja-pathway-text">
<strong>You are here:</strong><span class="breadcrumbs pathway">
Home</span>
</div>
<div id="ja-search">
<form action="index.php" method="post">
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20" alt="Search" class="inputbox" type="text" size="20" value="search..." onblur="if(this.value=='') this.value='search...';" onfocus="if(this.value=='search...') this.value='';" /><input type="submit" value="Search" class="button" onclick="this.form.searchword.focus();"/> </div>
<input type="hidden" name="task" value="search" />
<input type="hidden" name="option" value="com_search" />
</form>
</div>
</div>
</div>
</div>
<!-- //PATHWAY -->
<div id="ja-container" class="wrap clearfix">
<div class="main"><div class="inner clearfix">
<!-- CONTENT -->
<div id="ja-mainbody">
<div id="ja-current-content" class="clearfix">
<div id="ja-contentheading">
<h1 class="componentheading clearfix">
<span class="right-bg clearfix"><span class="left-bg">
Welcome to the Frontpage </span></span>
</h1>
<div class="blog">
<div class="leading">
<div class="contentpaneopen clearfix">
<div class="article-content"><div class="ja-innerpad">
<div class="img-desc clearfix">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/demo/sam-11_310_230.jpg" alt="Sample image" align="left" title="Sample image" /></div>
<h2 class="contentheading">
<a href="/ja_opal/index.php?option=com_content&view=article&id=53:welcome-to-ja-opal&catid=34:demo-category&Itemid=55" class="contentpagetitle">
Welcome to JA Opal </a>
</h2>
<div class="article-toolswrap">
<div class="article-tools">
<div class="article-meta">
<span class="createdate">
Tue - 03 <span class="month">Mar</span> </span>
<span class="createdby">
Written by Administrator </span>
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet consectetuer Nulla eleifend convallis non pretium. Risus Curabitur porttitor amet nibh id at Curabitur adipiscing vitae lacinia. Sociis Sed pede laoreet semper at orci id vel at consequat. Et condimentum Vestibulum dignissim adipiscing sapien In ac at Vestibulum leo.</p>
<p>Vestibulum Aenean cursus enim nec. Interdum eu tincidunt elit felis tellus <a href="#" title="Sample link">nibh senectus tempor</a>.</p>
<a href="/ja_opal/index.php?option=com_content&view=article&id=53:welcome-to-ja-opal&catid=34:demo-category&Itemid=55" title="Welcome to JA Opal" class="readon">
Read more... </a>
</div></div>
</div>
</div>
<span class="leading_separator"> </span>
<div class="article_row clearfix">
<div class="article_column column1 cols3" >
<div class="contentpaneopen clearfix">
<div class="article-content"><div class="ja-innerpad">
<div class="img-desc clearfix">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/demo/sam-10_185_115.jpg" alt="Sample image" align="left" title="Sample image" /></div>
<h2 class="contentheading">
<a href="/ja_opal/index.php?option=com_content&view=article&id=46:welcome-to-ja-opal&catid=34:demo-category&Itemid=55" class="contentpagetitle">
Welcome to JA Opal </a>
</h2>
<div class="article-toolswrap">
<div class="article-tools">
<div class="article-meta">
<span class="createdate">
Wed - 25 <span class="month">Feb</span> </span>
<span class="createdby">
Written by Administrator </span>
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet consectetuer adipiscing turpis elit Sed vestibulum.</p>
<a href="/ja_opal/index.php?option=com_content&view=article&id=46:welcome-to-ja-opal&catid=34:demo-category&Itemid=55" title="Welcome to JA Opal" class="readon">
Read more... </a>
</div></div>
</div>
</div>
<span class="article_separator"> </span>
<div class="article_column column2 cols3" >
<div class="contentpaneopen clearfix">
<div class="article-content"><div class="ja-innerpad">
<div class="img-desc clearfix">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/demo/sam-9_185_115.jpg" alt="Sample image" align="left" title="Sample image" /></div>
<h2 class="contentheading">
<a href="/ja_opal/index.php?option=com_content&view=article&id=47:top-10-sporting-romances&catid=34:demo-category&Itemid=55" class="contentpagetitle">
Top 10: Sporting romances </a>
</h2>
<div class="article-toolswrap">
<div class="article-tools">
<div class="article-meta">
<span class="createdate">
Wed - 25 <span class="month">Feb</span> </span>
<span class="createdby">
Written by Administrator </span>
</div>
</div>
</div>
<p>In Vivamus netus turpis et non Maecenas nibh Vivamus Ut Vivamus. Curabitur pede</p>
<a href="/ja_opal/index.php?option=com_content&view=article&id=47:top-10-sporting-romances&catid=34:demo-category&Itemid=55" title="Top 10: Sporting romances" class="readon">
Read more... </a>
</div></div>
</div>
</div>
<span class="article_separator"> </span>
<div class="article_column column3 cols3" >
<div class="contentpaneopen clearfix">
<div class="article-content"><div class="ja-innerpad">
<div class="img-desc clearfix">
<img src="http://template15.joomlart.com/ja_opal/images/resized/images/stories/demo/sam-8_185_115.jpg" alt="Sample image" align="left" title="Sample image" /></div>
<h2 class="contentheading">
<a href="/ja_opal/index.php?option=com_content&view=article&id=48:rafael-nadal-all-court-king&catid=34:demo-category&Itemid=55" class="contentpagetitle">
Rafael Nadal: All-court king </a>
</h2>
<div class="article-toolswrap">
<div class="article-tools">
<div class="article-meta">
<span class="createdate">
Wed - 25 <span class="month">Feb</span> </span>
<span class="createdby">
Written by Administrator </span>
</div>
</div>
</div>
<p>Lobortis facilisis Lorem tempor Pellentesque arcu turpis Pellentesque commodo nibh</p>
<a href="/ja_opal/index.php?option=com_content&view=article&id=48:rafael-nadal-all-court-king&catid=34:demo-category&Itemid=55" title="Rafael Nadal: All-court king" class="readon">
Read more... </a>
</div></div>
</div>
</div>
<span class="article_separator"> </span>
<span class="row_separator"> </span>
</div>
